.row
  .col
    h4.mb-3
      = t("events.show.manage_contests")
      a.ms-3.btn.btn-primary href=edit_event_path(@event)
        = t("events.show.modify")
      a.ms-2.btn.btn-primary href="/events"
        = t("events.show.back_to_events")
      .float-end
        a.btn.btn-primary href=new_contest_path(event: @event.id)
          = t("events.show.new_contest")

- if @event.shared_scoreboard
  a.btn.btn-success href="/public/event/#{@event.slug}"
    = t("events.show.open_shared_scoreboard")
- else
  a.btn.btn-success.disabled
    = t("events.show.shared_scoreboard_disabled")

.mt-2.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} #{t('puzzles.singular')}" if contest.puzzles.length <= 1
            = "#{contest.puzzles.length} #{t('puzzles.plural')}" if contest.puzzles.length > 1
            = " - #{contest.contestants.length} #{t('contestants.singular')}" if contest.contestants.length <= 1
            = " - #{contest.contestants.length} #{t('contestants.plural')}" if contest.contestants.length > 1
          .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)