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

{% block title %}{{ parent() }} | Docs{% endblock %}

{% block body %}
    {% include('inc/nav.html.twig') %}
{#    {% include('inc/translate.html.twig') %}#}

    <div class="content" id="docs" data-controller="accordion">
        <ul>
            <li><h2>Expos</h2>
                <ul>
                    <li><h3 class="accordion">Parades</h3>
                        <ul class="panel" {% if parades %} style="display: block" {% endif %}>
                            <li><h4>Invitation</h4></li>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/invit_lembrasser-Orphos_expoParades_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/invit_lembrasser-Orphos_expoParades_mai2024.pdf') }}" download="invit_lembrasser-Orphos_expoParades_mai2024.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            <li><h4>Présentation</h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/Orphos_exposition_Parades_presentation.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/Orphos_exposition_Parades_presentation.pdf') }}" download="Orphos_exposition_Parades_presentation.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>
                            {#<li><h4>Catalogue</h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" download=""><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>#}
                        </ul>
                    </li>
                    <li><h3 class="accordion">Hommage</h3>
                        <ul class="panel" {% if hommage %} style="display: block" {% endif %}>
                            <li><h4>Invitation</h4></li>
                            <ul>
                                <li><a href="{{ asset('media/pdf/invit_lembrasser-Orphos_expoHommage_octobre2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                    <a href="{{ asset('media/pdf/invit_lembrasser-Orphos_expoHommage_octobre2024.pdf') }}" download="invit_lembrasser-Orphos_expoHommage_octobre2024.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                            </ul>
                            <li><h4>Présentation</h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/Orphos_exposition_Hommage_presentation.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/Orphos_exposition_Hommage_presentation.pdf') }}" download="Orphos_exposition_Hommage_presentation.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>
                            {#<li><h4>Catalogue</h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" download=""><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>#}
                        </ul>
                    </li>
                    <li><h3 class="accordion">Les âmes denses</h3>
                        <ul class="panel" {% if ames %} style="display: block" {% endif %}>
                            <li><h4>Invitation</h4></li>
                            <ul>
                                <li><a href="{{ asset('media/pdf/invitation_expo_Orphos_LesAmesDenses.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                    <a href="{{ asset('media/pdf/invitation_expo_Orphos_LesAmesDenses.pdf') }}" download="invitation_expo_Orphos_LesAmesDenses.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                            </ul>
                            <li><h4>Présentation <span class="italic">fr</span></h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/presentation_expo_Orphos_LesAmesDenses.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/presentation_expo_Orphos_LesAmesDenses.pdf') }}" download="presentation_expo_Orphos_LesAmesDenses.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>
                            <li><h4>Presentation <span class="italic">en</span></h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/presentation_expo_Orphos_LesAmesDenses_en.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/presentation_expo_Orphos_LesAmesDenses_en.pdf') }}" download="presentation_expo_Orphos_LesAmesDenses_en.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>
                            {#<li><h4>Catalogue</h4>
                                <ul>
                                    <li><a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                        <a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" download=""><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                                </ul>
                            </li>#}
                        </ul>
                    </li>
                </ul>
            </li>
            <li><h2>Orphos</h2>
                <ul>
                    <li><h3 class="accordion">Bio</h3>
                        <ul class="panel" {% if orphos %} style="display: block" {% endif %}>

                                <li><a href="{{ asset('media/pdf/Orphos_bio_250517.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                    <a href="{{ asset('media/pdf/Orphos_bio_250517.pdf') }}" download="Orphos_bio_250517.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>

                        </ul>
                    </li>
                    <li><h3 class="accordion">Note d'intention</h3>
                        <ul class="panel" {% if orphos %} style="display: block" {% endif %}>

                                <li><a href="{{ asset('media/pdf/Orphos_note-intention_250517.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                                    <a href="{{ asset('media/pdf/Orphos_note-intention_250517.pdf') }}" download="Orphos_note-intention_250517.pdf"><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>

                        </ul>
                    </li>

                </ul>
            </li>
            {#<li><h2>Dossier de présentation Orphos</h2>
                <ul>
                    <li><a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                        <a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" download=""><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                </ul>
            </li>
            <li><h2>Dossier de presse</h2>
                <ul>
                    <li><a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" target="_blank"><img src="{{ asset('media/visibility.png') }}" alt="consulter"></a>
                        <a href="{{ asset('media/pdf/Orphos_Parades_expoLembrasser_mai2024.pdf') }}" download=""><img src="{{ asset('media/download.png') }}" alt="télécharger"></a></li>
                </ul>
            </li>#}
        </ul>
    </div>
    {% include('inc/footer.html.twig') %}
{% endblock %}