@extends('layouts.admin')

@section('content')
<div class="container-fluid px-4">
    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="mt-4 h3 fw-bold text-dark">Base Comoé : Gestion des Décisions</h1>
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Décisions</li>
            </ol>
        </div>
        <a href="{{ route('admin.comoe.decisions.create') }}" class="btn btn-success shadow-sm px-3">
            <i class="fas fa-plus-circle me-1"></i> Nouvelle Décision
        </a>
    </div>

    {{-- Filtres --}}
    <div class="card mb-4 border-0 shadow-sm">
        <div class="card-body bg-light rounded">
            <form action="{{ route('admin.comoe.decisions.index') }}" method="GET" class="row g-3">
                <div class="col-md-5">
                    <label class="small fw-bold text-muted">Recherche globale</label>
                    <div class="input-group shadow-sm">
                        <span class="input-group-text bg-white border-end-0"><i class="fas fa-search text-muted"></i></span>
                        <input type="text" name="search" class="form-control border-start-0" placeholder="N° décision, affaire, parties, résumé..." value="{{ request('search') }}">
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="small fw-bold text-muted">Filtrer par Thématique</label>
                    <select name="thematique" class="form-select shadow-sm">
                        <option value="">Toutes les thématiques</option>
                        @foreach($thematiques as $theme)
                            <option value="{{ $theme->id }}" {{ request('thematique') == $theme->id ? 'selected' : '' }}>
                                {{ $theme->nom }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 d-flex align-items-end gap-2">
                    <button type="submit" class="btn btn-dark w-100 shadow-sm">
                        <i class="fas fa-filter me-1"></i> Filtrer
                    </button>
                    <a href="{{ route('admin.comoe.decisions.index') }}" class="btn btn-outline-secondary shadow-sm">
                        <i class="fas fa-sync"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>

    {{-- Tableau des résultats --}}
    <div class="card border-0 shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-dark border-0">
                        <tr>
                            <th class="ps-4 py-3">N° Décision & Date</th>
                            <th class="py-3">Affaire & Parties</th>
                            <th class="py-3">Classification</th>
                            <th class="py-3">Résumé</th>
                            <th class="text-end pe-4 py-3">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($decisions as $decision)
                        <tr class="border-bottom">
                            <td class="ps-4 py-3">
                                <div class="fw-bold text-primary mb-1">{{ $decision->numero_decision }}</div>
                                <div class="small text-muted">
                                    <i class="far fa-calendar-alt me-1"></i>
                                    {{ \Carbon\Carbon::parse($decision->date_decision)->format('d/m/Y') }}
                                </div>
                            </td>

                            <td class="py-3">
                                <div class="mb-2">
                                    <span class="badge bg-secondary-subtle text-secondary border fw-medium">
                                        Dossier n° {{ $decision->affaire->numero_requete ?? 'N/A' }}
                                    </span>
                                </div>
                                <div class="small lh-sm">
                                    <div class="text-dark fw-bold mb-1">
                                        <i class="fas fa-arrow-right text-success me-1"></i>
                                        {{ Str::limit($decision->requerant ?? 'N/A', 45) }}
                                    </div>
                                    <div class="text-muted">
                                        <i class="fas fa-arrow-left text-danger me-1"></i>
                                        {{ Str::limit($decision->defendeur ?? 'N/A', 45) }}
                                    </div>
                                </div>
                            </td>

                            <td class="py-3">
                                <div class="mb-1">
                                    <span class="badge rounded-pill bg-info text-dark fw-medium">
                                        {{ $decision->thematique->nom ?? 'N/A' }}
                                    </span>
                                </div>
                                <div class="small text-muted fst-italic">{{ $decision->nature->libelle ?? '-' }}</div>
                            </td>

                            <td class="py-3" style="max-width: 300px;">
                                <p class="small text-muted mb-0 text-truncate-2">
                                    {{ $decision->resume }}
                                </p>
                            </td>

                            <td class="text-end pe-4 py-3">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                    
                                    {{-- LOGIQUE PDF : Utilisation de la route showPdf pour l'aperçu --}}
                                    @if($decision->fichier_pdf)
                                        <button type="button" 
                                                class="btn btn-sm btn-info preview-pdf-btn shadow-sm" 
                                                data-url="{{ route('admin.comoe.decisions.showPdf', $decision->id) }}" 
                                                data-title="Aperçu : Décision n° {{ $decision->numero_decision }}"
                                                title="Aperçu rapide">
                                            <i class="fas fa-eye text-white"></i>
                                        </button>
                                        
                                        <a href="{{ route('admin.comoe.decisions.showPdf', $decision->id) }}" 
                                           target="_blank" 
                                           class="btn btn-sm btn-light border shadow-sm" 
                                           title="Télécharger / Ouvrir">
                                            <i class="fas fa-external-link-alt text-secondary"></i>
                                        </a>
                                    @else
                                        <span class="badge bg-light text-muted border small">Sans PDF</span>
                                    @endif

                                    {{-- Menu Options --}}
                                    <div class="dropdown">
                                        <button class="btn btn-sm btn-white border shadow-sm" type="button" data-bs-toggle="dropdown">
                                            <i class="fas fa-ellipsis-v text-muted"></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end shadow border-0 py-2">
                                            <li>
                                                <a class="dropdown-item py-2" href="{{ route('admin.comoe.decisions.edit', $decision->id) }}">
                                                    <i class="fas fa-edit me-2 text-primary"></i> Modifier
                                                </a>
                                            </li>
                                            <li><hr class="dropdown-divider opacity-50"></li>
                                            <li>
                                                <button class="dropdown-item py-2 text-danger" onclick="confirmDelete('{{ $decision->id }}', '{{ $decision->numero_decision }}')">
                                                    <i class="fas fa-trash me-2"></i> Supprimer
                                                </button>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <form id="delete-form-{{ $decision->id }}" action="{{ route('admin.comoe.decisions.destroy', $decision->id) }}" method="POST" style="display: none;">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center py-5 text-muted">
                                <i class="fas fa-folder-open fa-3x mb-3 text-light"></i>
                                <p>Aucune décision enregistrée.</p>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        
        <div class="card-footer bg-white border-0 py-3">
            {{ $decisions->appends(request()->query())->links('pagination::bootstrap-5') }}
        </div>
    </div>
</div>

{{-- Modal de Prévisualisation PDF --}}
<div class="modal fade" id="pdfPreviewModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content border-0 shadow-lg rounded-4">
            <div class="modal-header bg-dark text-white border-0 py-3">
                <h5 class="modal-title" id="pdfPreviewLabel">Chargement du document...</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-0 bg-secondary" style="height: 85vh;">
                {{-- L'iframe recevra l'URL de la route showPdf via JavaScript --}}
                <iframe id="pdfFrame" src="" width="100%" height="100%" frameborder="0" class="rounded-bottom-4"></iframe>
            </div>
        </div>
    </div>
</div>

{{-- Scripts --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const previewButtons = document.querySelectorAll('.preview-pdf-btn');
        const pdfFrame = document.getElementById('pdfFrame');
        const pdfLabel = document.getElementById('pdfPreviewLabel');
        const pdfModalElement = document.getElementById('pdfPreviewModal');
        
        const bsModal = new bootstrap.Modal(pdfModalElement);

        previewButtons.forEach(button => {
            button.addEventListener('click', function() {
                const url = this.getAttribute('data-url');
                const title = this.getAttribute('data-title');
                
                // On injecte l'URL de la route Laravel dans l'iframe
                pdfFrame.setAttribute('src', url);
                pdfLabel.textContent = title;
                bsModal.show();
            });
        });

        // On vide l'iframe quand on ferme la modale pour stopper la lecture du PDF en arrière-plan
        pdfModalElement.addEventListener('hidden.bs.modal', function () {
            pdfFrame.setAttribute('src', '');
            pdfLabel.textContent = 'Chargement...';
        });
    });

    function confirmDelete(id, numero) {
        Swal.fire({
            title: 'Confirmation de suppression',
            text: "Voulez-vous vraiment supprimer la décision n° " + numero + " ?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            confirmButtonText: 'Oui, supprimer',
            cancelButtonText: 'Annuler',
            reverseButtons: true
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById('delete-form-' + id).submit();
            }
        });
    }
</script>

<style>
    .text-truncate-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    iframe#pdfFrame {
        background-color: #525659;
    }
    .btn-white {
        background: #fff;
        color: #333;
    }
    .modal-xl {
        max-width: 90%;
    }
</style>
@endsection