@extends('dashboard.layouts.app')

@section('title', 'Centre: ' . $centres[$centre] . ' - UAC eservices')

@section('page-title', $centres[$centre])

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{ route('admin.plaintes.index') }}">Plaintes</a></li>
    <li class="breadcrumb-item"><a href="{{ route('admin.plaintes.categorie', $categorie) }}">{{ $categories[$categorie] }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $centres[$centre] }}</li>
@endsection

@section('content')
<div class="row">
    <!-- Statistiques du centre -->
    <div class="col-12 mb-4">
        <div class="row">
            <div class="col-md-3">
                <div class="card bg-primary text-white">
                    <div class="card-body text-center">
                        <h3>{{ $statsCentre['total'] }}</h3>
                        <p class="mb-0">Total des plaintes</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-warning text-white">
                    <div class="card-body text-center">
                        <h3>{{ $statsCentre['en_attente'] }}</h3>
                        <p class="mb-0">En attente</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-info text-white">
                    <div class="card-body text-center">
                        <h3>{{ $statsCentre['en_cours'] }}</h3>
                        <p class="mb-0">En cours</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card bg-success text-white">
                    <div class="card-body text-center">
                        <h3>{{ $statsCentre['traitee'] + $statsCentre['rejetee'] }}</h3>
                        <p class="mb-0">Traitée</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filtres et liste des plaintes -->
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <h5 class="mb-0">
                        <i class="mdi mdi-filter-variant me-2"></i>
                        Plaintes du centre {{ $centres[$centre] }}
                    </h5>
                    <small class="text-muted">Filtrer par organisme ou mot-clé</small>
                </div>
                <div>
                    <a href="{{ route('admin.plaintes.categorie', $categorie) }}" class="btn btn-secondary me-2">
                        <i class="mdi mdi-arrow-left me-1"></i>
                        Retour aux centres
                    </a>
                    <a href="{{ route('admin.plaintes.index') }}" class="btn btn-outline-secondary">
                        <i class="mdi mdi-home me-1"></i>
                        Accueil
                    </a>
                </div>
            </div>
            <div class="card-body">
                <!-- Filtres -->
                <form method="GET" action="{{ route('admin.plaintes.centre', [$categorie, $centre]) }}" class="mb-4">
                    <div class="row">
                        <div class="col-md-6 col-lg-3 mb-3" id="organisme_filter_section">
                            <label class="form-label">Organisme spécifique</label>
                            <select name="organisme" class="form-select" id="organisme_filter">
                                <option value="">Tous les organismes</option>
                                @foreach($organismes as $key => $organisme)
                                    <option value="{{ $key }}" {{ $organisme === $key ? 'selected' : '' }}>
                                        {{ $organisme }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 col-lg-3 mb-3">
                            <label class="form-label">Mot-clé</label>
                            <input type="text"
                                    name="mot_cle"
                                    value="{{ $motCle ?? '' }}"
                                    class="form-control"
                                    placeholder="Rechercher dans la description...">
                        </div>
                        <div class="col-md-6 col-lg-3 mb-3">
                            <label class="form-label">Statut</label>
                            <select name="statut" class="form-select">
                                <option value="">Tous les statuts</option>
                                @foreach($statuts as $key => $label)
                                    <option value="{{ $key }}" {{ ($statut ?? '') == $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6 col-lg-3 mb-3">
                            <label class="form-label">Poste</label>
                            <select name="poste" class="form-select" id="poste_filter">
                                <option value="">Tous les postes</option>
                                @foreach($postes as $categoriePoste => $listePostes)
                                    <optgroup label="{{ $categoriePoste }}">
                                        @foreach($listePostes as $key => $poste)
                                            <option value="{{ $key }}" {{ ($poste ?? '') == $key ? 'selected' : '' }}>
                                                {{ Str::limit($poste, 35) }}
                                            </option>
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 d-flex justify-content-end">
                            <div class="d-flex gap-2 w-100">
                                <button type="submit" class="btn btn-primary flex-fill">
                                    <i class="mdi mdi-filter me-1"></i>
                                    Filtrer
                                </button>
                                <a href="{{ route('admin.plaintes.centre', [$categorie, $centre]) }}" class="btn btn-outline-secondary">
                                    <i class="mdi mdi-refresh me-1"></i>
                                    Reset
                                </a>
                            </div>
                        </div>
                    </div>
                </form>

                <!-- Résultats -->
                @if($plaintes->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Code</th>
                                    <th>Personne impliquée</th>
                                    <th>Poste</th>
                                    <th>Organisme spécifique</th>
                                    <th>Statut</th>
                                    <th>Date</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($plaintes as $plainte)
                                <tr>
                                    <td>
                                        <code class="bg-light px-2 py-1 rounded">{{ $plainte->code_suivi }}</code>
                                    </td>
                                    <td>{{ $plainte->personne_impliquee }}</td>
                                    <td>
                                        @if($plainte->poste)
                                            @php
                                                $postes = \App\Models\Plainte::getPostes();
                                                $posteTrouve = false;
                                                foreach($postes as $categorie => $listePostes) {
                                                    if(isset($listePostes[$plainte->poste])) {
                                                        echo Str::limit($listePostes[$plainte->poste], 30);
                                                        $posteTrouve = true;
                                                        break;
                                                    }
                                                }
                                                if(!$posteTrouve) {
                                                    echo Str::limit(ucfirst(str_replace('_', ' ', $plainte->poste)), 30);
                                                }
                                            @endphp
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($plainte->poste === 'vice_recteur_affaires_academiques')
                                            <span class="text-muted">-</span>
                                        @else
                                            {{ $plainte->organisme_specifique }}
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge {{ $plainte->getStatutBadgeClass() }}">
                                            {{ $statuts[$plainte->statut] }}
                                        </span>
                                    </td>
                                    <td>{{ $plainte->created_at->format('d/m/Y') }}</td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('admin.plaintes.show', $plainte) }}"
                                                class="btn btn-sm btn-outline-primary"
                                                title="Voir les détails">
                                                <i class="mdi mdi-eye"></i>
                                            </a>
                                            <a href="{{ route('admin.plaintes.edit', $plainte) }}"
                                                class="btn btn-sm btn-outline-secondary"
                                                title="Modifier">
                                                <i class="mdi mdi-pencil"></i>
                                            </a>
                                            @if($plainte->document_path)
                                            <a href="{{ route('admin.plaintes.download-document', $plainte) }}"
                                                class="btn btn-sm btn-outline-info"
                                                title="Télécharger le document">
                                                <i class="mdi mdi-download"></i>
                                            </a>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    <x-pagination :paginator="$plaintes" />
                @else
                    <div class="text-center py-5">
                        <i class="mdi mdi-information-outline mdi-48px text-muted mb-3"></i>
                        <h5 class="text-muted">Aucune plainte trouvée</h5>
                        <p class="text-muted">
                            @if($organisme || $motCle || $statut)
                                Aucun résultat ne correspond à vos critères de recherche.
                            @else
                                Aucune plainte n'a encore été soumise pour ce centre.
                            @endif
                        </p>
                        @if($organisme || $motCle || $statut)
                            <a href="{{ route('admin.plaintes.centre', [$categorie, $centre]) }}" class="btn btn-outline-primary">
                                <i class="mdi mdi-refresh me-1"></i>
                                Réinitialiser les filtres
                            </a>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const posteFilter = document.getElementById('poste_filter');
    const organismeFilterSection = document.getElementById('organisme_filter_section');

    if (posteFilter && organismeFilterSection) {
        // Liste des postes rectorat
        const rectoratPostes = ['secretaire_administratif', 'service_scolarite_licence', 'service_scolarite_master_doctorat', 'service_etudes_orientation', 'service_suivi_programmes', 'centre_pedagogie_universitaire', 'service_emplois_temps', 'service_statistique', 'centre_recherche_handicapes'];

        function toggleOrganismeFilter() {
            const selectedPoste = posteFilter.value;
            const isRectorat = rectoratPostes.includes(selectedPoste);

            if (isRectorat) {
                organismeFilterSection.style.display = 'none';
                // Vider la valeur du filtre organisme
                const organismeFilter = document.getElementById('organisme_filter');
                if (organismeFilter) {
                    organismeFilter.value = '';
                }
            } else {
                organismeFilterSection.style.display = 'block';
            }
        }

        // Écouter les changements du filtre poste
        posteFilter.addEventListener('change', toggleOrganismeFilter);

        // Vérifier l'état initial
        toggleOrganismeFilter();
    }
});
</script>
@endpush
@endsection