<turbo-stream action="replace" target="matches-container"><template>
<div id="matches-container" class="space-y-4"
     data-controller="matchup-swap"
     data-matchup-swap-swap-url-value="/swiss/matches/swap_players"
     data-matchup-swap-round-id-value="18"
     data-matchup-swap-enabled-value="false"
     data-action="click->matchup-swap#deselect">
    <div class="flex flex-wrap gap-2 pb-2 border-b border-gray-200">
        <a data-turbo-stream="true" class="px-3 py-1.5 text-sm font-medium rounded-lg transition-colors bg-gray-100 text-gray-700 hover:bg-gray-200" href="/swiss/sessions/5/rounds/17">Round 1</a>
        <a data-turbo-stream="true" class="px-3 py-1.5 text-sm font-medium rounded-lg transition-colors bg-blue-600 text-white" href="/swiss/sessions/5/rounds/18">Round 2</a>
        <a data-turbo-stream="true" class="px-3 py-1.5 text-sm font-medium rounded-lg transition-colors bg-gray-100 text-gray-700 hover:bg-gray-200" href="/swiss/sessions/5/rounds/19">Round 3</a>
    </div>


    <div class="bg-gray-200 rounded-xl p-4 text-center">
      <p class="text-gray-600 font-medium">
        Sitting out:
          
          <span class=""
                data-player-id="57"
                >
            ryan
            <span class="text-gray-500">(3.50)</span>
          </span>
      </p>
    </div>

    
<div id="match_58" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-green-500 bg-green-50">
    <div class="px-4 py-2 bg-gray-100 border-b border-gray-200 flex justify-between items-center">
      <span class="text-sm font-medium text-gray-600">Court 1</span>
        <span class="text-xs font-bold text-green-600 uppercase">Done</span>
    </div>

  <div class="p-4">
    <!-- Teams Display -->
    <div class="text-center mb-4">
      <div class="text-gray-900">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="50"
                  >
              fiber (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="56"
                  >
              brian (3.50)
            </span>
        </div>
      </div>
      <div class="text-gray-400 text-sm my-2">vs</div>
      <div class="text-green-700">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="48"
                  >
              wes (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="54"
                  >
              danny (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="text-center mt-4">
        <form class="button_to" method="post" action="/swiss/matches/58/undo_winner"><button class="inline-flex items-center gap-2 py-3 px-6 bg-gray-100 hover:bg-gray-200 active:scale-95 text-gray-700 font-medium rounded-lg transition-all min-h-[44px]" type="submit">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
          </svg>
          Undo Result
</button><input type="hidden" name="authenticity_token" value="hjtK9krRVrvu50yHOyfsx2t97cAiGw7eI0u_E5SJNDJfMtCPeVhl4_8Tr3pzAhznt1jiykyF-DenUVPGXq37bg" autocomplete="off" /></form>      </div>
  </div>
</div>

    
<div id="match_59" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-green-500 bg-green-50">
    <div class="px-4 py-2 bg-gray-100 border-b border-gray-200 flex justify-between items-center">
      <span class="text-sm font-medium text-gray-600">Court 2</span>
        <span class="text-xs font-bold text-green-600 uppercase">Done</span>
    </div>

  <div class="p-4">
    <!-- Teams Display -->
    <div class="text-center mb-4">
      <div class="text-gray-900">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="53"
                  >
              justin (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="52"
                  >
              edher (3.50)
            </span>
        </div>
      </div>
      <div class="text-gray-400 text-sm my-2">vs</div>
      <div class="text-green-700">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="49"
                  >
              kyle (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="47"
                  >
              don (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="text-center mt-4">
        <form class="button_to" method="post" action="/swiss/matches/59/undo_winner"><button class="inline-flex items-center gap-2 py-3 px-6 bg-gray-100 hover:bg-gray-200 active:scale-95 text-gray-700 font-medium rounded-lg transition-all min-h-[44px]" type="submit">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
          </svg>
          Undo Result
</button><input type="hidden" name="authenticity_token" value="Q7KXaFaT8xZqOiENyE1-tKMqZ1FxlV2DUvtZRUL99kCyBs1wOmgE3Ze5HYJ3kmiZUwIMwL6zfduxvM4syG2FKw" autocomplete="off" /></form>      </div>
  </div>
</div>

    
<div id="match_60" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-green-500 bg-green-50">
    <div class="px-4 py-2 bg-gray-100 border-b border-gray-200 flex justify-between items-center">
      <span class="text-sm font-medium text-gray-600">Court 3</span>
        <span class="text-xs font-bold text-green-600 uppercase">Done</span>
    </div>

  <div class="p-4">
    <!-- Teams Display -->
    <div class="text-center mb-4">
      <div class="text-green-700">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="55"
                  >
              dennis (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="46"
                  >
              martin (3.50)
            </span>
        </div>
      </div>
      <div class="text-gray-400 text-sm my-2">vs</div>
      <div class="text-gray-900">
        <div class="text-lg font-bold">
            
            <span class=""
                  data-player-id="45"
                  >
              zac (3.50)
            </span>
             + 
            <span class=""
                  data-player-id="51"
                  >
              aol (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="text-center mt-4">
        <form class="button_to" method="post" action="/swiss/matches/60/undo_winner"><button class="inline-flex items-center gap-2 py-3 px-6 bg-gray-100 hover:bg-gray-200 active:scale-95 text-gray-700 font-medium rounded-lg transition-all min-h-[44px]" type="submit">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
            <path fill-rule="evenodd" d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
          </svg>
          Undo Result
</button><input type="hidden" name="authenticity_token" value="56nD7a2GZ5zXOqzoyh5MQIswE010jZCvqxkOHlAP5qavYWGYe1TD_MpgY_h-_rbxY_EsSnvRwie4qcpZVBHvMw" autocomplete="off" /></form>      </div>
  </div>
</div>

</div>
</template></turbo-stream>