- if @contest.code.present?
  .row.mb-4 style="height: calc(100vh - 280px)"
    .row
      .col
        .alert.alert-info
          = t("contestants.generate_qrcodes.note")
    .col.d-flex.flex-column style="height: 100%"
      .d-flex.flex-column style="overflow-y: auto"
        - for row in 0..((@contestants.length - 1) / 5)
          .mt-4.d-flex.flex-row
            - for col in 0..4
              - if row * 5 + col < @contestants.length
                .d-flex.flex-column.ms-5 style="align-items: center"
                  = @contestants[row * 5 + col].name
                  - if @contestants[row * 5 + col].qrcode.present?
                    .mt-1 style="width: 180px; height: 180px;"
                      = @contestants[row * 5 + col].qrcode.html_safe
- else
  .row
    .col
      .alert.alert-warning
        = t("contestants.generate_qrcodes.no_code_note")