@extends('dashboard.layouts.app')

@section('title', 'Détails de la Plainte - UAC eservices')

@section('page-title', 'Détails de la Plainte')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('user.plaintes.affectees') }}">Mes plaintes affectées</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $plainte->code_suivi }}</li>
@endsection

@section('content')
<div class="row">
    <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">Plainte {{ $plainte->code_suivi }}</h4>
                    <small class="text-muted">Soumise le {{ $plainte->created_at->format('d/m/Y à H:i') }}</small>
                </div>
                <div>
                    <a href="{{ route('user.plaintes.edit', $plainte) }}" class="btn btn-primary">
                        <i class="mdi mdi-pencil"></i> Modifier le statut
                    </a>
                    <a href="{{ route('user.plaintes.affectees') }}" class="btn btn-secondary ms-2">
                        <i class="mdi mdi-arrow-left"></i> Retour à mes plaintes
                    </a>
                </div>
            </div>
            <div class="card-body">

                <!-- Informations générales -->
                <div class="row mb-4">
                    <div class="col-md-6">
                        <div class="card border">
                            <div class="card-header bg-light">
                                <h5 class="mb-0">Informations générales</h5>
                            </div>
                            <div class="card-body">
                                <dl class="row">
                                    <dt class="col-sm-5">Code de suivi:</dt>
                                    <dd class="col-sm-7"><code>{{ $plainte->code_suivi }}</code></dd>

                                    <dt class="col-sm-5">Personne impliquée:</dt>
                                    <dd class="col-sm-7">{{ $plainte->personne_impliquee }}</dd>

                                    <dt class="col-sm-5">Poste:</dt>
                                    <dd class="col-sm-7">
                                        @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">Non spécifié</span>
                                        @endif
                                    </dd>

                                    @if($plainte->poste !== 'vice_recteur_affaires_academiques')
                                    <dt class="col-sm-5">Organisme concerné:</dt>
                                    <dd class="col-sm-7">
                                        @if($plainte->categorie === 'unites_formation_recherche')
                                            Unités de formation et de recherche
                                        @elseif($plainte->categorie === 'ecoles_doctorales')
                                            Écoles doctorales
                                        @endif
                                        @if($plainte->centre)
                                            <br><small class="text-muted">{{ \App\Models\Plainte::getCentres()[$plainte->centre] ?? $plainte->centre }}</small>
                                        @endif
                                        @if($plainte->organisme_specifique)
                                            <br><small class="text-muted">{{ $plainte->organisme_specifique }}</small>
                                        @endif
                                    </dd>
                                    @endif

                                    <dt class="col-sm-5">Statut:</dt>
                                    <dd class="col-sm-7">
                                        <span class="badge {{ $plainte->getStatutBadgeClass() }}">
                                            {{ $statuts[$plainte->statut] }}
                                        </span>
                                    </dd>

                                    <dt class="col-sm-5">Date de soumission:</dt>
                                    <dd class="col-sm-7">{{ $plainte->created_at->format('d/m/Y H:i') }}</dd>

                                    @if($plainte->date_traitement)
                                    <dt class="col-sm-5">Date de traitement:</dt>
                                    <dd class="col-sm-7">{{ $plainte->date_traitement->format('d/m/Y H:i') }}</dd>
                                    @endif

                                    <dt class="col-sm-5">Déjà porté plainte:</dt>
                                    <dd class="col-sm-7">
                                        <span class="badge {{ $plainte->deja_porte_plainte ? 'bg-warning' : 'bg-success' }}">
                                            {{ $plainte->deja_porte_plainte ? 'Oui' : 'Non' }}
                                        </span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card border">
                            <div class="card-header bg-light">
                                <h5 class="mb-0">Document joint</h5>
                            </div>
                            <div class="card-body">
                                @if($plainte->document_path)
                                    <div class="d-flex align-items-center">
                                        <i class="mdi mdi-file-document mdi-24px text-primary me-3"></i>
                                        <div>
                                            <p class="mb-2">Document attaché</p>
                                            <div class="btn-group" role="group">
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-info"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#documentModal">
                                                    <i class="mdi mdi-eye"></i> Visualiser
                                                </button>
                                                <a href="{{ route('user.plaintes.download-document', $plainte) }}"
                                                    class="btn btn-sm btn-outline-primary">
                                                    <i class="mdi mdi-download"></i> Télécharger
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="text-center text-muted py-3">
                                        <i class="mdi mdi-file-hidden mdi-24px"></i>
                                        <p class="mb-0 mt-2">Aucun document joint</p>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Description de la plainte -->
                <div class="card border mb-4">
                    <div class="card-header bg-light">
                        <h5 class="mb-0">Description de la plainte</h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-0">{{ $plainte->description }}</p>
                    </div>
                </div>

                @if($plainte->commentaire_admin || $plainte->commentaireDocuments->count() > 0)
                <div class="card border mb-4">
                    <div class="card-header bg-info">
                        <h5 class="mb-0 text-white">Commentaire de l'administration</h5>
                    </div>
                    <div class="card-body">
                        @if($plainte->commentaire_admin)
                            <p class="mb-3">{{ $plainte->commentaire_admin }}</p>
                        @endif

                        @if($plainte->commentaireDocuments->count() > 0)
                            <div class="border-top pt-3">
                                <h6 class="text-info mb-3">Documents joints :</h6>
                                <div class="row">
                                    @foreach($plainte->commentaireDocuments as $document)
                                    <div class="col-md-6 mb-2">
                                        <div class="d-flex align-items-center p-2 border rounded">
                                            <i class="mdi mdi-file-document mdi-24px text-primary me-3"></i>
                                            <div class="flex-grow-1">
                                                <div class="fw-bold small">{{ $document->original_filename }}</div>
                                                <div class="text-muted small">{{ $document->getFormattedFileSize() }}</div>
                                                <div class="text-muted small">
                                                    Par {{ $document->user->name }} le {{ $document->created_at->format('d/m/Y H:i') }}
                                                </div>
                                            </div>
                                            <div class="d-flex gap-1">
                                                <a href="{{ $document->getDownloadUrl() }}"
                                                    class="btn btn-sm btn-outline-primary"
                                                    target="_blank"
                                                    title="Télécharger">
                                                    <i class="mdi mdi-download"></i>
                                                </a>
                                                <form method="POST" action="{{ route('user.plaintes.delete-commentaire-document', $document) }}"
                                                      class="d-inline"
                                                      onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce document ? Cette action est irréversible.')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-outline-danger"
                                                            title="Supprimer le document">
                                                        <i class="mdi mdi-delete"></i>
                                                    </button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                @endif

                <!-- Autres utilisateurs affectés -->
                <div class="card border mb-4">
                    <div class="card-header bg-warning">
                        <h5 class="mb-0 text-white">
                            <i class="mdi mdi-account-multiple me-2"></i>
                            Équipe de traitement
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($plainte->assignedUsers->count() > 0)
                            <div class="row">
                                @foreach($plainte->assignedUsers as $user)
                                <div class="col-md-6 mb-3">
                                    <div class="card border">
                                        <div class="card-body d-flex justify-content-between align-items-center">
                                            <div>
                                                <h6 class="mb-1">{{ $user->name }}</h6>
                                                <small class="text-muted">{{ $user->email }}</small>
                                                @if($user->pivot->notes)
                                                    <br><small class="text-info">{{ $user->pivot->notes }}</small>
                                                @endif
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">
                                                    Affecté le {{ \Carbon\Carbon::parse($user->pivot->assigned_at)->format('d/m/Y') }}
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-4">
                                <i class="mdi mdi-account-multiple-outline mdi-48px text-muted mb-3"></i>
                                <p class="text-muted">Aucun utilisateur affecté à cette plainte</p>
                            </div>
                        @endif
                    </div>
                </div>

                <!-- Actions -->
                <div class="d-flex justify-content-between">
                    <a href="{{ route('user.plaintes.affectees') }}" class="btn btn-secondary">
                        <i class="mdi mdi-arrow-left"></i> Retour à mes plaintes
                    </a>

                    <div>
                        @if($plainte->peutEtreModifiee())
                        <a href="{{ route('user.plaintes.edit', $plainte) }}" class="btn btn-primary">
                            <i class="mdi mdi-pencil"></i> Modifier le statut
                        </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal pour visualiser le document -->
