@extends('layouts.app')

@section('title', 'Nouveau Centre de Santé')

@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-plus-circle me-2"></i>
        Nouveau Centre de Santé
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <a href="{{ route('health-centers.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>
            Retour à la liste
        </a>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-body">
        <form action="{{ route('health-centers.store') }}" method="POST">
            @csrf
            
            <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') }}" 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') == 'public' ? 'selected' : '' }}>Public</option>
                                    <option value="prive" {{ old('type') == 'prive' ? 'selected' : '' }}>Privé</option>
                                    <option value="confessionnel" {{ old('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') }}" 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') }}">
                        @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') }}</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', true) ? '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') }}</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') }}" 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') }}" 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') }}"
                               placeholder="exemple@centre-sante.com">
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Informations complémentaires -->
                    <div class="card bg-light">
                        <div class="card-body">
                            <h6 class="card-title">
                                <i class="fas fa-info-circle me-2"></i>
                                Informations
                            </h6>
                            <p class="card-text">
                                <small class="text-muted">
                                    Un centre de santé actif sera visible pour les patients et médecins.
                                    Les services listés aideront les patients à choisir le bon centre.
                                </small>
                            </p>
                            <ul class="list-unstyled">
                                <li><small><i class="fas fa-check text-success me-1"></i> Consultations générales</small></li>
                                <li><small><i class="fas fa-check text-success me-1"></i> Pharmacie intégrée</small></li>
                                <li><small><i class="fas fa-check text-success me-1"></i> Gestion des stocks</small></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2 mt-4">
                <a href="{{ route('health-centers.index') }}" 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>
                    Enregistrer
                </button>
            </div>
        </form>
    </div>
</div>
@endsection