@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">
        <i class="fas fa-ticket-alt me-2"></i>
        Ticket de consultation #{{ $ticket->id }}
        <span class="badge {{ $ticket->status === 'en_attente' ? 'bg-warning text-dark' : ($ticket->status === 'en_cours' ? 'bg-info' : 'bg-success') }} ms-2">
            {{ ucfirst(str_replace('_', ' ', $ticket->status)) }}
        </span>
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            @if($ticket->status === 'en_attente')
                <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST" class="d-inline">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="status" value="en_cours">
                    <button type="submit" class="btn btn-info">
                        <i class="fas fa-play me-1"></i>
                        Démarrer consultation
                    </button>
                </form>
            @endif
            
            @if($ticket->status === 'en_cours')
                <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST" class="d-inline">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="status" value="termine">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-check me-1"></i>
                        Terminer consultation
                    </button>
                </form>
            @endif
        </div>
        <a href="{{ route('consultation-tickets.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Retour à la liste
        </a>
    </div>
</div>

<div class="row">
    <!-- Informations du patient -->
    <div class="col-md-6">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">
                    <i class="fas fa-user me-2"></i>
                    Informations du patient
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-4"><strong>Nom complet :</strong></div>
                    <div class="col-sm-8">{{ $ticket->patient->first_name }} {{ $ticket->patient->last_name }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Date de naissance :</strong></div>
                    <div class="col-sm-8">{{ \Carbon\Carbon::parse($ticket->patient->date_of_birth)->format('d/m/Y') }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Âge :</strong></div>
                    <div class="col-sm-8">{{ \Carbon\Carbon::parse($ticket->patient->date_of_birth)->age }} ans</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Sexe :</strong></div>
                    <div class="col-sm-8">{{ $ticket->patient->gender === 'M' ? 'Masculin' : 'Féminin' }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Téléphone :</strong></div>
                    <div class="col-sm-8">{{ $ticket->patient->phone ?? 'Non renseigné' }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Adresse :</strong></div>
                    <div class="col-sm-8">{{ $ticket->patient->address ?? 'Non renseignée' }}</div>
                </div>
                
                <div class="mt-3">
                    <a href="{{ route('patients.show', $ticket->patient) }}" class="btn btn-outline-primary btn-sm">
                        <i class="fas fa-eye me-1"></i>
                        Voir le profil complet
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Informations de la consultation -->
    <div class="col-md-6">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">
                    <i class="fas fa-stethoscope me-2"></i>
                    Détails de la consultation
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-4"><strong>Médecin :</strong></div>
                    <div class="col-sm-8">Dr. {{ $ticket->doctor->first_name }} {{ $ticket->doctor->last_name }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Spécialité :</strong></div>
                    <div class="col-sm-8">{{ $ticket->doctor->specialty }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Centre de santé :</strong></div>
                    <div class="col-sm-8">{{ $ticket->healthCenter->name }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Date création :</strong></div>
                    <div class="col-sm-8">{{ $ticket->created_at->format('d/m/Y à H:i') }}</div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Type consultation :</strong></div>
                    <div class="col-sm-8">{{ ucfirst($ticket->consultation_type) }}</div>
                </div>
                
                @if($ticket->priority !== 'normale')
                <hr>
                <div class="row">
                    <div class="col-sm-4"><strong>Priorité :</strong></div>
                    <div class="col-sm-8">
                        <span class="badge {{ $ticket->priority === 'urgente' ? 'bg-danger' : 'bg-warning text-dark' }}">
                            {{ ucfirst($ticket->priority) }}
                        </span>
                    </div>
                </div>
                @endif

                @if($ticket->symptoms)
                <hr>
                <div class="row">
                    <div class="col-sm-12">
                        <strong>Symptômes rapportés :</strong>
                        <p class="mt-2 text-muted">{{ $ticket->symptoms }}</p>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Temps d'attente -->
<div class="row">
    <div class="col-12">
        <div class="card shadow-sm mb-4">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-clock me-2"></i>
                    Suivi temporel
                </h5>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-md-3">
                        <div class="border rounded p-3">
                            <h6 class="text-muted">Ticket créé</h6>
                            <p class="mb-0">{{ $ticket->created_at->format('d/m/Y') }}</p>
                            <small class="text-muted">{{ $ticket->created_at->format('H:i') }}</small>
                        </div>
                    </div>
                    
                    @if($ticket->status !== 'en_attente')
                    <div class="col-md-3">
                        <div class="border rounded p-3">
                            <h6 class="text-muted">Consultation démarrée</h6>
                            <p class="mb-0">{{ $ticket->updated_at->format('d/m/Y') }}</p>
                            <small class="text-muted">{{ $ticket->updated_at->format('H:i') }}</small>
                        </div>
                    </div>
                    @endif
                    
                    <div class="col-md-3">
                        <div class="border rounded p-3">
                            <h6 class="text-muted">Temps d'attente</h6>
                            @php
                                $waitTime = $ticket->status === 'en_attente' 
                                    ? $ticket->created_at->diffInMinutes(now())
                                    : $ticket->created_at->diffInMinutes($ticket->updated_at);
                            @endphp
                            <p class="mb-0 {{ $waitTime > 30 ? 'text-warning' : 'text-success' }}">
                                {{ $waitTime }} min
                            </p>
                            <small class="text-muted">
                                @if($waitTime > 60)
                                    ({{ floor($waitTime / 60) }}h {{ $waitTime % 60 }}min)
                                @endif
                            </small>
                        </div>
                    </div>
                    
                    <div class="col-md-3">
                        <div class="border rounded p-3">
                            <h6 class="text-muted">Position dans la file</h6>
                            @php
                                $position = \App\Models\ConsultationTicket::where('doctor_id', $ticket->doctor_id)
                                    ->where('status', 'en_attente')
                                    ->where('created_at', '<', $ticket->created_at)
                                    ->count() + 1;
                            @endphp
                            <p class="mb-0">
                                @if($ticket->status === 'en_attente')
                                    {{ $position }}{{ $position === 1 ? 'er' : 'ème' }}
                                @else
                                    <span class="text-success">Terminé</span>
                                @endif
                            </p>
                            <small class="text-muted">en attente</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Actions rapides -->
@if($ticket->status !== 'termine')
<div class="row">
    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="fas fa-tools me-2"></i>
                    Actions rapides
                </h5>
            </div>
            <div class="card-body">
                <div class="d-flex gap-2 flex-wrap">
                    @if($ticket->status === 'en_attente')
                        <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="status" value="en_cours">
                            <button type="submit" class="btn btn-info">
                                <i class="fas fa-play me-1"></i>
                                Démarrer la consultation
                            </button>
                        </form>
                        
                        <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="priority" value="urgente">
                            <button type="submit" class="btn btn-warning" 
                                    {{ $ticket->priority === 'urgente' ? 'disabled' : '' }}>
                                <i class="fas fa-exclamation-triangle me-1"></i>
                                Marquer comme urgent
                            </button>
                        </form>
                    @endif
                    
                    @if($ticket->status === 'en_cours')
                        <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST" class="d-inline">
                            @csrf
                            @method('PUT')
                            <input type="hidden" name="status" value="termine">
                            <button type="submit" class="btn btn-success">
                                <i class="fas fa-check me-1"></i>
                                Terminer la consultation
                            </button>
                        </form>
                    @endif
                    
                    <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#noteModal">
                        <i class="fas fa-sticky-note me-1"></i>
                        Ajouter une note
                    </button>
                    
                    <a href="{{ route('pharmacy.index') }}" class="btn btn-outline-success">
                        <i class="fas fa-pills me-1"></i>
                        Aller à la pharmacie
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

<!-- Modal pour ajouter une note -->
<div class="modal fade" id="noteModal" tabindex="-1" aria-labelledby="noteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="noteModalLabel">Ajouter une note au dossier</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="notes" class="form-label">Note médicale</label>
                        <textarea class="form-control" id="notes" name="notes" rows="4" 
                                  placeholder="Ajouter des observations, diagnostic, traitement...">{{ $ticket->notes }}</textarea>
                    </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-primary">
                        <i class="fas fa-save me-1"></i>
                        Enregistrer la note
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection