{% extends 'fisch_booking/_layout.html.twig' %}

{% block title %}Information – Fit wie ein Fisch{% endblock %}

{% block lang_switcher %}
    {% if campaign is not null and localeMeta is defined %}
    <nav class="fisch-lang-switcher" aria-label="Sprache wählen">
        <div class="container fisch-lang-switcher__inner">
            {% for code, meta in localeMeta %}
                <a href="{{ path('fisch_booking_parent_info', {token: campaign.token, lang: code}) }}"
                   class="fisch-lang-switcher__btn{% if code == locale %} is-active{% endif %}"
                   hreflang="{{ code }}"
                   title="{{ meta.label }}">
                    <img class="fisch-lang-switcher__flag"
                         src="{{ asset('images/fisch/flags/' ~ meta.flag ~ '.svg') }}"
                         alt=""
                         width="22"
                         height="16"
                         loading="lazy">
                    <span class="fisch-lang-switcher__label">{{ meta.label }}</span>
                </a>
            {% endfor %}
        </div>
    </nav>
    {% endif %}
{% endblock %}

{% block content %}
<div class="container py-4 py-md-5">
    {% if campaign is null %}
        <div class="alert alert-warning">
            Diese Information ist nicht mehr verfügbar oder der Link ist ungültig.
        </div>
    {% else %}
        <h1 class="h4 mb-2">Information</h1>
        <p class="text-muted small mb-3">
            Allgemeine Information (ohne personenbezogene Daten). Ihre E-Mail enthält die Angaben zu Ihrem Kind in deutscher Sprache.
        </p>
        {% set bodyHtml = campaign.textForLocale(locale, 'body') %}
        <article class="fisch-info-article card shadow-sm">
            <div class="card-body" dir="{{ localeMeta[locale].dir|default('ltr') }}">
                <h2 class="fisch-info-article__title">{{ campaign.textForLocale(locale, 'subject')|striptags }}</h2>
                <div class="fisch-info-article__content mt-3">
                    {# HTML aus Editor/Word; Plaintext mit Zeilenumbrüchen als Fallback #}
                    {% if '<' in bodyHtml %}
                        {{ bodyHtml|raw }}
                    {% else %}
                        {{ bodyHtml|nl2br }}
                    {% endif %}
                </div>
            </div>
        </article>
    {% endif %}
</div>
{% endblock %}