{% set hasPdf = pdfUrl|default('') is not empty %}

<div
    class="ce-blatterbares-pdf mod-pdf-flipbook"
    data-pdf-flipbook-element="1"
    data-pdf-url="{{ pdfUrl|default('')|e('html_attr') }}"
    data-initial-pages="{{ initialRenderPages|default(4)|e('html_attr') }}"
    data-start-mode="{{ startMode|default('center')|e('html_attr') }}"
    data-show-navigation="{{ showNavigation ? '1' : '0' }}"
    data-play-turn-sound="{{ ((playTurnSound is defined) ? playTurnSound : true) ? '1' : '0' }}"
    tabindex="0"
>
    <div class="mod-pdf-flipbook__status" data-flipbook-loader="1" aria-live="polite">PDF wird geladen ...</div>

    <div class="mod-pdf-flipbook__stage" data-flipbook-stage="1">
        <div id="flipbook-{{ data.id|default(random()) }}" class="c-flipbook" data-flipbook-book="1"></div>
    </div>

    {% if showNavigation %}
        <div class="mod-pdf-flipbook__controls" aria-label="Flipbook Navigation">
            <button type="button" data-flipbook-prev="1">Zurück</button>
            <button type="button" data-flipbook-next="1">Weiter</button>
        </div>
    {% endif %}

    {% if not hasPdf %}
        <p class="mod-pdf-flipbook__error">Keine PDF-Datei konfiguriert.</p>
    {% endif %}
</div>

<link rel="stylesheet" href="/bundles/flipbook/assets/vendor/flipbook.min.css?v=20260414f">
<link rel="stylesheet" href="/bundles/flipbook/assets/flipbook-module.css?v=20260414f">
<script type="module" src="/bundles/flipbook/assets/flipbook-module.js?v=20260414f"></script>