@extends('layouts.app')

@section('title', 'Modifier Ticket #' . $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-edit me-2"></i>
        Modifier Ticket #{{ $ticket->id }}
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ route('consultation-tickets.show', $ticket) }}" class="btn btn-outline-info">
                <i class="fas fa-eye me-1"></i>
                Voir
            </a>
            <a href="{{ route('consultation-tickets.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-1"></i>
                Retour
            </a>
        </div>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-body">
        <form action="{{ route('consultation-tickets.update', $ticket) }}" method="POST">
            @csrf
            @method('PUT')
            
            <div class="row">
                <div class="col-md-6">
                    <h5 class="mb-3">Informations de base</h5>
                    
                    <div class="mb-3">
                        <label for="health_center_id" class="form-label">Centre de santé <span class="text-danger">*</span></label>
                        <select class="form-select @error('health_center_id') is-invalid @enderror" 
                                id="health_center_id" name="health_center_id" required>
                            <option value="">Sélectionner un centre...</option>
                            @foreach($healthCenters as $center)
                                <option value="{{ $center->id }}" 
                                        {{ (old('health_center_id', $ticket->health_center_id) == $center->id) ? 'selected' : '' }}>
                                    {{ $center->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('health_center_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="patient_id" class="form-label">Patient <span class="text-danger">*</span></label>
                        <select class="form-select @error('patient_id') is-invalid @enderror" 
                                id="patient_id" name="patient_id" required>
                            <option value="">Sélectionner un patient...</option>
                            @foreach($patients as $patient)
                                <option value="{{ $patient->id }}" 
                                        {{ (old('patient_id', $ticket->patient_id) == $patient->id) ? 'selected' : '' }}>
                                    {{ $patient->first_name }} {{ $patient->last_name }} 
                                    - {{ \Carbon\Carbon::parse($patient->date_of_birth)->age }} ans
                                </option>
                            @endforeach
                        </select>
                        @error('patient_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            <a href="{{ route('patients.create') }}" target="_blank">
                                <i class="fas fa-plus me-1"></i>
                                Créer un nouveau patient
                            </a>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="doctor_id" class="form-label">Médecin <span class="text-danger">*</span></label>
                        <select class="form-select @error('doctor_id') is-invalid @enderror" 
                                id="doctor_id" name="doctor_id" required>
                            <option value="">Sélectionner un médecin...</option>
                            @foreach($doctors as $doctor)
                                <option value="{{ $doctor->id }}" 
                                        {{ (old('doctor_id', $ticket->doctor_id) == $doctor->id) ? 'selected' : '' }}>
                                    Dr. {{ $doctor->first_name }} {{ $doctor->last_name }} 
                                    - {{ $doctor->specialty }}
                                </option>
                            @endforeach
                        </select>
                        @error('doctor_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="consultation_type" class="form-label">Type de consultation <span class="text-danger">*</span></label>
                                <select class="form-select @error('consultation_type') is-invalid @enderror" 
                                        id="consultation_type" name="consultation_type" required>
                                    <option value="">Sélectionner...</option>
                                    <option value="consultation" {{ old('consultation_type', $ticket->consultation_type) == 'consultation' ? 'selected' : '' }}>Consultation générale</option>
                                    <option value="urgence" {{ old('consultation_type', $ticket->consultation_type) == 'urgence' ? 'selected' : '' }}>Urgence</option>
                                    <option value="suivi" {{ old('consultation_type', $ticket->consultation_type) == 'suivi' ? 'selected' : '' }}>Suivi</option>
                                    <option value="controle" {{ old('consultation_type', $ticket->consultation_type) == 'controle' ? 'selected' : '' }}>Contrôle</option>
                                    <option value="vaccination" {{ old('consultation_type', $ticket->consultation_type) == 'vaccination' ? 'selected' : '' }}>Vaccination</option>
                                </select>
                                @error('consultation_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="priority" class="form-label">Priorité</label>
                                <select class="form-select @error('priority') is-invalid @enderror" 
                                        id="priority" name="priority">
                                    <option value="normale" {{ old('priority', $ticket->priority) == 'normale' ? 'selected' : '' }}>Normale</option>
                                    <option value="elevee" {{ old('priority', $ticket->priority) == 'elevee' ? 'selected' : '' }}>Élevée</option>
                                    <option value="urgente" {{ old('priority', $ticket->priority) == 'urgente' ? 'selected' : '' }}>Urgente</option>
                                </select>
                                @error('priority')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="status" class="form-label">Statut <span class="text-danger">*</span></label>
                        <select class="form-select @error('status') is-invalid @enderror" 
                                id="status" name="status" required>
                            <option value="en_attente" {{ old('status', $ticket->status) == 'en_attente' ? 'selected' : '' }}>En attente</option>
                            <option value="en_cours" {{ old('status', $ticket->status) == 'en_cours' ? 'selected' : '' }}>En cours</option>
                            <option value="termine" {{ old('status', $ticket->status) == 'termine' ? 'selected' : '' }}>Terminé</option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-6">
                    <h5 class="mb-3">Informations médicales</h5>
                    
                    <div class="mb-3">
                        <label for="symptoms" class="form-label">Symptômes rapportés</label>
                        <textarea class="form-control @error('symptoms') is-invalid @enderror" 
                                  id="symptoms" name="symptoms" rows="4" 
                                  placeholder="Décrire les symptômes du patient...">{{ old('symptoms', $ticket->symptoms) }}</textarea>
                        @error('symptoms')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="notes" class="form-label">Notes médicales</label>
                        <textarea class="form-control @error('notes') is-invalid @enderror" 
                                  id="notes" name="notes" rows="4" 
                                  placeholder="Notes du médecin, diagnostic, traitement...">{{ old('notes', $ticket->notes) }}</textarea>
                        @error('notes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Informations sur le timing -->
                    <div class="card bg-light">
                        <div class="card-body">
                            <h6 class="card-title">
                                <i class="fas fa-clock me-2"></i>
                                Informations temporelles
                            </h6>
                            
                            <div class="row">
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Créé le :</strong></p>
                                    <p class="text-muted">{{ $ticket->created_at->format('d/m/Y à H:i') }}</p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Dernière modification :</strong></p>
                                    <p class="text-muted">{{ $ticket->updated_at->format('d/m/Y à H:i') }}</p>
                                </div>
                            </div>
                            
                            @php
                                $waitTime = $ticket->status === 'en_attente' 
                                    ? $ticket->created_at->diffInMinutes(now())
                                    : $ticket->created_at->diffInMinutes($ticket->updated_at);
                            @endphp
                            
                            <div class="row">
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Temps d'attente :</strong></p>
                                    <p class="{{ $waitTime > 30 ? 'text-warning' : 'text-success' }}">
                                        {{ $waitTime }} minutes
                                        @if($waitTime > 60)
                                            ({{ floor($waitTime / 60) }}h {{ $waitTime % 60 }}min)
                                        @endif
                                    </p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Statut actuel :</strong></p>
                                    <span class="badge {{ $ticket->status === 'en_attente' ? 'bg-warning text-dark' : ($ticket->status === 'en_cours' ? 'bg-info' : 'bg-success') }}">
                                        {{ ucfirst(str_replace('_', ' ', $ticket->status)) }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2 mt-4">
                <a href="{{ route('consultation-tickets.show', $ticket) }}" class="btn btn-secondary">
                    <i class="fas fa-times me-1"></i>
                    Annuler
                </a>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i>
                    Mettre à jour
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Alertes pour les changements de statut -->
@if($ticket->status === 'en_attente' && $waitTime > 60)
<div class="alert alert-warning mt-3">
    <i class="fas fa-exclamation-triangle me-2"></i>
    <strong>Attention !</strong> Ce patient attend depuis plus d'une heure.
</div>
@endif

@if($ticket->priority === 'urgente')
<div class="alert alert-danger mt-3">
    <i class="fas fa-exclamation-circle me-2"></i>
    <strong>Cas urgent !</strong> Ce ticket nécessite une attention immédiate.
</div>
@endif
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-refresh des données toutes les 30 secondes si le ticket est en attente
    @if($ticket->status === 'en_attente')
    setInterval(function() {
        // Mettre à jour les informations de temps d'attente
        location.reload();
    }, 30000);
    @endif
    
    // Validation côté client
    const form = document.querySelector('form');
    form.addEventListener('submit', function(e) {
        const status = document.getElementById('status').value;
        const priority = document.getElementById('priority').value;
        
        if (status === 'termine' && priority === 'urgente') {
            if (!confirm('Êtes-vous sûr de vouloir terminer ce cas urgent ?')) {
                e.preventDefault();
            }
        }
    });
});
</script>
@endpush