=stylesheet_link_tag 'gamecard', media: 'all'

body.B5
  #page-1.sheet.gamecard
    section#todays-game
      header
        .event-title.float-left
          | G#00 vs. XXX Xxx, Xxx 00 0:00 XM
        .homeaway.float-right
          | Hxxx
      .grid-container
        #offense-pane.left
          table#starting-lineup-offense
            tbody
              .slot-set
                - for i in 1...11
                  tr.slot
                    th.sequence(rowspan="2")
                      | #{i}
                    td.player-name
                      | Lastname
                    td.jersey-number
                      | 00
                    td.position
                      | XX
                  tr.slot.substitute
                    td
                    td
                    td
        #defense-pane
          .field-container
            img[src="/assets/baseball-diamond.svg"]
            - for pos in ["cf", "lf", "rf", "ss", "second", "third", "first", "catcher"]
              div class="slot-set #{pos}"
                table
                  tbody
                    tr.slot
                      th.position
                      td.player-name
                        | Lastname
                    tr.slot.substitute
                      th
                      td
                    tr.slot.substitute
                      th
                      td
              div class="slot-set pitcher"
                table
                  tr
                    th.position
                      | P
                    td.player-name
                      | player
                    td.jersey-number
                    td.jersey-number
                  tr
                    th.position.relief-pitcher
                      | RP
                    td.player-name
                    td.jersey-number
                    td.jersey-number
                  tr
                    th.position.relief-pitcher
                      | RP
                    td.player-name
                    td.jersey-number
                    td.jersey-number
        .footer
          table.notes
            tbody
              tr
                th
                  | Notes
              tr
                td
              tr
                td
              tr
                td
    section#roster-and-history
      div
        table
          thead
            tr
              th#today-availability[colspan="3"]
                | Available (00|0)
              th.player-stats
                span.decimal-point
                  | .
                | AVG 
                span.delimiter
                  | /
                span.decimal-point
                  | .
                | OBP 
                span.delimiter
                  | /
                span.decimal-point
                  | .
                | SLG 
                span.delimiter
                  | :
                | PA 
              th.position-capability.pitcher
                | P
              th.position-capability.catcher
                | C
              th.position-capability.infield
                | I
              th.position-capability.outfield
                | O
              th#avail-header-today-plus-1.availability.future
                .rotate
                  | Sun
              th#avail-header-today-plus-2.availability.future
                .rotate
                  | Tue
              th#avail-header-today-plus-3.availability.future
                .rotate
                  | Sun
              th#avail-header-today-plus-4.availability.future
                .rotate
                  | Sun
              th#avail-header-today-minus-1.availability.past
                .rotate
                  | Tue
              th#avail-header-today-minus-2.availability.past
                .rotate
                  | Sun
              th#avail-header-today-minus-3.availability.past
                .rotate
                  | Tue
              th#avail-header-today-minus-4.availability.past
                .rotate
                  | Sun
          tbody
            - for i in 1...24
              tr id="roster-history-slot-#{i}"
                td.is-present-checkbox.available-status-code-1
                  span
                    | ■
                td.jersey-number.border-left.available-status-code-1.starting
                  |  00
                td.player-name.available-status-code-1.starting
                  |  Lastname
                td.player-stats.border-left.border-right
                  span.decimal-point
                    | .
                  span.avg
                    | 000
                  span.delimiter
                    | /
                  span.decimal-point
                    | .
                  span.obp
                    | 000
                  span.delimiter
                    | /
                  span.decimal-point
                    | .
                  span.slg
                    | 000
                  span.delimiter
                    | :
                  span.pa
                    | 00
                td.position-capability.pitcher
                  | ✓
                td.position-capability.catcher
                  | ✓
                td.position-capability.infield
                  | ✓
                td.position-capability.outfield
                  | ✓
                td#avail--today-plus-1.row.future.availability.available-status-code-
                  | X
                td#avail-xx-today-plus-2.row.future.availability.available-status-code-
                  | X
                td#avail-xx-today-plus-3.row.future.availability.available-status-code-
                  | X
                td#avail-xx-today-plus-4.row.future.availability.available-status-code-
                  | X
                td#avail-xx-today-minus-1.row.past.availability.available-status-code-.started
                  | X
                td#avail-xx-today-minus-2.row.past.availability.available-status-code-
                  | X
                td#avail-xx-today-minus-3.row.past.availability.available-status-code-
                  | X
                td#avail-xx-today-minus-4.row.past.availability.available-status-code-
                  | X
            
    section#lineup-card-dugout.lineup-card
      .grid-container
        header
          .float-left.event-title
            | G#XX vs. Xxxxxx
          .float-right.homeaway
            | Xxxx
        .starting-lineup-table
          table
            thead
              tr
                th[colspan="4"]
                  | Starting
            tbody
              - for i in 1...13
                tr
                  th.sequence
                    | #{i}
                  td.player-name
                    | Lastname
                  td.jersey-number
                    | XX
                  td.position
                    | XX
              
        .substitution-table
          table[style="width: 100%"]
            thead
              tr
                th
                  | Substitution
            tbody
              - for i in 1...13
                tr
                  td.substitution
                tr
                  td.substitution

    section#lineup-card-exchange.lineup-card
      .grid-container
        header.event-title
          | Xxxxx G#XX vs. Xxxxxx
        .starting-lineup-table
          table.starting-lineup-table
            thead
              tr
                th
                th.player-name
                  | Name
                th.jersey-number
                  | Num
                th.position
                  | Pos
            tbody
              - for i in 1...13
                tr
                  th.sequence
                    | #{i}
                  td.player-name
                    | Lastname
                  td.jersey-number
                    | XX
                  td.position
                    | XX
  #page-2.sheet.gamecard
    section#back-cover
    section#front-cover
      header
        .float-right.homeaway
          | Xxxx
        .event-title
          | XXXXXX, XXX 00, 0:00 XM 
          br
          | XXXXX Park 
      .container
        .team
          | Xxxxx
        div vs.
        .opponent
          | Xxxxx
    section#lineup-card-dugout-blank.lineup-card
      .grid-container
        header
        .starting-lineup-table
          table
            thead
              tr
                th[colspan="4"]
                  | Starting
            tbody
              - for i in 1...13
                tr
                  th.sequence
                  td.player-name
                  td.jersey-number
                  td.position
        .substitution-table
          table
            thead
              tr
                th
                  | Substitution
            tbody
              - for i in 1...13
                tr
                  td.substitution
                tr
                  td.substitution
    section#lineup-card-exchange-blank.lineup-card
      .grid-container
        header
        .starting-lineup-table
          table.starting-lineup-table
            thead
              tr
                th
                th.player-name
                  | Name
                th.jersey-number
                  | Num
                th.position
                  | Pos
            tbody
              - for i in 1...13
                tr
                  th.sequence
                  td.player-name
                  td.jersey-number
                  td.position