@extends('layouts.app')

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

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="type" class="form-label">Type <span class="text-danger">*</span></label>
                                <select class="form-select @error('type') is-invalid @enderror" 
                                        id="type" name="type" required>
                                    <option value="">Sélectionner...</option>
                                    <option value="public" {{ old('type', $healthCenter->type) == 'public' ? 'selected' : '' }}>Public</option>
                                    <option value="prive" {{ old('type', $healthCenter->type) == 'prive' ? 'selected' : '' }}>Privé</option>
                                    <option value="confessionnel" {{ old('type', $healthCenter->type) == 'confessionnel' ? 'selected' : '' }}>Confessionnel</option>
                                </select>
                                @error('type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="capacity" class="form-label">Capacité (lits)</label>
                                <input type="number" class="form-control @error('capacity') is-invalid @enderror" 
                                       id="capacity" name="capacity" value="{{ old('capacity', $healthCenter->capacity) }}" min="1">
                                @error('capacity')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="director_name" class="form-label">Nom du directeur</label>
                        <input type="text" class="form-control @error('director_name') is-invalid @enderror" 
                               id="director_name" name="director_name" value="{{ old('director_name', $healthCenter->director_name) }}">
                        @error('director_name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="services" class="form-label">Services disponibles</label>
                        <textarea class="form-control @error('services') is-invalid @enderror" 
                                  id="services" name="services" rows="4" 
                                  placeholder="Liste des services proposés par le centre...">{{ old('services', $healthCenter->services) }}</textarea>
                        @error('services')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" 
                                   id="is_active" name="is_active" value="1"
                                   {{ old('is_active', $healthCenter->is_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">
                                Centre de santé actif
                            </label>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <h5 class="mb-3">Coordonnées</h5>
                    
                    <div class="mb-3">
                        <label for="address" class="form-label">Adresse complète <span class="text-danger">*</span></label>
                        <textarea class="form-control @error('address') is-invalid @enderror" 
                                  id="address" name="address" rows="3" required 
                                  placeholder="Adresse complète du centre...">{{ old('address', $healthCenter->address) }}</textarea>
                        @error('address')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="city" class="form-label">Ville <span class="text-danger">*</span></label>
                        <input type="text" class="form-control @error('city') is-invalid @enderror" 
                               id="city" name="city" value="{{ old('city', $healthCenter->city) }}" required>
                        @error('city')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="phone" class="form-label">Téléphone <span class="text-danger">*</span></label>
                        <input type="tel" class="form-control @error('phone') is-invalid @enderror" 
                               id="phone" name="phone" value="{{ old('phone', $healthCenter->phone) }}" required
                               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">Email</label>
                        <input type="email" class="form-control @error('email') is-invalid @enderror" 
                               id="email" name="email" value="{{ old('email', $healthCenter->email) }}"
                               placeholder="exemple@centre-sante.com">
                        @error('email')
                            <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>Centre créé le :</strong></p>
                                    <p class="text-muted">{{ $healthCenter->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">{{ $healthCenter->updated_at->format('d/m/Y à H:i') }}</p>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>Médecins :</strong></p>
                                    <p class="text-primary">{{ $healthCenter->doctors->count() }}</p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="mb-1"><strong>ID Centre :</strong></p>
                                    <p class="text-muted">#{{ $healthCenter->id }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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