{% extends 'base.html.twig' %}
{% block title %}Espace presse — Walk The Line{% endblock %}
{% block body %}
<div class="container py-5">
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3 mb-4">
        <div>
            <h1>Espace presse</h1>
            <p class="text-secondary mb-0">Documents professionnels, artistiques et techniques mis à disposition.</p>
        </div>
        <a href="{{ path('app_logout') }}" class="btn btn-outline-secondary">Déconnexion</a>
    </div>
    <div class="row g-4">
        {% for document in documents %}
            <div class="col-md-6 col-xl-4">
                <div class="card h-100 shadow-sm border-0">
                    <div class="card-body p-4 d-flex flex-column">
                        <div class="d-flex justify-content-between align-items-start gap-2">
                            <i class="bi bi-file-earmark-arrow-down fs-1"></i>
                            <span class="badge text-bg-light">{{ document.type }}</span>
                        </div>
                        <h2 class="h5 mt-3">{{ document.name }}</h2>
                        {% if document.description %}<p class="text-secondary">{{ document.description }}</p>{% endif %}
                        <div class="small text-secondary mb-3">{{ document.originalFilename }} · v{{ document.version }} · {{ (document.size / 1024)|number_format(1, ',', ' ') }} Ko</div>
                        <div class="mt-auto d-flex gap-2">
                            <a class="btn btn-outline-dark" href="{{ path('document_view',{id:document.id}) }}" target="_blank">Voir</a>
                            <a class="btn btn-dark" href="{{ path('document_download',{id:document.id}) }}">Télécharger</a>
                        </div>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="col-12">
                <div class="alert alert-light border">Aucun document n'est encore publié dans l'espace presse.</div>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}