@extends('layouts.admin')

@section('content')
<div class="container-fluid py-4">
    {{-- En-tête --}}
    <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom">
        <div>
            <h1 class="h3 fw-bold mb-0">Gestion des Publications</h1>
            <p class="text-muted small mb-0">Gérez les rapports, documents et publications officielles.</p>
        </div>
        <div>
            <button class="btn btn-primary-ci rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#addPublication" onclick="resetForm()">
                <i class="fa fa-plus me-2"></i>Nouvelle Publication
            </button>
        </div>
    </div>

    {{-- Alertes --}}
    @if(session('success'))
        <div class="alert alert-success border-0 shadow-sm rounded-4 mb-4 alert-dismissible fade show" role="alert">
            <i class="fa fa-check-circle me-2"></i>
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="card border-0 shadow-sm rounded-4 overflow-hidden">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 table-ci">
                <thead>
                    <tr>
                        <th class="ps-4">Image</th>
                        <th>Titre</th>
                        <th>Date de publication</th>
                        <th>Fichier</th>
                        <th class="text-end pe-4">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($publications as $pub)
                    <tr>
                        <td class="ps-4">
                            @if($pub->image)
                                {{-- L'image est dans storage/app/public/publications/images/ --}}
                                {{-- asset('storage/' ...) pointe vers le lien symbolique public/storage/ --}}
                                <img src="{{ asset('storage/' . $pub->image) }}" 
                                    class="rounded shadow-sm" 
                                    style="width: 60px; height: 40px; object-fit: cover;"
                                    alt="Couverture">
                            @else
                                <div class="rounded bg-light d-flex align-items-center justify-content-center" style="width: 60px; height: 40px;">
                                    <i class="fa fa-image text-muted opacity-50"></i>
                                </div>
                            @endif
                        </td>
                        <td>
                            <div class="fw-bold text-dark">{{ Str::limit($pub->titre, 60) }}</div>
                            <small class="text-muted">{{ Str::limit($pub->description, 70) }}</small>
                        </td>
                        <td>
                            <div class="small fw-medium">
                                {{ is_object($pub->date_publication) ? $pub->date_publication->format('d/m/Y') : \Carbon\Carbon::parse($pub->date_publication)->format('d/m/Y') }}
                            </div>
                        </td>
                        <td>
                            @if($pub->fichier)
                                {{-- On passe le chemin complet stocké en BDD au paramètre 'filename' --}}
                                <a href="{{ route('publication.view', ['filename' => $pub->fichier]) }}" 
                                target="_blank" 
                                class="btn btn-sm btn-outline-primary rounded-pill px-3">
                                    <i class="fa fa-file-pdf me-1"></i> Ouvrir
                                </a>
                            @else
                                <span class="text-muted small">Aucun fichier</span>
                            @endif
                        </td>
                        <td class="text-end pe-4">
                            <div class="btn-group shadow-sm rounded-pill bg-white border p-1">
                                {{-- Bouton Modifier --}}
                                <button type="button" class="btn btn-sm btn-light rounded-circle border-0 me-1 edit-btn" 
                                        data-bs-toggle="modal" data-bs-target="#addPublication"
                                        data-id="{{ $pub->id }}" 
                                        data-titre="{{ $pub->titre }}"
                                        data-date="{{ is_object($pub->date_publication) ? $pub->date_publication->format('Y-m-d') : \Carbon\Carbon::parse($pub->date_publication)->format('Y-m-d') }}"
                                        data-description="{{ $pub->description }}"
                                        title="Modifier">
                                    <i class="fa fa-pen text-dark"></i>
                                </button>
                                
                                {{-- Bouton Supprimer --}}
                                <form action="{{ route('admin.publications.destroy', $pub->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-light rounded-circle border-0" 
                                            onclick="return confirm('Supprimer définitivement cette publication ?')" title="Supprimer">
                                        <i class="fa fa-trash text-danger"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-center py-5 text-muted">Aucune publication enregistrée.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- MODAL AJOUT / EDITION --}}
<div class="modal fade" id="addPublication" tabindex="-1" aria-labelledby="modalTitle" aria-hidden="true">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
    <div class="modal-dialog modal-dialog-centered">
        <form action="{{ route('admin.publications.store') }}" method="POST" id="publicationForm" enctype="multipart/form-data" class="modal-content border-0 shadow-lg rounded-4">
            @csrf
            <div id="method_field"></div>
            
            <div class="modal-header bg-dark text-white border-0 p-4">
                <h5 class="fw-bold mb-0" id="modalTitle">Nouvelle Publication</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            
            <div class="modal-body p-4">
                <div class="mb-3">
                    <label class="form-label fw-bold small">Titre de la publication</label>
                    <input type="text" name="titre" id="pub_titre" class="form-control border-0 bg-light" placeholder="Ex: Rapport annuel 2025" required>
                </div>
                
                <div class="mb-3">
                    <label class="form-label fw-bold small">Date de publication</label>
                    <input type="date" name="date_publication" id="pub_date" class="form-control border-0 bg-light" required>
                </div>
                
                <div class="mb-3">
                    <label class="form-label fw-bold small">Description</label>
                    <textarea name="description" id="pub_description" class="form-control border-0 bg-light" rows="3" placeholder="Bref résumé..."></textarea>
                </div>

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold small">Image Couverture</label>
                        <input type="file" name="image" class="form-control form-control-sm">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold small">Fichier (PDF/Doc)</label>
                        <input type="file" name="fichier" class="form-control form-control-sm">
                    </div>
                </div>
                
                <div id="edit_info" class="alert alert-warning mt-3 py-2 d-none" style="font-size: 0.75rem;">
                    <i class="fa fa-exclamation-triangle me-1"></i> Laissez vide pour conserver les fichiers actuels.
                </div>
            </div>
            
            <div class="modal-footer border-0 p-4">
                <button type="button" class="btn btn-light rounded-pill px-4" data-bs-dismiss="modal">Annuler</button>
                <button type="submit" class="btn btn-primary-ci rounded-pill px-4" id="submitBtn">Enregistrer</button>
            </div>
        </form>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Gestion de l'édition
        const editButtons = document.querySelectorAll('.edit-btn');
        editButtons.forEach(btn => {
            btn.addEventListener('click', function() {
                const id = this.dataset.id;
                const form = document.getElementById('publicationForm');
                const modalTitle = document.getElementById('modalTitle');
                const submitBtn = document.getElementById('submitBtn');
                const methodField = document.getElementById('method_field');
                const editInfo = document.getElementById('edit_info');

                modalTitle.innerText = "Modifier la Publication";
                submitBtn.innerText = "Mettre à jour";
                methodField.innerHTML = `<input type="hidden" name="_method" value="PUT">`;
                if (editInfo) editInfo.classList.remove('d-none');
                
                form.action = `/admin/publications/${id}`;
                
                document.getElementById('pub_titre').value = this.dataset.titre;
                document.getElementById('pub_date').value = this.dataset.date;
                document.getElementById('pub_description').value = this.dataset.description;
            });
        });

        // Auto-close des alertes
        setTimeout(function() {
            const alerts = document.querySelectorAll('.alert');
            alerts.forEach(function(alert) {
                const bsAlert = new bootstrap.Alert(alert);
                bsAlert.close();
            });
        }, 5000);
    });

    function resetForm() {
        const form = document.getElementById('publicationForm');
        if (form) {
            form.reset();
            form.action = "{{ route('admin.publications.store') }}";
        }
        document.getElementById('modalTitle').innerText = "Nouvelle Publication";
        document.getElementById('submitBtn').innerText = "Enregistrer";
        document.getElementById('method_field').innerHTML = "";
        const editInfo = document.getElementById('edit_info');
        if (editInfo) editInfo.classList.add('d-none');
    }
</script>
@endsection