<%- include('partials/header') %>
<h1>
<div>
  <% if (previousTraining) { %>
      <a href="/?date=<%= moment(previousTraining.datum).format('DD.MM.YYYY') %>">  &lt; </a>
  <% } %>
  Training <%= training.datum %>
  <% if (nextTraining) { %>
      <a href="/?date=<%= moment(nextTraining.datum).format('DD.MM.YYYY') %>"> &gt; </a>
  <% } %>
  </h1>
</div>

<% 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>

<div id="aufwaermen">
      <h3>Aufwärmen:</h3>
      
      <% if (training.aufwaermleiter_name) { %>
        <p><strong>Leitung:</strong>
        <%= training.aufwaermleiter_name %></p>
      <% } else { %>
        <form method="POST" action="/update-leader">
          <p><strong>Leitung:</strong>
          <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></p>
      <% } %>
      
        <% if (training.aufwaermen_name) { %>
          <p><strong>Spiel:</strong> 
          <%= training.aufwaermen_name %></p>
        <% } else { %>
          <form method="POST" action="/update-training">
            <p><strong>Spiel:</strong> 
            <input type="hidden" name="trainingId" value="<%= training.id %>">
            <input type="hidden" name="type" value="aufwaermen">
            <datalist id="spiele">
                <% aufwaermenCandidates.forEach(candidate => { %>
                <option value="<%= candidate.name %>"><%= candidate.name %></option>
              <% }) %>
          </datalist>
          <input list="spiele" id="spielName" name="spielName">
            <button type="submit">Speichern</button>
          </form></p>
        <% } %>
  </div>
<div id="spiel">
      <h3>Spiel: </h3>
      
      <% if (training.spielleiter_name) { %>
        <p><strong>Leitung:</strong>
        <%= training.spielleiter_name %></p>
      <% } else { %>
        <form method="POST" action="/update-leader">
          <p><strong>Leitung:</strong>
          <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></p>
      <% } %>

    
        <% if (training.spiel_name) { %>
          <p><strong>Spiel:</strong> 
          <%= training.spiel_name %>
        <% } else { %>
          
          <form method="POST" action="/update-training">
            <p><strong>Spiel:</strong> 
            <input type="hidden" name="trainingId" value="<%= training.id %>">
            <input type="hidden" name="type" value="spiel">
            <datalist id="spiele">
              <% aufwaermenCandidates.forEach(candidate => { %>
              <option value="<%= candidate.name %>"><%= candidate.name %></option>
            <% }) %>
        </datalist>
        <input list="spiele" id="spielName" name="spielName">
            <button type="submit">Speichern</button>
          </form>

        <% } %>
      </div>

      <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.datum %>" <%= selectedDate === date.datum ? 'selected' : '' %>>
              <%= date.datum %>
            </option>
          <% }) %>
        </select>
      </form>

<% } else { %>
  <p>Kein Training gefunden für das ausgewählte Datum.</p>
<% } %>
</body>
</html>

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