@extends('dashboard.layouts.app')

@section('title', 'Gestion du Courrier - UAC eservices')
@section('page-title', 'Gestion du Courrier')

@section('breadcrumb')
<li class="breadcrumb-item active" aria-current="page">Courrier</li>
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <div>
                        <h4 class="card-title">Gestion du Courrier</h4>
                        <p class="text-muted">Suivi et gestion des courriers administratifs</p>
                    </div>

                    @if(auth()->user()->role->nom === 'Administrateur')
                    <a href="{{ route('courrier.create') }}" class="btn btn-primary">
                        <i class="mdi mdi-plus"></i> Nouveau courrier
                    </a>
                    @endif

                </div>

                <!-- Filtres & Recherche -->
                <div class="row mb-4">
                    <div class="col-md-4 mb-2">
                        <form method="GET" class="d-flex gap-2">
                            <input type="text" name="search" class="form-control"
                                placeholder="Rechercher un courrier..."
                                value="{{ request('search') }}">
                            <button type="submit" class="btn btn-outline-primary">Rechercher</button>
                            <a href="{{ route('courrier.index') }}" class="btn btn-outline-secondary">Réinitialiser</a>
                        </form>
                    </div>

                    <div class="col-md-4 mb-2">
                        <form method="GET" class="d-flex gap-2">
                            <select name="statut" class="form-select">
                                <option value="">Tous les statuts</option>
                                <option value="Nouveau" {{ request('statut') == 'Nouveau' ? 'selected' : '' }}>Nouveau</option>
                                <option value="Affecté" {{ request('statut') == 'Affecté' ? 'selected' : '' }}>Affecté</option>
                                <option value="En traitement" {{ request('statut') == 'En traitement' ? 'selected' : '' }}>En traitement</option>
                                <option value="Traité" {{ request('statut') == 'Traité' ? 'selected' : '' }}>Traité</option>
                                <option value="En souffrance" {{ request('statut') == 'En souffrance' ? 'selected' : '' }}>En souffrance</option>
                            </select>
                            <button type="submit" class="btn btn-outline-primary">Filtrer</button>
                        </form>
                    </div>

                    @if(in_array(auth()->user()->role->nom, ['Administrateur', 'Chef de Service', 'Responsable RH']))
                    <div class="col-md-4 mb-2">
                        <form method="GET" class="d-flex gap-2">
                            <select name="agent_id" class="form-select">
                                <option value="">Tous les agents</option>
                                @foreach($agents as $agent)
                                <option value="{{ $agent->id }}" {{ request('agent_id') == $agent->id ? 'selected' : '' }}>
                                    {{ $agent->name }}
                                </option>
                                @endforeach
                            </select>
                            <button type="submit" class="btn btn-outline-primary">Filtrer par agent</button>
                        </form>
                    </div>
                    @endif
                </div>

                <!-- Statistiques -->
                <div class="row mb-4">
                    <div class="col-md-2">
                        <div class="card bg-light">
                            <div class="card-body text-center">
                                <h4 class="text-primary">{{ $stats['total'] }}</h4>
                                <small class="text-muted">Total</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="card bg-warning">
                            <div class="card-body text-center">
                                <h4 class="text-white">{{ $stats['nouveaux'] }}</h4>
                                <small class="text-white">Nouveaux</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="card bg-info">
                            <div class="card-body text-center">
                                <h4 class="text-white">{{ $stats['en_traitement'] }}</h4>
                                <small class="text-white">En traitement</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="card bg-success">
                            <div class="card-body text-center">
                                <h4 class="text-white">{{ $stats['traites'] }}</h4>
                                <small class="text-white">Traités</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="card bg-danger">
                            <div class="card-body text-center">
                                <h4 class="text-white">{{ $stats['en_souffrance'] }}</h4>
                                <small class="text-white">En souffrance</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="card bg-primary">
                            <div class="card-body text-center">
                                <h4 class="text-white">{{ $stats['total'] > 0 ? round(($stats['traites'] / $stats['total']) * 100) : 0 }}%</h4>
                                <small class="text-white">Taux de célérité</small>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Notifications Courriers -->
                @if($notifications->count() > 0)
                <div class="mb-4">
                    <h5>Notifications Courriers</h5>
                    @foreach($notifications as $notification)
                    @php
                    // On autorise uniquement <em> et <strong>
                            $messageSafe = strip_tags($notification->data['message'], '<em><strong>');
                                    @endphp
                                    <div class="alert alert-info d-flex justify-content-between align-items-center">
                                        <a href="{{ $notification->data['url'] }}"
                                            class="flex-grow-1 text-decoration-none text-dark">
                                            <strong>{!! $messageSafe !!}</strong> :
                                            {{ $notification->data['objet'] }} (Ref: {{ $notification->data['reference'] }})
                                        </a>
                                        <form method="POST" action="{{ route('notifications.markAsRead', $notification->id) }}">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-sm btn-light">Marquer comme lu</button>
                                        </form>
                                    </div>

                                    @endforeach
                </div>
                @endif



                <!-- Tableaux des courriers -->
                @if($courriers->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Objet</th>
                                <th>Type</th>
                                <th>Statut</th>
                                <th>Date réception</th>
                                <th>Date limite</th>
                                <th>Agent traitant</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($courriers as $courrier)
                            <tr class="{{ $courrier->statut === 'En souffrance' ? 'table-danger' : '' }}">
                                <td>
                                    <strong>{{ $courrier->objet }}</strong>
                                    @if($courrier->reference)
                                    <br>
                                    <small class="text-muted">Ref: {{ $courrier->reference }}</small>
                                    @endif
                                </td>
                                <td><span class="badge bg-secondary">{{ $courrier->type }}</span></td>
                                <td>
                                    <span class="badge
                                        @if($courrier->statut === 'Nouveau') bg-warning
                                        @elseif($courrier->statut === 'Affecté') bg-info
                                        @elseif($courrier->statut === 'En traitement') bg-primary
                                        @elseif($courrier->statut === 'Traité') bg-success
                                        @elseif($courrier->statut === 'En souffrance') bg-danger
                                        @endif">
                                        {{ $courrier->statut }}
                                    </span>
                                </td>
                                <td>{{ optional($courrier->date_reception)->format('d/m/Y') ?? '—' }}</td>
                                <td>
                                    @php
                                    $dateLimite = $courrier->date_limite
                                    ? \Carbon\Carbon::parse($courrier->date_limite)
                                    : null;
                                    @endphp

                                    @if($dateLimite)
                                    <span class="{{ $dateLimite->isPast() && $courrier->statut !== 'Traité' ? 'text-danger fw-bold' : '' }}">
                                        {{ $dateLimite->format('d/m/Y') }}
                                    </span>
                                    @else
                                    <span class="text-muted">Non définie</span>
                                    @endif

                                </td>
                                <td>
                                    @if($courrier->agentsTraitants->isNotEmpty())
                                    <span class="me-2">{{ $courrier->agentsTraitants->first()->name }}</span>
                                    <button type="button"
                                        class="btn btn-sm btn-outline-primary p-1"
                                        data-bs-toggle="modal"
                                        data-bs-target="#agentsModal{{ $courrier->id }}"
                                        title="Voir tous les agents">
                                        <i class="mdi mdi-eye"></i>
                                        <span class="badge bg-danger ms-1">{{ $courrier->agentsTraitants->count() }}</span>
                                    </button>
                                    @else
                                    <span class="text-muted">Non assigné</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <!-- Voir -->
                                        <a href="{{ route('courrier.show', $courrier) }}"
                                            class="btn btn-sm btn-outline-primary" title="Voir">
                                            <i class="mdi mdi-eye"></i>
                                        </a>

                                        <!-- Modifier (admins uniquement) -->
                                        @if(auth()->user()->role->nom === 'Administrateur')
                                        <a href="{{ route('courrier.edit', $courrier) }}"
                                            class="btn btn-sm btn-outline-secondary" title="Modifier">
                                            <i class="mdi mdi-pencil"></i>
                                        </a>
                                        @endif

                                        <!-- Relance courrier départ (admin uniquement) -->
                                        @if(
                                        $courrier->type === 'DEPART'
                                        && $courrier->statut !== 'Traité'
                                        && auth()->user()->role->nom === 'Administrateur'
                                        )
                                        <a href="{{ route('courrier.actions', $courrier) }}"
                                            class="btn btn-sm btn-outline-success"
                                            title="Relancer le courrier">
                                            <i class="mdi mdi-clipboard-check-outline"></i>
                                        </a>
                                        @endif

                                        {{-- Bouton traitement dynamique pour agents/admins --}}
                                        @php
                                        $canTraiter = in_array(auth()->user()->role->nom, ['Agent', 'Administrateur', 'Chef de Service', 'Responsable RH']);
                                        @endphp

                                        @if($canTraiter)
                                        @if(in_array($courrier->statut, ['Affecté', 'En traitement']))
                                        <!-- Bouton pour ouvrir le modal -->
                                        <button type="button" class="btn btn-sm btn-outline-success"
                                            data-bs-toggle="modal"
                                            data-bs-target="#terminerModal{{ $courrier->id }}"
                                            title="Marquer comme traité">
                                            <i class="mdi mdi-check-circle-outline"></i> Terminer
                                        </button>

                                        <!-- Modal -->
                                        <div class="modal fade" id="terminerModal{{ $courrier->id }}" tabindex="-1"
                                            aria-labelledby="terminerModalLabel{{ $courrier->id }}" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <form method="POST" action="{{ route('courrier.done', $courrier) }}" enctype="multipart/form-data">
                                                    @csrf
                                                    @method('PATCH')
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="terminerModalLabel{{ $courrier->id }}">
                                                                Terminer le courrier
                                                            </h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="mb-3">
                                                                <label for="action_satisfaite{{ $courrier->id }}" class="form-label">
                                                                    Message / Action satisfaite (optionnel)
                                                                </label>
                                                                <textarea name="action_satisfaite"
                                                                    id="action_satisfaite{{ $courrier->id }}"
                                                                    class="form-control" rows="3"
                                                                    placeholder="Décrivez l'action effectuée"></textarea>
                                                            </div>
                                                            <div class="mb-3">
                                                                <label for="file_path{{ $courrier->id }}" class="form-label">Fichier (optionnel)</label>
                                                                <input type="file" name="file_path"
                                                                    id="file_path{{ $courrier->id }}"
                                                                    class="form-control" accept=".pdf,.jpg,.png">
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                                                            <button type="submit" class="btn btn-success">Terminer</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        @elseif($courrier->statut === 'Traité')
                                        <!-- Statut déjà traité -->
                                        <span class="badge bg-success">Traité</span>
                                        @endif
                                        @endif
                                    </div>
                                </td>

                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                {{-- Pagination avec maintien des filtres --}}
                <x-pagination :paginator="$courriers->appends(request()->query())" />
                @else
                <div class="text-center py-5">
                    <i class="mdi mdi-email-outline fs-1 text-muted"></i>
                    <h5 class="mt-3">Aucun courrier</h5>
                    <p class="text-muted">Il n'y a encore aucun courrier enregistré.</p>
                    <a href="{{ route('courrier.create') }}" class="btn btn-primary">
                        <i class="mdi mdi-plus"></i> Créer le premier courrier
                    </a>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Modals des agents --}}
@foreach ($courriers as $courrier)
@if($courrier->agentsTraitants->isNotEmpty())
<div class="modal fade" id="agentsModal{{ $courrier->id }}" tabindex="-1" aria-labelledby="agentsModalLabel{{ $courrier->id }}" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="agentsModalLabel{{ $courrier->id }}">
                    Agents Affectés pour le courrier : <strong>{{ $courrier->objet }}</strong>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <h6 class="mb-3">Liste des agents :</h6>
                <ul class="list-group">
                    @foreach ($courrier->agentsTraitants as $agent)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        {{ $agent->name }}
                        <span class="badge bg-info rounded-pill">ID: {{ $agent->id }}</span>
                    </li>
                    @endforeach
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>
@endif
@endforeach
@endsection