{% extends "base.html" %}
{% block title %}Bestätigen · EPI-Support{% endblock %}
{% block content %}

<section class="panel confirm">
  <div class="panel-head"><h2>{{ heading }}</h2></div>
  <div class="confirm-body">
    <p class="warn">⚠ {{ intro }}</p>
    <div class="preview-box">{{ preview }}</div>

    {% if attachments %}
      <div class="attach-summary">
        <strong>Anhänge ({{ attachments|length }}):</strong>
        {% for name in attachments %}<span class="attach-chip">📎 {{ name }}</span>{% endfor %}
      </div>
    {% endif %}

    <form method="post" action="{{ action_url }}" class="confirm-actions"
          onsubmit="this.querySelector('button').disabled=true;">
      {% for name, value in fields.items() %}
        <input type="hidden" name="{{ name }}" value="{{ value }}">
      {% endfor %}
      <a class="btn-ghost" href="{{ cancel_url }}">Abbrechen</a>
      <button class="btn-danger" type="submit">Verbindlich an EPI senden</button>
    </form>
  </div>
</section>
{% endblock %}