@extends('dashboard.layouts.app')

@section('title', 'Détails du ticket #' . $ticket->id . ' - UAC eservices')

@section('page-title', 'Ticket de Support #' . $ticket->id)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.support.index') }}">Support</a></li>
    <li class="breadcrumb-item active" aria-current="page">Ticket #{{ $ticket->id }}</li>
@endsection

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Détails du ticket</h4>

                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Visiteur :</strong> {{ $ticket->visiteur_nom }}</p>
                        <p><strong>Email :</strong> {{ $ticket->visiteur_email }}</p>
                        @if($ticket->whatsapp_number)
                            <p><strong>WhatsApp :</strong> <span class="text-success"><i class="fab fa-whatsapp"></i> {{ $ticket->whatsapp_number }}</span></p>
                        @endif
                        <p><strong>Sujet :</strong> {{ $ticket->sujet }}</p>

                        <!-- Informations complémentaires -->
                        @if($ticket->personne_impliquee || $ticket->poste || $ticket->centre || $ticket->organisme_specifique)
                            <hr>
                            <h6>Informations complémentaires :</h6>
                            @if($ticket->personne_impliquee)
                                <p><strong>Personne impliquée :</strong> {{ $ticket->personne_impliquee }}</p>
                            @endif
                            @if($ticket->poste)
                                <p><strong>Poste :</strong> {{ $ticket->poste }}</p>
                            @endif
                            @if($ticket->centre)
                                <p><strong>Centre universitaire :</strong> {{ \App\Models\Plainte::getCentres()[$ticket->centre] ?? $ticket->centre }}</p>
                            @endif
                            @if($ticket->organisme_specifique)
                                <p><strong>Organisme spécifique :</strong> {{ $ticket->organisme_specifique }}</p>
                            @endif
                        @endif

                        @if($ticket->file_path)
                            <p><strong>Pièce jointe :</strong>
                                <a href="{{ Storage::url($ticket->file_path) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-download"></i> Télécharger
                                </a>
                            </p>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <p><strong>Priorité :</strong>
                            @if($ticket->priorite == 'Haute')
                                <span class="badge bg-danger">Haute</span>
                            @elseif($ticket->priorite == 'Moyenne')
                                <span class="badge bg-warning">Moyenne</span>
                            @else
                                <span class="badge bg-success">Basse</span>
                            @endif
                        </p>
                        <p><strong>Statut :</strong>
                            @if($ticket->statut == 'Ouvert')
                                <span class="badge bg-primary">Ouvert</span>
                            @elseif($ticket->statut == 'En cours')
                                <span class="badge bg-info">En cours</span>
                            @else
                                <span class="badge bg-success">Fermé</span>
                            @endif
                        </p>
                        <p><strong>Agent assigné :</strong> {{ $ticket->agentAssigne ? $ticket->agentAssigne->name : 'Non assigné' }}</p>
                    </div>
                </div>

                <hr>

                <h5>Description du problème :</h5>
                <p>{{ $ticket->probleme }}</p>

                <hr>

                {{-- <h5>Historique des messages</h5>
                @forelse($ticket->messages as $message)
                    <div class="message-item mb-3 p-3 border rounded {{ $message->emetteur_type == 'agent' ? 'bg-light' : 'bg-white' }}">
                        <div class="d-flex justify-content-between align-items-start">
                            <div class="flex-grow-1">
                                <div class="d-flex align-items-center mb-2">
                                    <strong class="me-2">
                                        @if($message->emetteur_type == 'agent')
                                            <i class="fas fa-user-tie text-primary me-1"></i>
                                            {{ $message->agent ? $message->agent->name : 'Agent' }}
                                            @if($message->agent)
                                                <small class="text-muted">({{ $message->agent->role->nom }})</small>
                                            @endif
                                        @else
                                            <i class="fas fa-user text-secondary me-1"></i>
                                            {{ $ticket->visiteur_nom }} (Visiteur)
                                        @endif
                                    </strong>
                                    <small class="text-muted">{{ $message->created_at->format('d/m/Y H:i') }}</small>
                                </div>
                                <div class="message-content">
                                    {{ $message->contenu }}
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="text-center py-4">
                        <i class="fas fa-comments fa-2x text-muted mb-3"></i>
                        <p class="text-muted mb-0">
                            @if($ticket->statut == 'Fermé')
                                Aucun message n'a été échangé avant la fermeture du ticket.
                            @else
                                Aucun message pour le moment.
                            @endif
                        </p>
                    </div>
                @endforelse --}}
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Actions</h4>

                @if($ticket->statut == 'Ouvert')
                    <!-- Bouton pour s'auto-assigner -->
                    @if(auth()->user()->role->nom === 'Administrateur')
                        <form method="POST" action="{{ route('admin.support.assign', $ticket) }}" class="mb-3">
                            @csrf
                            <input type="hidden" name="agent_id" value="{{ auth()->id() }}">
                            <button type="submit" class="btn btn-success btn-lg w-100">
                                <i class="mdi mdi-account-check"></i> Me l'assigner et commencer le traitement
                            </button>
                        </form>
                    @endif
                    <!-- Option d'assignation à un autre agent (seulement pour les administrateurs) -->
                    @if(auth()->user()->role->nom === 'Administrateur')
                        <hr>
                        <h6>Ou assigner à un autre agent :</h6>
                        <form method="POST" action="{{ route('admin.support.assign', $ticket) }}">
                            @csrf
                            <div class="mb-3">
                                <label for="agent_id" class="form-label">Assigner à un agent</label>
                                <select class="form-select" id="agent_id" name="agent_id" required>
                                    <option value="">Sélectionner un agent</option>
                                    @foreach(\App\Models\User::whereHas('role', function($query) {
                                        $query->whereIn('nom', ['Administrateur', 'Agent']);
                                    })->where('id', '!=', auth()->id())->get() as $user)
                                        <option value="{{ $user->id }}" {{ old('agent_id') == $user->id ? 'selected' : '' }}>
                                            {{ $user->name }} ({{ $user->role->nom }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Assigner et notifier l'utilisateur</button>
                        </form>
                    @endif
                @elseif($ticket->statut == 'En cours')
                    <div class="d-flex flex-column gap-2">
                        <p class="text-success mb-2">Ce ticket est en cours de traitement.</p>

                        @if($ticket->agentAssigne && (auth()->user()->role->nom === 'Administrateur' || $ticket->agent_assigne_id === auth()->id()))
                            <a href="{{ route('support.chat', ['token' => $ticket->visiteur_token]) }}" class="btn btn-info w-100" target="_blank">
                                <i class="mdi mdi-chat"></i> Accéder au chat
                            </a>

                            <form method="POST" action="{{ route('admin.support.close', $ticket) }}"
                                onsubmit="return confirm('Êtes-vous sûr de vouloir fermer ce ticket ? Il ne sera plus accessible.')">
                                @csrf
                                @method('PATCH')
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="mdi mdi-check-circle"></i> Fermer le ticket
                                </button>
                            </form>
                        @endif
                    </div>
                @else
                    <div class="d-flex flex-column gap-2">
                        <div class="alert alert-info">
                            <i class="mdi mdi-information"></i>
                            Ce ticket a été fermé et n'est plus accessible.
                        </div>

                        @if(auth()->user()->role->nom === 'Administrateur' || $ticket->agent_assigne_id === auth()->id())
                            <a href="{{ route('support.chat', ['token' => $ticket->visiteur_token]) }}" class="btn btn-secondary w-100" target="_blank">
                                <i class="fas fa-history"></i> Consulter l'historique du chat
                            </a>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection