@extends('dashboard.layouts.app')

@section('title', 'Mes Plaintes Affectées - UAC eservices')

@section('page-title', 'Mes Plaintes Affectées')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item active" aria-current="page">Plaintes affectées</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="mdi mdi-file-document-alert-outline me-2"></i>
                    Plaintes qui me sont affectées
                </h5>
            </div>

            <div class="card-body">
                <!-- Statistiques -->
                <div class="row mb-4">
                    <div class="col-md-3">
                        <div class="card bg-primary text-white">
                            <div class="card-body text-center">
                                <h4>{{ $stats['total'] }}</h4>
                                <p class="mb-0">Total affectées</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card bg-warning text-white">
                            <div class="card-body text-center">
                                <h4>{{ $stats['en_attente'] }}</h4>
                                <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">
                                <h4>{{ $stats['en_cours'] }}</h4>
                                <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">
                                <h4>{{ $stats['traitee'] + $stats['rejetee'] }}</h4>
                                <p class="mb-0">Traitée</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Liste des plaintes -->
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead class="table-dark">
                            <tr>
                                <th>Code</th>
                                <th>Personne impliquée</th>
                                <th>Poste</th>
                                <th>Centre</th>
                                <th>Organisme</th>
                                <th>Statut</th>
                                <th>Date d'affectation</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($plaintes as $plainte)
                                <tr>
                                    <td>
                                        <code class="bg-light px-2 py-1">{{ $plainte->code_suivi }}</code>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $plainte->personne_impliquee }}</strong>
                                            @if($plainte->categorie)
                                                <br>
                                                <small class="text-muted">
                                                    {{ \App\Models\Plainte::getCategories()[$plainte->categorie] ?? $plainte->categorie }}
                                                </small>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if($plainte->poste)
                                            @php
                                                $postes = \App\Models\Plainte::getPostes();
                                                $posteTrouve = false;
                                                foreach($postes as $categorie => $listePostes) {
                                                    if(isset($listePostes[$plainte->poste])) {
                                                        echo $listePostes[$plainte->poste];
                                                        $posteTrouve = true;
                                                        break;
                                                    }
                                                }
                                                if(!$posteTrouve) {
                                                    echo ucfirst(str_replace('_', ' ', $plainte->poste));
                                                }
                                            @endphp
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($plainte->centre)
                                            {{ \App\Models\Plainte::getCentres()[$plainte->centre] ?? $plainte->centre }}
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($plainte->poste === 'vice_recteur_affaires_academiques')
                                            <span class="text-muted">-</span>
                                        @elseif($plainte->organisme_specifique)
                                            <span class="badge bg-light text-dark">{{ $plainte->organisme_specifique }}</span>
                                        @else
                                            <span class="text-muted">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($plainte->statut == 'en_attente')
                                            <span class="badge bg-warning">En attente</span>
                                        @elseif($plainte->statut == 'en_cours')
                                            <span class="badge bg-info">En cours</span>
                                        @elseif($plainte->statut == 'traitee')
                                            <span class="badge bg-success">Traitée</span>
                                        @else
                                            <span class="badge bg-danger">Rejetée</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ \Carbon\Carbon::parse($plainte->pivot->assigned_at)->format('d/m/Y') }}</strong>
                                            <br>
                                            <small class="text-muted">{{ \Carbon\Carbon::parse($plainte->pivot->assigned_at)->format('H:i') }}</small>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('user.plaintes.show', $plainte) }}"
                                               class="btn btn-sm btn-outline-primary"
                                               title="Voir les détails">
                                                <i class="mdi mdi-eye"></i>
                                            </a>
                                            @if($plainte->pivot->notes)
                                                <button type="button" class="btn btn-sm btn-outline-info"
                                                        title="Notes d'affectation"
                                                        data-bs-toggle="tooltip"
                                                        data-bs-placement="top"
                                                        data-bs-title="{{ $plainte->pivot->notes }}">
                                                    <i class="mdi mdi-note-text"></i>
                                                </button>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center py-4">
                                        <div class="d-flex flex-column align-items-center">
                                            <i class="mdi mdi-check-circle-outline mdi-48px text-success mb-3"></i>
                                            <h5 class="text-success">Aucune plainte affectée</h5>
                                            <p class="text-muted mb-0">
                                                Vous n'avez actuellement aucune plainte qui vous est affectée.
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                @if($plaintes->hasPages())
                    <div class="d-flex justify-content-center mt-4">
                        {{ $plaintes->appends(request()->query())->links() }}
                    </div>
                @endif

                <!-- Statistiques des résultats -->
                @if($plaintes->count() > 0)
                <div class="mt-3 text-muted small">
                    <i class="mdi mdi-information-outline me-1"></i>
                    Affichage de {{ $plaintes->firstItem() ?? 0 }} à {{ $plaintes->lastItem() ?? 0 }}
                    sur {{ $plaintes->total() }} plainte(s) affectée(s)
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Initialiser les tooltips Bootstrap
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
});
</script>
@endpush