{% extends 'manager/manager_base.html.twig' %}

{% block title %}Détails de la publication{% endblock %}

{% block content %}
    <div class="container-fluid">
        {# Titre de section harmonisé #}
        <h3 class="mb-5">Détails de la publication</h3>

        {# Affichage des messages flash #}
        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
        {% endfor %}

        {% if publication is defined and publication %}
            {# Conteneur principal - Carte ombrée #}
            <div class="card shadow mb-4">
                
                {# En-tête de la carte : Titre et Boutons d'action #}
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h4 class="text-body mb-0"><i class="fas fa-book me-2"></i> {{ publication.titre }} <small class="text-muted fs-6">(#{{ publication.id }})</small></h4>
                    
                    {# Boutons d'action #}
                    <div class="d-flex">
                        <a href="{{ path('app_manager_publication_edit', {'id': publication.id}) }}" class="btn btn-warning btn-sm me-2">
                            <i class="fas fa-edit"></i> Modifier
                        </a>
                        {# Inclusion du formulaire de suppression #}
                        {{ include('manager/publication/_delete_form.html.twig') }}
                    </div>
                </div>
                
                <div class="card-body">
                    
                    {# Section 1 : Informations Générales et Auteur #}
                    <h5 class="text-primary mb-3 border-bottom pb-2"><i class="fas fa-info-circle me-2"></i> Informations principales</h5>
                    
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-4 text-muted small">Titre Complet</dt>
                                <dd class="col-sm-8"><strong>{{ publication.titre }}</strong></dd>

                                <dt class="col-sm-4 text-muted small">Sous-titre</dt>
                                <dd class="col-sm-8">{{ publication.sousTitre ?: '<span class="text-muted">Non spécifié</span>'|raw }}</dd>

                                <dt class="col-sm-4 text-muted small">Auteur(s)</dt>
                                <dd class="col-sm-8">{{ publication.auteur ?: '<span class="text-muted">Non spécifié</span>'|raw }}</dd>
                                
                                <dt class="col-sm-4 text-muted small">Source</dt>
                                <dd class="col-sm-8">{{ publication.source ?: '<span class="text-muted">Non spécifiée</span>'|raw }}</dd>
                            </dl>
                        </div>
                        
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-4 text-muted small">Année</dt>
                                <dd class="col-sm-8">{{ publication.anneePublication ?: 'N/A' }}</dd>

                                <dt class="col-sm-4 text-muted small">Pages</dt>
                                <dd class="col-sm-8">{{ publication.nombrePage ?: 'N/A' }}</dd>
                                
                                <dt class="col-sm-4 text-muted small">Statut</dt>
                                <dd class="col-sm-8">
                                    {# Affichage du statut avec badge coloré #}
                                    {% if publication.isPublic %}
                                        <span class="badge bg-success text-white">
                                            <i class="fas fa-check-circle"></i> Publié
                                        </span>
                                    {% else %}
                                        <span class="badge bg-danger text-white">
                                            <i class="fas fa-minus-circle"></i> Brouillon
                                        </span>
                                    {% endif %}
                                </dd>
                            </dl>
                        </div>
                    </div>
                    
                    <hr>
                    
                    {# NOUVELLE SECTION : IMAGE DE COUVERTURE #}
                    <h5 class="text-primary mb-3"><i class="fas fa-image me-2"></i> Image de couverture</h5>
                    
                    <div class="row mb-4">
                        <dl class="row">
                            <dt class="col-sm-2 text-muted">Aperçu</dt>
                            <dd class="col-sm-10">
                                {% if publication.image %}
                                    <p class="text-dark fw-bold small mb-2">{{ publication.image }}</p>
                                    {# L'image est supposée être dans le répertoire 'uploads/images/' #}
                                    <img src="{{ asset('uploads/images/' ~ publication.image) }}" alt="Image de couverture" class="img-fluid rounded shadow-sm border p-1" style="max-height: 300px; width: auto;">
                                {% else %}
                                    <span class="text-danger"><i class="fas fa-times-circle me-1"></i> Aucune image fournie pour cette publication.</span>
                                {% endif %}
                            </dd>
                        </dl>
                    </div>

                    <hr>

                    {# Section 2 : Description #}
                    <h5 class="text-primary mt-3 mb-3 border-bottom pb-2"><i class="fas fa-align-left me-2"></i> Résumé/Description</h5>
                    
                    <div class="border p-3 bg-light rounded mb-4" style="max-height: 200px; overflow-y: auto;">
                        <p class="mb-0">{{ publication.petiteDescription ?: '<span class="text-muted fst-italic">Aucune description courte fournie.</span>'|raw }}</p>
                    </div>
                    
                    {# Section 3 : Accès au document (Fichier / Lien URL) #}
                    <h5 class="text-primary mt-3 mb-3 border-bottom pb-2"><i class="fas fa-link me-2"></i> Accès au document</h5>
                    
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-4 text-muted small">Fichier PDF/Doc</dt>
                                <dd class="col-sm-8">
                                    {% if publication.fichier %}
                                        {# Le fichier est supposé être dans le répertoire 'uploads/publications/' #}
                                        <a href="{{ asset('uploads/publications/' ~ publication.fichier) }}" target="_blank" class="btn btn-sm btn-info text-white" title="Voir le document">
                                            <i class="fas fa-file-pdf me-1"></i> Voir le fichier
                                        </a>
                                        <span class="small ms-2 text-dark">{{ publication.fichier }}</span>
                                    {% else %}
                                        <span class="text-danger"><i class="fas fa-times-circle me-1"></i> Aucun fichier uploadé.</span>
                                    {% endif %}
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-6">
                            <dl class="row mb-0">
                                <dt class="col-sm-4 text-muted small">Lien URL externe</dt>
                                <dd class="col-sm-8">
                                    {% if publication.lienUrl %}
                                        <a href="{{ publication.lienUrl }}" target="_blank" class="text-break">
                                            <i class="fas fa-external-link-alt me-1"></i> {{ publication.lienUrl }}
                                        </a>
                                    {% else %}
                                        <span class="text-muted fst-italic">Non spécifié.</span>
                                    {% endif %}
                                </dd>
                            </dl>
                        </div>
                    </div>

                    {# Section 4 : SEO (Meta) #}
                    <h5 class="text-primary mt-3 mb-3 border-bottom pb-2"><i class="fas fa-search me-2"></i> Options de Référencement (SEO)</h5>
                    
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <dl class="row mb-0">
                                <dt class="col-sm-2 text-muted small">Meta-Titre</dt>
                                <dd class="col-sm-10">{{ publication.metaTitre ?: '<span class="text-muted">Non spécifié</span>'|raw }}</dd>
                                
                                <dt class="col-sm-2 text-muted small">Meta-Description</dt>
                                <dd class="col-sm-10 text-break">{{ publication.metaDescription ?: '<span class="text-muted">Non spécifiée</span>'|raw }}</dd>
                            </dl>
                        </div>
                    </div>
                    
                    {# Section 5 : Horodatage #}
                    <hr class="my-3">
                    <div class="d-flex justify-content-end small text-muted">
                        <span>Créé le: {{ publication.createdAt ? publication.createdAt|date('d/m/Y H:i') : 'N/A' }}</span>
                        <span class="ms-3">Dernière MàJ: {{ publication.updatedAt ? publication.updatedAt|date('d/m/Y H:i') : 'N/A' }}</span>
                    </div>

                    <hr class="mt-4">
                    
                    {# Bouton de retour #}
                    <a href="{{ path('app_manager_publication_index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i> Retour à la liste
                    </a>
                </div>
            </div>
        {% else %}
            {# Message d'erreur harmonisé #}
            <div class="alert alert-danger shadow">
                <i class="fas fa-exclamation-triangle me-2"></i> La publication demandée n'a pas été trouvée. Veuillez vérifier l'identifiant.
            </div>
        {% endif %}
    </div>
{% endblock %}