{% extends 'admin_base.html.twig' %}

{% block title %}Vorschau {{ label }} – Fit wie ein Fisch{% endblock %}
{% block header_title %}<i class="fas fa-eye me-2"></i>Vorschau{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('css/fisch-admin.css') }}" rel="stylesheet">
{% endblock %}

{% block content %}
{% include 'admin/fisch/_fisch_page_header.html.twig' with {
    title: 'Vorschau: ' ~ label,
    icon: 'eye',
    subtitle: 'Beispieldaten, kein echter Versand',
    breadcrumb_current: 'Textvorlagen'
} %}

<div class="alert {{ source == 'template' ? 'alert-info' : 'alert-secondary' }} border-0 shadow-sm">
    {% if source == 'template' %}
        <i class="fas fa-file-lines me-1"></i> Es greift eine gepflegte Vorlage.
    {% else %}
        <i class="fas fa-circle-info me-1"></i>
        Für diesen Anlass ist keine Vorlage gepflegt — so sieht der Standardtext des Systems aus.
    {% endif %}
</div>

<div class="fisch-card">
    <div class="card-header"><i class="fas fa-envelope"></i> Betreff</div>
    <div class="card-body">
        <p class="mb-0 fw-semibold">{{ subject }}</p>
    </div>
</div>

<div class="fisch-card mt-4">
    <div class="card-header"><i class="fas fa-align-left"></i> Inhalt</div>
    <div class="card-body">
        <div class="border rounded p-3 bg-white">{{ html|raw }}</div>
    </div>
</div>

<div class="mt-4">
    <a href="{{ path('admin_fisch_email_templates_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i>Zurück
    </a>
    <a href="{{ path('admin_fisch_email_templates_new', {type: type}) }}" class="btn btn-fisch-primary">
        <i class="fas fa-plus me-1"></i>Eigene Vorlage daraus anlegen
    </a>
</div>
{% endblock %}