.row
  .col
    h4.mb-3
      | Manage your contests
      .float-end
        a.btn.btn-primary.mb-4 href=new_contest_path
          | Create a new contest

.row.row-cols-1.row-cols-md-3.g-4
  - @contests.each do |contest|
    .col
      css:
        .card:hover { background-color: lightblue; }
      .card.h-100
        .card-header
          = contest.name
        .card-body
          .card-text.mb-2 = "#{contest.puzzles.length} puzzles - #{contest.contestants.length} participants"
          .row
            .col
              - contest.puzzles.each do |puzzle|
                - if puzzle.image.attached?
                  = image_tag puzzle.image, style: "max-height: 50px;", class: "mb-2 me-2"
          a.stretched-link href=contest_path(contest)