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

{% block body %}
<div class="w-full flex flex-col h-full">
    <div class="flex flex-row items-center justify-between w-full p-3 border-b text-white bg-bungalow-yellow">
        <div class="flex flex-row">
            <a href="{{ path('docutheque_index') }}" class="text-white text-lg">
                <i class="{{ icon.get('book') }}" style="color: #FFFF;"></i>
                Docuthèque
            </a>
            <span class="mx-2">-</span>
            <a class="text-white text-lg">{{ evenement.title }}</a>
        </div>
        <div>
            <a href="{{ path('download_document_docutheque', {'event_id': evenement.id}) }}" target="__blank" class="ml-4 px-4 py-2 bg-bungalow-blue text-white font-medium rounded-full text-sm cursor-pointer">Télécharger</a>
            {% if is_granted('ROLE_USER') %}
                <a class="ml-4 px-4 py-2 bg-bungalow-blue text-white font-medium rounded-full text-sm cursor-pointer" data-modal-target="dossier_modal" data-url="{{ path('docutheque_event_store_folder', {'event_id': evenement.id}) }}">Ajouter un dossier</a>
                <a class="ml-4 px-4 py-2 bg-bungalow-blue text-white font-medium rounded-full text-sm cursor-pointer" data-modal-target="document_modal" data-url="{{ path('upload_document_docutheque', {'event_id': evenement.id}) }}">Ajouter un document</a>
            {% endif %}
        </div>
    </div>
    {% if app.flashes|length > 0 %}
    <div class="p-2">
        {% include "./layouts/message_flash.html.twig" %}
    </div>
    {% endif %}
    <div class="max-h-[80vh] min-h-[80vh] p-4 overflow-y-auto">
        {% include "formation/docutheque/partials/index/dossiers.html.twig" %}
        <hr class="my-4 border-gray-300">
        {% include "formation/docutheque/partials/index/documents.html.twig" %}
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {% if is_granted('ROLE_USER') %}
        {{ encore_entry_script_tags('docutheque') }}
    {% endif %}
{% endblock %}


{% block modals %}
    {% if is_granted('ROLE_USER') %}
        {% include "formation/docutheque/modals/document.html.twig" %}
        {% include "formation/docutheque/modals/dossier.html.twig" %}
    {% endif %}
{% endblock %}