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

<h1>Kommission <%= commission.commission_number %></h1>
<a href="/commissions/<%= commission.id %>/pdf" class="btn btn-success mb-3">
  PDF Export
</a>

<div class="card mb-4">
  <div class="card-header">Allgemeine Informationen</div>
  <div class="card-body">
    <p><strong>Titel:</strong> <%= commission.title %></p>
    <p><strong>Kunde:</strong> <%= commission.customer_number %> – <%= commission.customer_name %></p>
    <p><strong>Status:</strong> <%= commission.status %></p>
    <p><strong>Beschreibung:</strong><br><%= commission.description %></p>
  </div>
</div>

<div class="card mb-4">
  <div class="card-header">Zugewiesene Mitarbeiter</div>
  <div class="card-body">
    <% if (users.length === 0) { %>
      <p>Keine Mitarbeiter zugewiesen.</p>
    <% } else { %>
      <ul>
        <% users.forEach(u => { %>
          <li><%= u.username %></li>
        <% }) %>
      </ul>
    <% } %>

    <a href="/commission-users/<%= commission.id %>/users" class="btn btn-secondary">
      Mitarbeiter zuweisen
    </a>
  </div>
</div>

<div class="card mb-4">
  <div class="card-header">Einsatzberichte</div>
  <div class="card-body">
    <% if (reports.length === 0) { %>
      <p>Keine Einsatzberichte vorhanden.</p>
    <% } else { %>
      <ul>
        <% reports.forEach(r => { %>
          <li><%= r.date %> – <%= r.title %></li>
        <% }) %>
      </ul>
    <% } %>
  </div>
</div>

<div class="card mb-4">
  <div class="card-header">Materiallisten</div>
  <div class="card-body">
    <% if (materials.length === 0) { %>
      <p>Keine Materiallisten vorhanden.</p>
    <% } else { %>
      <ul>
        <% materials.forEach(m => { %>
          <li><%= m.date %> – <%= m.title %></li>
        <% }) %>
      </ul>
    <% } %>
  </div>
</div>

<div class="card mb-4">
  <div class="card-header">Zeiteinträge</div>
  <div class="card-body">
    <% if (times.length === 0) { %>
      <p>Keine Zeiteinträge vorhanden.</p>
    <% } else { %>
      <table class="table">
        <thead>
          <tr>
            <th>Datum</th>
            <th>Mitarbeiter</th>
            <th>Start</th>
            <th>Ende</th>
            <th>Stunden</th>
          </tr>
        </thead>
        <tbody>
          <% times.forEach(t => { %>
            <tr>
              <td><%= t.date %></td>
              <td><%= t.username %></td>
              <td><%= t.start_time %></td>
              <td><%= t.end_time %></td>
              <td><%= t.hours %></td>
            </tr>
          <% }) %>
        </tbody>
      </table>
    <% } %>
  </div>
</div>

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