<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="62"
     data-matchup-swap-enabled-value="true"
     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/13/rounds/53">Round 1</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/13/rounds/54">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/13/rounds/55">Round 3</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/13/rounds/56">Round 4</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/13/rounds/57">Round 5</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/13/rounds/58">Round 6</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/13/rounds/59">Round 7</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/13/rounds/61">Round 8</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/13/rounds/62">Round 9</a>
    </div>

    <p class="text-sm text-gray-500 text-center">Tap two players' names to swap them</p>

    <div class="bg-gray-200 rounded-xl p-4 text-center">
      <p class="text-gray-600 font-medium">
        Sitting out:
          
          <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                data-player-id="144"
                data-action="click->matchup-swap#selectPlayer">
            Don
            <span class="text-gray-500">(3.50)</span>
          </span>
      </p>
    </div>

    
<div id="match_228" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-gray-200">
    <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>
    </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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="146"
                  data-action="click->matchup-swap#selectPlayer">
              Todd (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="149"
                  data-action="click->matchup-swap#selectPlayer">
              Kyle (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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="139"
                  data-action="click->matchup-swap#selectPlayer">
              Martin (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="148"
                  data-action="click->matchup-swap#selectPlayer">
              Todd dad (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="flex gap-4 mt-6">
        <form class="button_to" method="post" action="/swiss/matches/228/record_winner?team=team1"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          Todd + Kyle Won
</button><input type="hidden" name="authenticity_token" value="gmlJbvlJFhKLEiRqCbrMB2t_Dgb2T-sT1sDXScV3g8Ydi_yTBE-RreAWbWzg09goMD_zq9sZBHOX8bVB39nvBw" autocomplete="off" /></form>
        <form class="button_to" method="post" action="/swiss/matches/228/record_winner?team=team2"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          Martin + Todd dad Won
</button><input type="hidden" name="authenticity_token" value="_9XOikjrCMXLvZR55EPbvbTzYbrrm2B7a-umZ0XMxvhgN3t3te2PeqC53X8NKs-S77OcF8bNjxsq2sRvX2KqOQ" autocomplete="off" /></form>      </div>
  </div>
</div>

    
<div id="match_229" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-gray-200">
    <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>
    </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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="143"
                  data-action="click->matchup-swap#selectPlayer">
              John (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="141"
                  data-action="click->matchup-swap#selectPlayer">
              Bryan (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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="147"
                  data-action="click->matchup-swap#selectPlayer">
              Edher (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="151"
                  data-action="click->matchup-swap#selectPlayer">
              Wes (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="flex gap-4 mt-6">
        <form class="button_to" method="post" action="/swiss/matches/229/record_winner?team=team1"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          John + Bryan Won
</button><input type="hidden" name="authenticity_token" value="F4-Hq8FeiUhsqLRh7OV1s9VHxfAj7C5DYhy-dNaO8Xlo70xD6rsdoUOAwr8rdRMYBQYbUy9Hj5YHUmoy8RYCaA" autocomplete="off" /></form>
        <form class="button_to" method="post" action="/swiss/matches/229/record_winner?team=team2"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          Edher + Wes Won
</button><input type="hidden" name="authenticity_token" value="oZSM6x12EBFLrvz-Uc3lp3eK1Hne3LNJ_Bac7b2XTTre9EcDNpOE-GSGiiCWXYMMp8sK2tJ3EpyZWEirmg--Kw" autocomplete="off" /></form>      </div>
  </div>
</div>

    
<div id="match_230" class="match-card bg-white rounded-xl shadow-md overflow-hidden border-2 border-gray-200">
    <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>
    </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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="150"
                  data-action="click->matchup-swap#selectPlayer">
              Cristian (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="152"
                  data-action="click->matchup-swap#selectPlayer">
              Martin dad (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="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="142"
                  data-action="click->matchup-swap#selectPlayer">
              fiber (3.50)
            </span>
             + 
            <span class="cursor-pointer inline-block px-1 py-0.5 transition-all underline decoration-dotted decoration-gray-400 underline-offset-2"
                  data-player-id="145"
                  data-action="click->matchup-swap#selectPlayer">
              Mike (3.50)
            </span>
        </div>
      </div>
    </div>

    <!-- Winner Buttons -->
      <div class="flex gap-4 mt-6">
        <form class="button_to" method="post" action="/swiss/matches/230/record_winner?team=team1"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          Cristian + Martin dad Won
</button><input type="hidden" name="authenticity_token" value="s74wQekXzK41ZHjvQn3zy-nh5a6IQHBEoMbadkg4BdHJ4pAUGNzUvJ9BPqNENQXF07-aOJIyIvlDvXOZ1ziWpg" autocomplete="off" /></form>
        <form class="button_to" method="post" action="/swiss/matches/230/record_winner?team=team2"><button class="winner-button flex-1 py-5 px-4 bg-blue-600 hover:bg-blue-700 active:scale-95 text-white font-bold rounded-xl transition-all text-lg shadow-md" type="submit">
          fiber + Mike Won
</button><input type="hidden" name="authenticity_token" value="lCZ7lQkVVrd38h8eJUIWhJJI_srZ-ZFoOsEB5qrJVqDuetvA-N5Opd3XWVIjCuCKqBaBXMOLw9XZuqgJNcnF1w" autocomplete="off" /></form>      </div>
  </div>
</div>

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