@extends('dashboard.layouts.app')

@section('title', 'Détails courrier - UAC eservices')

@section('page-title', 'Détails du courrier')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('courrier.index') }}">Courrier</a></li>
<li class="breadcrumb-item active" aria-current="page">Détails</li>
@endsection

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page 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">{{ $courrier->objet }}</h4>
                        <p class="text-muted">Détails du courrier</p>
                    </div>
                    <div>
                        @if(in_array(auth()->user()->role->nom, ['Administrateur', 'Chef de Service', 'Responsable RH']))
                        <a href="{{ route('courrier.edit', $courrier) }}" class="btn btn-primary">
                            <i class="mdi mdi-pencil"></i> Modifier
                        </a>
                        @endif
                        <a href="{{ route('courrier.index') }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Retour
                        </a>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-8">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title">Informations générales</h5>

                                <div class="row mb-3">
                                    <div class="col-sm-6">
                                        <strong>Objet:</strong>
                                        <p>{{ $courrier->objet }}</p>
                                    </div>
                                    <div class="col-sm-6">
                                        <strong>Référence:</strong>
                                        <p>{{ $courrier->reference ?: 'Non spécifiée' }}</p>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-sm-6">
                                        <strong>Type:</strong>
                                        <p>
                                            @if($courrier->type === 'DA')
                                            DA (Demande d'Autorisation)
                                            @elseif($courrier->type === 'MI')
                                            MI (Mise en Information)
                                            @else
                                            {{ $courrier->type }}
                                            @endif
                                        </p>
                                    </div>
                                    <div class="col-sm-6">
                                        <strong>Statut:</strong>
                                        <p>
                                            <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>
                                        </p>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-sm-6">
                                        <strong>Date de réception:</strong>
                                        <p>{{ $courrier->date_reception->format('d/m/Y') }}</p>
                                    </div>
                                    <div class="col-sm-6">
                                        <strong>Délai de traitement:</strong>
                                        <p>{{ $courrier->delai_traitement_jours ?: 'Non défini' }} jour(s)</p>
                                    </div>
                                </div>

                                @if($courrier->date_limite)
                                <div class="row mb-3">
                                    <div class="col-sm-6">
                                        <strong>Date limite:</strong>
                                        <p class="{{ $courrier->date_limite->isPast() && $courrier->statut !== 'Traité' ? 'text-danger fw-bold' : '' }}">
                                            {{ $courrier->date_limite->format('d/m/Y') }}
                                        </p>
                                    </div>
                                    @if($courrier->date_traitement_final)
                                    <div class="col-sm-6">
                                        <strong>Date de traitement final:</strong>
                                        <p>{{ $courrier->date_traitement_final->format('d/m/Y') }}</p>
                                    </div>
                                    @endif
                                </div>
                                @endif

                                <div class="row mb-3">
                                    <div class="col-sm-6">
                                        <strong>Affecté par:</strong>
                                        <p>{{ $courrier->affectateur ? $courrier->affectateur->name : 'Non spécifié' }}</p>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mb-4">
                                            <label class="form-label">Agents Traitants Affectés :</label>
                                            @forelse ($courrier->agentsTraitants as $agent)
                                            <span class="badge bg-primary me-2">{{ $agent->name }}</span>
                                            @empty
                                            <p class="text-muted">Ce courrier n'est affecté à aucun agent pour l'instant.</p>
                                            @endforelse
                                        </div>
                                    </div>
                                </div>


                                {{-- Instructions / Actions prescrites --}}
                                @if($courrier->type === 'ARRIVEE')
                                <div class="row mb-3">
                                    <div class="col-sm-12">
                                        <strong>Instructions / Actions prescrites :</strong>

                                        @php
                                        $instructions = $courrier->instructions ?? [];
                                        @endphp

                                        @if(!empty($courrier->instructions))
                                        @foreach($courrier->instructions as $instr)
                                        <span class="badge bg-info me-2">{{ $instr }}</span>
                                        @endforeach
                                        @else
                                        <p class="text-muted">Aucune instruction définie pour ce courrier.</p>
                                        @endif

                                    </div>
                                </div>
                                @endif

                            </div>
                        </div>

                        @if($courrier->file_path)
                        <div class="card mt-3">
                            <div class="card-body">
                                <h5 class="card-title">Document du courrier</h5>

                                <div class="d-flex align-items-center gap-3">
                                    <div class="flex-grow-1">
                                        <p class="mb-1"><strong>Fichier:</strong> {{ basename($courrier->file_path) }}</p>
                                        <small class="text-muted">Cliquez sur les boutons pour prévisualiser ou télécharger</small>
                                    </div>
                                    <div class="d-flex gap-2">
                                        @php
                                        $extension = strtolower(pathinfo($courrier->file_path, PATHINFO_EXTENSION));
                                        $isImage = in_array($extension, ['jpg', 'jpeg', 'png']);
                                        $isPdf = $extension === 'pdf';
                                        @endphp

                                        @if($isImage || $isPdf)
                                        <button type="button" class="btn btn-outline-info btn-sm" data-bs-toggle="modal" data-bs-target="#previewModal">
                                            <i class="mdi mdi-eye"></i> Prévisualiser
                                        </button>
                                        @endif

                                        <a href="{{ Storage::url($courrier->file_path) }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                            <i class="mdi mdi-download"></i> Télécharger
                                        </a>

                                        @if(in_array(auth()->user()->role->nom, ['Administrateur', 'Chef de Service', 'Responsable RH']))
                                        <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#deleteFileModal">
                                            <i class="mdi mdi-delete"></i> Supprimer
                                        </button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title">État d'avancement</h5>

                                @if($courrier->delai_traitement_jours && $courrier->date_reception)
                                @php
                                $joursEcoules = (int) $courrier->date_reception->diffInDays(now());
                                $pourcentage = min(100, ($joursEcoules / $courrier->delai_traitement_jours) * 100);
                                $statutCouleur = $pourcentage > 100 ? 'danger' : ($pourcentage > 75 ? 'warning' : 'success');
                                @endphp

                                <div class="text-center mb-3">
                                    <div class="progress-circle" style="position: relative; width: 120px; height: 120px; margin: 0 auto;">
                                        <svg width="120" height="120" viewBox="0 0 120 120">
                                            <circle cx="60" cy="60" r="50" stroke="#e9ecef" stroke-width="10" fill="none" />
                                            <circle cx="60" cy="60" r="50" stroke="#{{ $statutCouleur === 'danger' ? 'dc3545' : ($statutCouleur === 'warning' ? 'ffc107' : '28a745') }}" stroke-width="10" fill="none"
                                                stroke-dasharray="{{ 2 * 3.14159 * 50 }}"
                                                stroke-dashoffset="{{ 2 * 3.14159 * 50 * (1 - $pourcentage / 100) }}"
                                                transform="rotate(-90 60 60)" />
                                        </svg>
                                        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                                            <div class="h4 mb-0">{{ round($pourcentage) }}%</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="text-center">
                                    <small class="text-muted">{{ $joursEcoules }} jour(s) écoulé(s) sur {{ $courrier->delai_traitement_jours }}</small>
                                </div>
                                @else
                                <div class="text-center py-4">
                                    <i class="mdi mdi-timer-sand-empty fs-1 text-muted"></i>
                                    <p class="text-muted mt-2">Aucun délai défini</p>
                                </div>
                                @endif
                            </div>
                        </div>
                        @php
                        $isAgentTraitant = $courrier->agentsTraitants->contains('id', auth()->id());
                        @endphp


                        @if(auth()->user()->role->nom === 'Agent' && $isAgentTraitant)
                        <div class="card mt-3">
                            <div class="card-body">
                                <h6 class="card-title">Actions sur le courrier</h6>

                                <!-- {{-- Démarrer le traitement --}}
                                @if($courrier->statut === 'Affecté')
                                <form method="POST" action="{{ route('courrier.start', $courrier) }}">
                                    @csrf
                                    @method('PATCH')
                                    <button class="btn btn-primary w-100 mb-2">
                                        <i class="mdi mdi-play-circle-outline"></i>
                                        Démarrer le traitement
                                    </button>
                                </form>
                                @endif -->

                                {{-- Marquer comme traité --}}
                                @if($courrier->statut === 'En traitement')
                                <form method="POST" action="{{ route('courrier.done', $courrier) }}">
                                    @csrf
                                    @method('PATCH')
                                    <button class="btn btn-success w-100">
                                        <i class="mdi mdi-check-circle-outline"></i>
                                        Marquer comme traité
                                    </button>
                                </form>
                                @endif

                                {{-- Déjà traité --}}
                                @if($courrier->statut === 'Traité')
                                <div class="alert alert-success text-center mb-0">
                                    <i class="mdi mdi-check-all"></i>
                                    Courrier déjà traité
                                </div>
                                @endif
                            </div>
                        </div>
                        @endif

                        @if(in_array(auth()->user()->role->nom, ['Administrateur', 'Chef de Service', 'Responsable RH']))
                        <div class="card mt-3">
                            <div class="card-body">
                                <h6 class="card-title">Actions</h6>
                                    <a href="{{ route('courrier.edit', $courrier) }}" class="btn btn-outline-primary">
                                        <i class="mdi mdi-pencil"></i> Modifier
                                    </a>
                                    <form action="{{ route('courrier.destroy', $courrier) }}" method="POST" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce courrier ?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-outline-danger w-100">
                                            <i class="mdi mdi-delete"></i> Supprimer
                                        </button>
                                    </form>
                                    @if($courrier->type === 'DEPART' && auth()->user()->role->nom === 'Administrateur')
                                    <a href="{{ route('courrier.actions', $courrier) }}"
                                        class="btn btn-sm btn-outline-success"
                                        title="Relance courrier départ">Relancer
                                        <i class="mdi mdi-clipboard-check-outline"></i>
                                    </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>

                </div>
            </div>
        </div>
    </div>
                                <div class="d-grid gap-2">
</div>
<!-- -------------------------------------------------------------- -->
<!-- End Page Content -->
<!-- -------------------------------------------------------------- -->
@endsection

@if($courrier->file_path)
@php
$extension = strtolower(pathinfo($courrier->file_path, PATHINFO_EXTENSION));
$isImage = in_array($extension, ['jpg', 'jpeg', 'png']);
$isPdf = $extension === 'pdf';
@endphp

@if($isImage || $isPdf)
<!-- Modal de prévisualisation -->
<div class="modal fade" id="previewModal" tabindex="-1" aria-labelledby="previewModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="previewModalLabel">Prévisualisation du document</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body text-center">
                @if($isImage)
                <img src="{{ Storage::url($courrier->file_path) }}" alt="Document du courrier" class="img-fluid" style="max-height: 70vh;">
                @elseif($isPdf)
                <iframe src="{{ Storage::url($courrier->file_path) }}" width="100%" height="600px" style="border: none;">
                    <p>Votre navigateur ne supporte pas l'affichage des PDF.
                        <a href="{{ Storage::url($courrier->file_path) }}" target="_blank">Cliquez ici pour télécharger le fichier</a>
                    </p>
                </iframe>
                @endif
            </div>
            <div class="modal-footer">
                <a href="{{ Storage::url($courrier->file_path) }}" target="_blank" class="btn btn-primary">
                    <i class="mdi mdi-download"></i> Télécharger
                </a>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>
@endif

<!-- Modal de suppression du fichier -->
<div class="modal fade" id="deleteFileModal" tabindex="-1" aria-labelledby="deleteFileModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteFileModalLabel">Supprimer le document</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Êtes-vous sûr de vouloir supprimer le document <strong>{{ basename($courrier->file_path) }}</strong> ?</p>
                <p class="text-muted">Cette action est irréversible. Le document sera définitivement supprimé du courrier.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <form action="{{ route('courrier.delete-file', $courrier) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">
                        <i class="mdi mdi-delete"></i> Supprimer définitivement
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endif

@push('styles')
<style>
    .progress-circle circle {
        transition: stroke-dashoffset 0.5s ease;
    }
</style>
@endpush