<%- include('partials/header') %>
<h1>Training <%= training.datum %></h1>
<h2> <%= training.datum + 7 %> </h2>
<form method="GET" action="/">
  <label for="training-date">Datum wählen:</label>
  <select id="training-date" name="date" onchange="this.form.submit()">
    <% trainingsDates.forEach(date => { %>
      <option value="<%= date.rawDatum %>" <%= selectedDate === date.datum ? 'selected' : '' %>>
        <%= date.datum %>
      </option>
    <% }) %>
  </select>
</form>
<% if (training) { %>
 <h2> Geräte </h2>
 <ul>
    <li>Riege 1: <%= training.geraet_riege_1_name %></li>
    <li>Riege 2: <%= training.geraet_riege_2_name %></li>
    <li>Riege 3: <%= training.geraet_riege_3_name %></li>
    <li>Riege 4: <%= training.geraet_riege_4_name %></li>
    <li>Riege 5: <%= training.geraet_riege_5_name %></li>
</ul>
      Aufwärmen: 
      <% if (training.aufwaermleiter_name) { %>
        <%= training.aufwaermleiter_name %>
      <% } else { %>
        <form method="POST" action="/update-leader">
          <input type="hidden" name="trainingId" value="<%= training.id %>">
          <input type="hidden" name="type" value="aufwaermleiter">
          <select name="leaderId">
            <% aufwaermleiterCandidates.forEach(candidate => { %>
              <option value="<%= candidate.id %>"><%= candidate.name %> (<%= Math.floor(candidate.weeks_since_last) %> Wochen)</option>
            <% }) %>
          </select>
          <button type="submit">Speichern</button>
        </form>
      <% } %>
    </br>
        <% if (training.aufwaermen_name) { %>
          <%= training.aufwaermen_name %>
        <% } else { %>
          <form method="POST" action="/update-training">
            <input type="hidden" name="trainingId" value="<%= training.id %>">
            <input type="hidden" name="type" value="aufwaermen">
            <select name="spielId">
              <% aufwaermenCandidates.forEach(candidate => { %>
                <option value="<%= candidate.id %>"><%= candidate.name %> (<%= Math.floor(candidate.weeks_since_last) %> Wochen)</option>
              <% }) %>
            </select>
            <button type="submit">Speichern</button>
          </form>
        <% } %>
        <form method="POST" action="/add-spiel">
          <input type="hidden" name="trainingId" value="<%= training.id %>">
          <input type="hidden" name="type" value="aufwaermen">
          <input type="text" name="aufwaermenName" placeholder="Neues Aufwärmen">
          <button type="submit">Hinzufügen</button>
        </form>

      Spiel: 
      <% if (training.spielleiter_name) { %>
        <%= training.spielleiter_name %>
      <% } else { %>
        <form method="POST" action="/update-leader">
          <input type="hidden" name="trainingId" value="<%= training.id %>">
          <input type="hidden" name="type" value="spielleiter">
          <select name="leaderId">
            <% spielleiterCandidates.forEach(candidate => { %>
              <option value="<%= candidate.id %>"><%= candidate.name %> (<%= Math.floor(candidate.weeks_since_last) %> Wochen)</option>
            <% }) %>
          </select>
          <button type="submit">Speichern</button>
        </form>
      <% } %>

      </br>
      <!-- Für Spiel -->
        <% if (training.spiel_name) { %>
          <%= training.spiel_name %>
        <% } else { %>
          <form method="POST" action="/update-training">
            <input type="hidden" name="trainingId" value="<%= training.id %>">
            <input type="hidden" name="type" value="spiel">
            <select name="spielId">
              <% spielCandidates.forEach(candidate => { %>
                <option value="<%= candidate.id %>"><%= candidate.name %> (<%= Math.floor(candidate.weeks_since_last) %> Wochen)</option>
              <% }) %>
            </select>
            <button type="submit">Speichern</button>
          </form>
        <% } %>
        <form method="POST" action="/add-spiel">
          <input type="hidden" name="trainingId" value="<%= training.id %>">
          <input type="hidden" name="type" value="spiel">
          <input type="text" name="spielName" placeholder="Neues Spiel">
          <button type="submit">Hinzufügen</button>
        </form>
<% } else { %>
  <p>Kein Training gefunden für das ausgewählte Datum.</p>
<% } %>
</body>
</html>

<%- include('partials/footer') %>
