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

{% block title %}Modifier la publication : {{ publication.titre }}{% endblock %}

{% block content %}
    <div class="container-fluid">
        {# Titre harmonisé avec icône #}
        <h3 class="mb-5 text-body-emphasis">
            <i class="fas fa-edit me-2"></i> Modifier la publication : {{ publication.titre }}
        </h3>

        {# Affichage des messages flash (Réutilisé pour tous les templates manager) #}
        {% 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 %}
        
        <div class="card shadow mb-4">
            <div class="card-body">
                
                {{ form_start(form) }}
                
                <div class="row">
                    
                    {# COLONNE PRINCIPALE (8/12) : Contenu et Description #}
                    <div class="col-md-8">
                        <h4 class="mb-3 border-bottom pb-2 text-primary"><i class="fas fa-info-circle me-2"></i> Informations générales</h4>
                        
                        <div class="mb-3">{{ form_row(form.titre) }}</div>
                        <div class="mb-3">{{ form_row(form.sousTitre) }}</div>
                        <div class="mb-3">{{ form_row(form.petiteDescription) }}</div>
                        
                        <div class="row">
                            <div class="col-md-6 mb-3">{{ form_row(form.auteur) }}</div>
                            <div class="col-md-6 mb-3">{{ form_row(form.source) }}</div>
                        </div>

                        {# Bloc d'informations supplémentaires #}
                        <h4 class="mb-3 border-bottom pb-2 mt-4 text-primary"><i class="fas fa-tools me-2"></i> Métadonnées techniques</h4>
                        <div class="row">
                            <div class="col-md-6 mb-3">{{ form_row(form.anneePublication) }}</div>
                            <div class="col-md-6 mb-3">{{ form_row(form.nombrePage) }}</div>
                        </div>
                    </div>
                    
                    {# COLONNE LATÉRALE (4/12) #}
                    <div class="col-md-4">
                        
                        {# 1. CARTE IMAGE DE COUVERTURE (CORRIGÉE) 📸 #}
                        <div class="card shadow-sm mb-4">
                            <div class="card-header bg-light">
                                <i class="fas fa-camera me-2 text-info"></i> Image de couverture
                            </div>
                            <div class="card-body">
                                
                                {# Affichage de l'image existante : ATTENTION, la variable est maintenant 'publication.image' #}
                                {% if publication.image %}
                                    <div class="mt-1 mb-3 text-center">
                                        <p class="mb-2 text-muted small">Image actuelle :</p>
                                        {# ATTENTION, la variable est maintenant 'publication.image' #}
                                        <img src="{{ asset('uploads/images/' ~ publication.image) }}" alt="Image de couverture actuelle" style="max-width: 100%; height: auto; border-radius: 5px; border: 1px solid #ccc;">
                                        <p class="small text-muted mt-2">Téléchargez un nouveau fichier ci-dessous pour la remplacer.</p>
                                    </div>
                                {% else %}
                                    <p class="small text-warning mb-3">Aucune image de couverture n'est actuellement définie.</p>
                                {% endif %}

                                {# Champ de téléchargement d'image #}
                                <div class="mb-3">
                                    {{ form_row(form.imageFile) }}
                                </div>

                                {# Champ de suppression d'image (n'existe que si vous l'avez ajouté dans le FormType pour la modification) #}
                                {% if form.deleteImage is defined %}
                                    {{ form_row(form.deleteImage) }}
                                {% endif %}
                                
                            </div>
                        </div>
                        
                        {# 2. Carte pour le Fichier et le Statut #}
                        <div class="card shadow-sm mb-4">
                            <div class="card-header bg-light">
                                <i class="fas fa-file-upload me-2 text-secondary"></i> Fichier & Publication
                            </div>
                            <div class="card-body">
                                
                                {# Affichage du fichier existant #}
                                {% if publication.fichier %}
                                    <p class="mb-2 small text-muted">Fichier actuel :</p>
                                    <div class="alert alert-info py-2 px-3 small d-flex justify-content-between align-items-center">
                                        <a href="{{ asset('uploads/publications/' ~ publication.fichier) }}" target="_blank" class="text-info text-truncate me-2">
                                            <i class="fas fa-file-pdf me-1"></i> {{ publication.fichier }}
                                        </a>
                                    </div>
                                    <p class="small text-muted mb-3">Pour le remplacer, téléchargez un nouveau fichier ci-dessous. Le fichier existant sera supprimé.</p>
                                {% else %}
                                    <p class="small text-warning mb-3">Aucun fichier n'est actuellement associé à cette publication.</p>
                                {% endif %}

                                <div class="mb-3">{{ form_row(form.fichier) }}</div>
                                <div class="mb-3">{{ form_row(form.lienUrl) }}</div>
                                
                                <hr class="my-3">
                                <div class="mb-3">{{ form_row(form.isPublic) }}</div>
                            </div>
                        </div>
                        
                        {# 3. Carte pour les options SEO #}
                        <div class="card shadow-sm mb-4">
                            <div class="card-header bg-light">
                                <i class="fas fa-search me-2 text-info"></i> Référencement (SEO)
                            </div>
                            <div class="card-body">
                                <div class="mb-3">{{ form_row(form.metaTitre) }}</div>
                                <div class="mb-3">{{ form_row(form.metaDescription) }}</div>
                            </div>
                        </div>
                        
                    </div>
                </div>

                <hr class="mt-4">
                
                {# Boutons d'action centrés #}
                <div class="d-flex justify-content-between">
                    
                    {# Bouton Retour #}
                    <a href="{{ path('app_manager_publication_show', {'id': publication.id}) }}" class="btn btn-secondary me-2">
                        <i class="fas fa-arrow-left me-1"></i> Annuler et retourner à la vue
                    </a>
                    
                    <div class="d-flex">
                        {# Bouton de Soumission du Formulaire #}
                        <button type="submit" class="btn btn-success me-2">
                            <i class="fas fa-save me-1"></i> Mettre à jour la publication
                        </button>
                        
                        
                    </div>
                
                </div>
                
                {# Assurez-vous d'afficher les champs non rendus (comme le token CSRF) #}
                {{ form_rest(form) }}
                
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}