<turbo-stream action="replace" target="player-edit-modal"><template><div id="player-edit-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
  <div class="bg-white rounded-2xl shadow-xl w-full max-w-sm overflow-hidden">
    <!-- Header -->
    <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
      <h2 class="text-xl font-bold text-gray-900">Edit Player</h2>
      <a data-turbo-action="replace" class="p-2 -m-2 text-gray-400 hover:text-gray-600" href="/swiss/sessions/3">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
</a>    </div>

    <!-- Content -->
    <div class="p-6">

      <!-- Player Name -->
      <div class="mb-6">
        <label class="block text-sm font-medium text-gray-700 mb-2">Name</label>
        <div class="text-lg font-semibold text-gray-900">zac</div>
        <div class="text-sm text-gray-500">0-1 record</div>
      </div>

      <!-- DUPR Skill Rating -->
      <div class="mb-6">
        <label class="block text-sm font-medium text-gray-700 mb-3">DUPR Skill Rating</label>
        <div class="flex items-center justify-center gap-4">
          <!-- Decrement Button -->
            <form class="button_to" method="post" action="/swiss/sessions/3/players/19/decrement_skill_rating"><button class="w-14 h-14 flex items-center justify-center bg-gray-100 hover:bg-gray-200 active:scale-95 rounded-xl transition-all text-2xl font-bold text-gray-700" type="submit">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z" clip-rule="evenodd" />
              </svg>
</button><input type="hidden" name="authenticity_token" value="5Sl2Ho-cDt8eVauuozlf5W03bfxNls9isuUPo1P7bjpOS9WaTEFcK4MZoeVzVthcnRcGGRMKPakzpmEGeyEL8w" autocomplete="off" /></form>
          <!-- Rating Display -->
          <div class="text-center min-w-[80px]">
            <div class="text-4xl font-bold text-blue-600">3.50</div>
            <div class="text-xs text-gray-500 mt-1">2.0 - 5.5</div>
          </div>

          <!-- Increment Button -->
            <form class="button_to" method="post" action="/swiss/sessions/3/players/19/increment_skill_rating"><button class="w-14 h-14 flex items-center justify-center bg-gray-100 hover:bg-gray-200 active:scale-95 rounded-xl transition-all text-2xl font-bold text-gray-700" type="submit">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd" />
              </svg>
</button><input type="hidden" name="authenticity_token" value="0z2pLPj6i_OwweL56AxdphWqCPRJfBH_pyXL2gT3wRQ-W3s5CHANwnpsdeLjTJf1XhMSQl3d4nrjINSInzfOHw" autocomplete="off" /></form>        </div>
        <p class="text-xs text-gray-500 text-center mt-3">
          Tap buttons to adjust in 0.25 increments
        </p>
      </div>
    </div>

    <!-- Footer -->
    <div class="px-6 py-4 bg-gray-50 border-t border-gray-200">
      <a data-turbo-action="replace" class="block w-full py-4 bg-blue-600 hover:bg-blue-700 active:scale-[0.98] text-white font-bold rounded-xl text-center transition-all text-lg" href="/swiss/sessions/3">Done</a>
    </div>
  </div>
</div>
</template></turbo-stream>