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

<h1 class="mb-4"><%= commission ? "Kommission bearbeiten" : "Neue Kommission" %></h1>

<form method="POST">

  <div class="mb-3">
    <label class="form-label">Titel</label>
    <input type="text" name="title" class="form-control" value="<%= commission?.title || '' %>" required>
  </div>

  <div class="mb-3">
    <label class="form-label">Beschreibung</label>
    <textarea name="description" class="form-control" rows="4"><%= commission?.description || '' %></textarea>
  </div>

  <div class="mb-3">
    <label class="form-label">Kunde</label>
    <select name="customer_id" class="form-control" required>
      <% customers.forEach(c => { %>
        <option value="<%= c.id %>" <%= commission?.customer_id == c.id ? "selected" : "" %>>
          <%= c.customer_number %> – <%= c.name %>
        </option>
      <% }) %>
    </select>
  </div>

  <div class="mb-3">
    <label class="form-label">Zugewiesener Mitarbeiter</label>
    <select name="assigned_user_id" class="form-control" required>
      <% users.forEach(u => { %>
        <option value="<%= u.id %>" <%= commission?.assigned_user_id == u.id ? "selected" : "" %>>
          <%= u.username %>
        </option>
      <% }) %>
    </select>
  </div>

  <% if (commission) { %>
    <div class="mb-3">
      <label class="form-label">Status</label>
      <select name="status" class="form-control">
        <option value="offen" <%= commission.status === 'offen' ? 'selected' : '' %>>Offen</option>
        <option value="in Bearbeitung" <%= commission.status === 'in Bearbeitung' ? 'selected' : '' %>>In Bearbeitung</option>
        <option value="abgeschlossen" <%= commission.status === 'abgeschlossen' ? 'selected' : '' %>>Abgeschlossen</option>
      </select>
    </div>
  <% } %>

  <button class="btn btn-primary">Speichern</button>
</form>

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