h1.text-center.mt-4.mb-4 = @contest.name

.d-flex.flex-column.align-items-center
  - for row in 0..((@contestants.length - 1) / 4)
    .mt-4.d-flex.flex-row
      - for col in 0..3
        - if row * 4 + col < @contestants.length
          .d-flex.flex-column.ms-4.me-4 style="align-items: center"
            - if @contestants[row * 4 + col].qrcode.present?
              .mt-1 style="width: 128px; height: 120px;"
                = @contestants[row * 4 + col].qrcode.html_safe
            .name.text-center.mt-3 style="font-size: 0.7rem; max-width: 128px; height: 30px;"
              = @contestants[row * 4 + col].name