@extends('layouts.app')

@section('title', 'Modifier - ' . $patient->first_name . ' ' . $patient->last_name)

@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-user-edit me-2"></i>
        Modifier : {{ $patient->first_name }} {{ $patient->last_name }}
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ route('patients.show', $patient) }}" class="btn btn-outline-info">
                <i class="fas fa-eye me-1"></i>
                Voir
            </a>
            <a href="{{ route('patients.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('patients.update', $patient) }}" method="POST">
            @csrf
            @method('PUT')
            
            <div class="row">
                <div class="col-md-6">
                    <h5 class="mb-3">Informations personnelles</h5>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="first_name" class="form-label">Prénom <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('first_name') is-invalid @enderror" 
                                       id="first_name" name="first_name" value="{{ old('first_name', $patient->first_name) }}" required>
                                @error('first_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="last_name" class="form-label">Nom <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('last_name') is-invalid @enderror" 
                                       id="last_name" name="last_name" value="{{ old('last_name', $patient->last_name) }}" required>
                                @error('last_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="date_of_birth" class="form-label">Date de naissance <span class="text-danger">*</span></label>
                                <input type="date" class="form-control @error('date_of_birth') is-invalid @enderror" 
                                       id="date_of_birth" name="date_of_birth" 
                                       value="{{ old('date_of_birth', $patient->date_of_birth) }}" 
                                       max="{{ date('Y-m-d') }}" required>
                                @error('date_of_birth')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="gender" class="form-label">Sexe <span class="text-danger">*</span></label>
                                <select class="form-select @error('gender') is-invalid @enderror" 
                                        id="gender" name="gender" required>
                                    <option value="">Sélectionner...</option>
                                    <option value="M" {{ old('gender', $patient->gender) == 'M' ? 'selected' : '' }}>Masculin</option>
                                    <option value="F" {{ old('gender', $patient->gender) == 'F' ? 'selected' : '' }}>Féminin</option>
                                </select>
                                @error('gender')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="phone" class="form-label">Numéro de téléphone</label>
                        <input type="tel" class="form-control @error('phone') is-invalid @enderror" 
                               id="phone" name="phone" value="{{ old('phone', $patient->phone) }}" 
                               placeholder="Ex: +237 6XX XXX XXX">
                        @error('phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="email" class="form-label">Adresse email</label>
                        <input type="email" class="form-control @error('email') is-invalid @enderror" 
                               id="email" name="email" value="{{ old('email', $patient->email) }}" 
                               placeholder="exemple@email.com">
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="address" class="form-label">Adresse complète</label>
                        <textarea class="form-control @error('address') is-invalid @enderror" 
                                  id="address" name="address" rows="3" 
                                  placeholder="Quartier, ville, région...">{{ old('address', $patient->address) }}</textarea>
                        @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-6">
                    <h5 class="mb-3">Informations médicales complémentaires</h5>
                    
                    <div class="mb-3">
                        <label for="blood_group" class="form-label">Groupe sanguin</label>
                        <select class="form-select @error('blood_group') is-invalid @enderror" 
                                id="blood_group" name="blood_group">
                            <option value="">Non renseigné</option>
                            <option value="A+" {{ old('blood_group', $patient->blood_group) == 'A+' ? 'selected' : '' }}>A+</option>
                            <option value="A-" {{ old('blood_group', $patient->blood_group) == 'A-' ? 'selected' : '' }}>A-</option>
                            <option value="B+" {{ old('blood_group', $patient->blood_group) == 'B+' ? 'selected' : '' }}>B+</option>
                            <option value="B-" {{ old('blood_group', $patient->blood_group) == 'B-' ? 'selected' : '' }}>B-</option>
                            <option value="AB+" {{ old('blood_group', $patient->blood_group) == 'AB+' ? 'selected' : '' }}>AB+</option>
                            <option value="AB-" {{ old('blood_group', $patient->blood_group) == 'AB-' ? 'selected' : '' }}>AB-</option>
                            <option value="O+" {{ old('blood_group', $patient->blood_group) == 'O+' ? 'selected' : '' }}>O+</option>
                            <option value="O-" {{ old('blood_group', $patient->blood_group) == 'O-' ? 'selected' : '' }}>O-</option>
                        </select>
                        @error('blood_group')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="allergies" class="form-label">Allergies connues</label>
                        <textarea class="form-control @error('allergies') is-invalid @enderror" 
                                  id="allergies" name="allergies" rows="3" 
                                  placeholder="Liste des allergies médicamenteuses ou alimentaires...">{{ old('allergies', $patient->allergies) }}</textarea>
                        @error('allergies')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="medical_history" class="form-label">Antécédents médicaux</label>
                        <textarea class="form-control @error('medical_history') is-invalid @enderror" 
                                  id="medical_history" name="medical_history" rows="3" 
                                  placeholder="Maladies chroniques, interventions chirurgicales...">{{ old('medical_history', $patient->medical_history) }}</textarea>
                        @error('medical_history')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="emergency_contact" class="form-label">Contact d'urgence</label>
                        <input type="text" class="form-control @error('emergency_contact') is-invalid @enderror" 
                               id="emergency_contact" name="emergency_contact" 
                               value="{{ old('emergency_contact', $patient->emergency_contact) }}" 
                               placeholder="Nom et téléphone de la personne à contacter">
                        @error('emergency_contact')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Informations système -->
                    <div class="card bg-light">
                        <div class="card-body">
                            <h6 class="card-title">
                                <i class="fas fa-info-circle me-2"></i>
                                Informations système
                            </h6>
                            
                            <div class="row">
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Patient créé le :</strong></p>
                                    <p class="text-muted">{{ $patient->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">{{ $patient->updated_at->format('d/m/Y à H:i') }}</p>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Âge actuel :</strong></p>
                                    <p class="text-primary">{{ \Carbon\Carbon::parse($patient->date_of_birth)->age }} ans</p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>ID Patient :</strong></p>
                                    <p class="text-muted">#{{ $patient->id }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2 mt-4">
                <a href="{{ route('patients.show', $patient) }}" 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>

<!-- JavaScript pour calcul automatique de l'âge -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    const dateOfBirthInput = document.getElementById('date_of_birth');
    
    function calculateAge() {
        if (dateOfBirthInput.value) {
            const today = new Date();
            const birthDate = new Date(dateOfBirthInput.value);
            let age = today.getFullYear() - birthDate.getFullYear();
            const monthDiff = today.getMonth() - birthDate.getMonth();
            
            if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
                age--;
            }
            
            // Mettre à jour l'affichage de l'âge dans la card d'informations système
            const ageDisplay = document.querySelector('.text-primary');
            if (ageDisplay && age >= 0) {
                ageDisplay.textContent = age + ' ans';
            }
        }
    }
    
    dateOfBirthInput.addEventListener('change', calculateAge);
});
</script>
@endsection