<%- include('../layout') %>

<h1>Neue Zeiterfassung</h1>

<form action="/time/new" method="post">

  <div class="mb-3">
    <label class="form-label">Datum</label>
    <input type="date" name="date" class="form-control" required>
  </div>

  <div class="mb-3">
    <label class="form-label">Stunden</label>
    <input type="number" name="hours" class="form-control" step="0.25" min="0" required>
    <small class="text-muted">Beispiel: 1.5 = 1 Stunde 30 Minuten</small>
  </div>

  <div class="mb-3">
    <label class="form-label">Kommission</label>
    <select name="commission_id" class="form-control">
      <option value="">Keine</option>
      <% commissions.forEach(k => { %>
        <option value="<%= k.id %>">
          <%= k.commission_number %> – <%= k.title %>
        </option>
      <% }) %>
    </select>
  </div>

  <div class="mb-3">
    <label class="form-label">Beschreibung</label>
    <textarea name="description" class="form-control" rows="3"></textarea>
  </div>

  <button class="btn btn-success">Speichern</button>

</form>

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