@if($plainte->document_path)
<div class="modal fade" id="documentModal" tabindex="-1" aria-labelledby="documentModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="documentModalLabel">
                    <i class="mdi mdi-file-document me-2"></i>
                    Document joint - {{ $plainte->code_suivi }}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @php
                    $extension = strtolower(pathinfo($plainte->document_path, PATHINFO_EXTENSION));
                    $isImage = in_array($extension, ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']);
                    $isPdf = $extension === 'pdf';
                @endphp

                @if($isImage)
                    <div class="text-center">
                        <img src="{{ Storage::url($plainte->document_path) }}"
                            alt="Document joint"
                            class="img-fluid rounded shadow"
                            style="max-height: 70vh;">
                    </div>
                @elseif($isPdf)
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="{{ Storage::url($plainte->document_path) }}"
                                class="embed-responsive-item w-100"
                                style="height: 70vh; border: none;"
                                allowfullscreen>
                            <p>Votre navigateur ne supporte pas l'affichage de PDF.
                                <a href="{{ route('user.plaintes.download-document', $plainte) }}" target="_blank">
                                    Cliquez ici pour télécharger le document
                                </a>
                            </p>
                        </iframe>
                    </div>
                @else
                    <div class="text-center py-5">
                        <i class="mdi mdi-file-document mdi-48px text-muted mb-3"></i>
                        <h5 class="text-muted">Aperçu non disponible</h5>
                        <p class="text-muted mb-4">
                            Ce type de fichier ({{ strtoupper($extension) }}) ne peut pas être visualisé directement dans le navigateur.
                        </p>
                        <a href="{{ route('user.plaintes.download-document', $plainte) }}"
                            class="btn btn-primary"
                            target="_blank">
                            <i class="mdi mdi-download me-2"></i>
                            Télécharger le document
                        </a>
                    </div>
                @endif
            </div>
            <div class="modal-footer">
                <a href="{{ route('user.plaintes.download-document', $plainte) }}"
                    class="btn btn-primary"
                    target="_blank">
                    <i class="mdi mdi-download me-2"></i>
                    Télécharger
                </a>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="mdi mdi-close me-2"></i>
                    Fermer
                </button>
            </div>
        </div>
    </div>
</div>
@endif
@endsection