{% extends "base.html" %}
{% block content %}
  {% with messages = get_flashed_messages() %}
    {% if messages %}
      <div class="note">
        {% for m in messages %}
          <div>{{ m }}</div>
        {% endfor %}
      </div>
    {% endif %}
  {% endwith %}
  <div class="card">
    <table>
      <thead>
        <tr>
          <th>Datum</th>
          <th>Name</th>
          <th>Handy</th>
          <th>Mannschaft</th>
          <th>Artikel</th>
          <th>Größe</th>
          <th>Menge</th>
          <th>Notiz</th>
          <th>Status</th>
          <th class="actions">Aktion</th>
        </tr>
      </thead>
      <tbody>
        {% for o in rows %}
          <tr>
            <td>{{ o.created_at }}</td>
            <td>{{ o.name }}</td>
            <td>{{ o.handy }}</td>
            <td>{{ o.mannschaft }}</td>
            <td>{{ o.artikel }}</td>
            <td>{{ o.groesse }}</td>
            <td>{{ o.menge }}</td>
            <td>{{ o.notiz or "–" }}</td>
            <td>
              {% if o.canceled %}Storniert
              {% elif o.done %}Erledigt
              {% else %}Offen
              {% endif %}
            </td>
            <td class="actions">
              {% if not o.done and not o.canceled %}
                <form method="post" action="{{ url_for('bp.complete_order', order_id=o.id) }}" onsubmit="return confirm('Bestellung als erledigt markieren?');">
                  <button class="btn small" type="submit">Erledigt</button>
                </form>
                <form method="post" action="{{ url_for('bp.cancel_order', order_id=o.id) }}" onsubmit="return confirm('Bestellung wirklich stornieren?');">
                  <button class="btn small danger" type="submit">Stornieren</button>
                </form>
              {% else %}
                –
              {% endif %}
            </td>
          </tr>
          <tr class="order-history">
            <td colspan="10">
              <details class="inline-details">
                <summary>Historie</summary>
                <div class="history-grid">
                  <div><strong>Abgeschlossen von:</strong> {{ o.completed_by or "–" }}</div>
                  <div><strong>Abgeschlossen am:</strong> {{ o.completed_at or "–" }}</div>
                  <div><strong>Storniert von:</strong> {{ o.canceled_by or "–" }}</div>
                  <div><strong>Storniert am:</strong> {{ o.canceled_at or "–" }}</div>
                </div>
              </details>
            </td>
          </tr>
        {% else %}
          <tr>
            <td colspan="10" class="empty">Keine Bestellungen.</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}