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

<h1 class="mb-4">Dashboard</h1>

<!-- TECHNIKER-BEREICH -->
<div class="row">

  <!-- Heute -->
  <div class="col-md-4">
    <div class="card mb-3">
      <div class="card-header bg-primary text-white">Heute</div>
      <div class="card-body">
        <% if (todayTimes.length === 0) { %>
          <p>Keine Zeiteinträge heute.</p>
        <% } else { %>
          <% todayTimes.forEach(t => { %>
            <p>
              <strong><%= t.start_time %> - <%= t.end_time %></strong><br>
              <%= t.hours.toFixed(2) %> Stunden<br>
              <%= t.description %>
            </p>
          <% }) %>
        <% } %>
      </div>
    </div>
  </div>

  <!-- Wochenstunden -->
  <div class="col-md-4">
    <div class="card mb-3">
      <div class="card-header bg-success text-white">Diese Woche</div>
      <div class="card-body">
        <h3><%= weekHours.toFixed(2) %> Stunden</h3>
      </div>
    </div>
  </div>

  <!-- Schnelle Aktionen -->
  <div class="col-md-4">
    <div class="card mb-3">
      <div class="card-header bg-dark text-white">Aktionen</div>
      <div class="card-body">
        <a href="/time/new" class="btn btn-primary w-100 mb-2">Zeit erfassen</a>
        <a href="/reports/new" class="btn btn-secondary w-100 mb-2">Einsatzbericht</a>
        <a href="/materials/new" class="btn btn-secondary w-100">Materialliste</a>
      </div>
    </div>
  </div>


</div>

<!-- ADMIN-BEREICH -->
<% if (isAdmin) { %>

  <h2 class="mt-5">Admin-Bereich</h2>

  <div class="row">

    <!-- Teamstunden -->
    <div class="col-md-6">
      <div class="card mb-3">
        <div class="card-header bg-warning">Teamstunden</div>
        <div class="card-body">
          <table class="table">
            <thead>
              <tr>
                <th>Mitarbeiter</th>
                <th>Stunden</th>
              </tr>
            </thead>
            <tbody>
              <% teamHours.forEach(([name, hours]) => { %>
                <tr>
                  <td><%= name %></td>
                  <td><%= hours.toFixed(2) %></td>
                </tr>
              <% }) %>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- Kommissionsstunden -->
    <div class="col-md-6">
      <div class="card mb-3">
        <div class="card-header bg-info">Zeit pro Kommission</div>
        <div class="card-body">
          <table class="table">
            <thead>
              <tr>
                <th>Kommission</th>
                <th>Titel</th>
                <th>Stunden</th>
              </tr>
            </thead>
            <tbody>
              <% commissionHours.forEach(c => { %>
                <tr>
                  <td><%= c.commission_number %></td>
                  <td><%= c.title %></td>
                  <td><%= c.total.toFixed(2) %></td>
                </tr>
              <% }) %>
            </tbody>
          </table>
        </div>
      </div>
    </div>

  </div>

<% } %>

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