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

<div class="d-flex justify-content-between align-items-center mb-3">
  <h1>Einsatzberichte</h1>
  <a href="/reports/new" class="btn btn-primary btn-sm">Neu</a>
</div>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Datum</th>
      <th>Projekt</th>
      <th>Aktionen</th>
    </tr>
  </thead>
  <tbody>
    <% reports.forEach(r => { %>
      <tr>
        <td><%= r.date %></td>
        <td><%= r.project %></td>
        <td>
          <a href="/reports/<%= r.id %>/pdf" target="_blank" class="btn btn-sm btn-secondary">PDF</a>

          <form action="/reports/<%= r.id %>?_method=DELETE" method="POST" style="display:inline;">
            <button class="btn btn-sm btn-danger" onclick="return confirm('Wirklich löschen?')">
              Löschen
            </button>
          </form>
        </td>
      </tr>
    <% }) %>
  </tbody>
</table>

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