@extends('dashboard.layouts.app')

@section('title', 'Service du Rectorat - UAC eservices')

@section('page-title', 'Service du Rectorat')

@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 active" aria-current="page">Service du Rectorat</li>
@endsection

@section('content')
<div class="row">
    <!-- Statistiques globales du rectorat -->
    <div class="col-12 mb-4">
        <div class="row">
            <div class="col-md-3">
                <div class="card bg-danger text-white">
                    <div class="card-body text-center">
                        <h3>{{ $statsRectorat['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>{{ $statsRectorat['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>{{ $statsRectorat['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>{{ $statsRectorat['traitee'] + $statsRectorat['rejetee'] }}</h3>
                        <p class="mb-0">Traitée</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <h4 class="card-title mb-0">
                        <i class="mdi mdi-account-tie me-2"></i>
                        Service du Rectorat
                    </h4>
                    <p class="text-muted mb-0 mt-1">
                        Plaintes concernant le vice-recteur chargé des affaires académiques
                    </p>
                </div>
                <div>
                    <a href="{{ route('admin.plaintes.all') }}?poste=rectorat" class="btn btn-danger me-2">
                        <i class="mdi mdi-eye me-1"></i>
                        Voir toutes les plaintes
                    </a>
                    <a href="{{ route('admin.plaintes.index') }}" class="btn btn-secondary">
                        <i class="mdi mdi-arrow-left me-1"></i>
                        Retour
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <div class="alert alert-info">
                            <h6><i class="mdi mdi-information-outline me-2"></i>À propos du Service du Rectorat</h6>
                            <p class="mb-0">
                                Cette section regroupe toutes les plaintes concernant le Vice-Rectorat en charge des Affaires Académiques.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card border">
                            <div class="card-body text-center">
                                <div class="avatar-lg rounded-circle bg-danger bg-opacity-10 d-flex align-items-center justify-content-center mx-auto mb-3">
                                    <i class="mdi mdi-account-tie text-danger mdi-36px"></i>
                                </div>
                                <h5 class="mb-2">Vice-Recteur</h5>
                                <p class="text-muted small mb-3">Affaires Académiques</p>
                                <div class="text-center">
                                    <span class="badge bg-danger">{{ $statsRectorat['total'] }} plaintes</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Filtres et liste des plaintes -->
                <div class="card mt-4">
                    <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>
                                Toutes les plaintes du rectorat
                            </h5>
                            <small class="text-muted">Filtrer par mot-clé ou statut</small>
                        </div>
                        <div>
                            <a href="{{ route('admin.plaintes.index') }}" class="btn btn-secondary">
                                <i class="mdi mdi-arrow-left me-1"></i>
                                Retour
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Filtres -->
                        <form method="GET" action="{{ route('admin.plaintes.categorie', $categorie) }}" class="mb-4">
                            <div class="row">
                                <div class="col-md-6 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 ou personne impliquée...">
                                </div>
                                <div class="col-md-6 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-12 d-flex justify-content-end">
                                    <div class="d-flex gap-2 w-100">
                                        <button type="submit" class="btn btn-danger flex-fill">
                                            <i class="mdi mdi-filter me-1"></i>
                                            Filtrer
                                        </button>
                                        <a href="{{ route('admin.plaintes.categorie', $categorie) }}" 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>Description</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>
                                                <span title="{{ $plainte->description }}">
                                                    {{ Str::limit($plainte->description, 50) }}
                                                </span>
                                            </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($motCle || $statut)
                                        Aucun résultat ne correspond à vos critères de recherche.
                                    @else
                                        Aucune plainte n'a encore été soumise pour le service du rectorat.
                                    @endif
                                </p>
                                @if($motCle || $statut)
                                    <a href="{{ route('admin.plaintes.categorie', $categorie) }}" class="btn btn-outline-danger">
                                        <i class="mdi mdi-refresh me-1"></i>
                                        Réinitialiser les filtres
                                    </a>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection