.row.mb-2
  .col
    css:
      .badges { margin-top: -18px; position: absolute; }
    .badges
      - @badges.each do |badge|
        span.badge.text-bg-info.me-2
          = badge
    .float-end
      a.btn.btn-primary href=edit_contest_path(@contest)
        | Edit contest

.row.mb-4
  .col-8
    .row
      .col
        h4
          | Puzzles
    .row.row-cols-1.row-cols-md-3.g-4.mb-4
      - @puzzles.each do |puzzle|
        .col
          css:
            .card:hover { background-color: lightblue; }
          .card.h-100
            .card-header
              = puzzle.name
            = image_tag puzzle.image if puzzle.image.attached?
            .card-body
              p.card-text
                = puzzle.brand
              a.stretched-link href=edit_contest_puzzle_path(@contest, puzzle)
    .row
      .col
        a.btn.btn-primary href=new_contest_puzzle_path(@contest)
          | Add puzzle
  .col-4
    .row
      .col
        h4
          | Contestants
    table.table.table-striped.table-hover
      thead
        tr
          th scope="col"
            | Name
          th scope="col"
            | Completed puzzles
      tbody
        - @contestants.each do |contestant|
          tr scope="row"
            td
              = link_to contestant.name, edit_contest_contestant_path(@contest, contestant)
            td
              = contestant.completions.length
    .row
      .col
        a.btn.btn-primary href=new_contest_contestant_path(@contest)
          | Add contestant