@extends('layouts.app')

@section('title', 'Nouveau Médicament')

@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 Médicament
    </h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <a href="{{ route('medications.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('medications.store') }}" method="POST">
            @csrf
            
            <div class="row">
                <div class="col-md-6">
                    <h5 class="mb-3">Informations du médicament</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') == $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="name" class="form-label">Nom du médicament <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="brand" class="form-label">Marque</label>
                                <input type="text" class="form-control @error('brand') is-invalid @enderror" 
                                       id="brand" name="brand" value="{{ old('brand') }}">
                                @error('brand')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="generic_name" class="form-label">Nom générique</label>
                                <input type="text" class="form-control @error('generic_name') is-invalid @enderror" 
                                       id="generic_name" name="generic_name" value="{{ old('generic_name') }}">
                                @error('generic_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="description" class="form-label">Description</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" 
                                  id="description" name="description" rows="3">{{ old('description') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="dosage" class="form-label">Dosage <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('dosage') is-invalid @enderror" 
                                       id="dosage" name="dosage" value="{{ old('dosage') }}" 
                                       placeholder="Ex: 500mg, 10ml..." required>
                                @error('dosage')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="form" class="form-label">Forme <span class="text-danger">*</span></label>
                                <select class="form-select @error('form') is-invalid @enderror" 
                                        id="form" name="form" required>
                                    <option value="">Sélectionner...</option>
                                    <option value="Comprimé" {{ old('form') == 'Comprimé' ? 'selected' : '' }}>Comprimé</option>
                                    <option value="Gélule" {{ old('form') == 'Gélule' ? 'selected' : '' }}>Gélule</option>
                                    <option value="Sirop" {{ old('form') == 'Sirop' ? 'selected' : '' }}>Sirop</option>
                                    <option value="Solution injectable" {{ old('form') == 'Solution injectable' ? 'selected' : '' }}>Solution injectable</option>
                                    <option value="Pommade" {{ old('form') == 'Pommade' ? 'selected' : '' }}>Pommade</option>
                                    <option value="Suppositoire" {{ old('form') == 'Suppositoire' ? 'selected' : '' }}>Suppositoire</option>
                                    <option value="Spray" {{ old('form') == 'Spray' ? 'selected' : '' }}>Spray</option>
                                    <option value="Gouttes" {{ old('form') == 'Gouttes' ? 'selected' : '' }}>Gouttes</option>
                                    <option value="Autre" {{ old('form') == 'Autre' ? 'selected' : '' }}>Autre</option>
                                </select>
                                @error('form')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="category" class="form-label">Catégorie <span class="text-danger">*</span></label>
                        <select class="form-select @error('category') is-invalid @enderror" 
                                id="category" name="category" required>
                            <option value="">Sélectionner...</option>
                            <option value="Antalgique" {{ old('category') == 'Antalgique' ? 'selected' : '' }}>Antalgique</option>
                            <option value="Antibiotique" {{ old('category') == 'Antibiotique' ? 'selected' : '' }}>Antibiotique</option>
                            <option value="Anti-inflammatoire" {{ old('category') == 'Anti-inflammatoire' ? 'selected' : '' }}>Anti-inflammatoire</option>
                            <option value="Antispasmodique" {{ old('category') == 'Antispasmodique' ? 'selected' : '' }}>Antispasmodique</option>
                            <option value="Vitamine" {{ old('category') == 'Vitamine' ? 'selected' : '' }}>Vitamine</option>
                            <option value="Antihypertenseur" {{ old('category') == 'Antihypertenseur' ? 'selected' : '' }}>Antihypertenseur</option>
                            <option value="Antidiabétique" {{ old('category') == 'Antidiabétique' ? 'selected' : '' }}>Antidiabétique</option>
                            <option value="Antihistaminique" {{ old('category') == 'Antihistaminique' ? 'selected' : '' }}>Antihistaminique</option>
                            <option value="Autre" {{ old('category') == 'Autre' ? 'selected' : '' }}>Autre</option>
                        </select>
                        @error('category')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-6">
                    <h5 class="mb-3">Prix et stock</h5>
                    
                    <div class="mb-3">
                        <label for="unit_price" class="form-label">Prix unitaire (FCFA) <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('unit_price') is-invalid @enderror" 
                               id="unit_price" name="unit_price" value="{{ old('unit_price') }}" 
                               min="0" step="0.01" required>
                        @error('unit_price')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="stock_quantity" class="form-label">Quantité en stock <span class="text-danger">*</span></label>
                                <input type="number" class="form-control @error('stock_quantity') is-invalid @enderror" 
                                       id="stock_quantity" name="stock_quantity" value="{{ old('stock_quantity') }}" 
                                       min="0" required>
                                @error('stock_quantity')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="minimum_stock_level" class="form-label">Seuil d'alerte <span class="text-danger">*</span></label>
                                <input type="number" class="form-control @error('minimum_stock_level') is-invalid @enderror" 
                                       id="minimum_stock_level" name="minimum_stock_level" value="{{ old('minimum_stock_level', 10) }}" 
                                       min="1" required>
                                @error('minimum_stock_level')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">Alerte quand le stock descend sous ce niveau</div>
                            </div>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4">Informations complémentaires</h5>

                    <div class="mb-3">
                        <label for="expiry_date" class="form-label">Date d'expiration <span class="text-danger">*</span></label>
                        <input type="date" class="form-control @error('expiry_date') is-invalid @enderror" 
                               id="expiry_date" name="expiry_date" value="{{ old('expiry_date') }}" 
                               min="{{ date('Y-m-d') }}" required>
                        @error('expiry_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="batch_number" class="form-label">Numéro de lot</label>
                                <input type="text" class="form-control @error('batch_number') is-invalid @enderror" 
                                       id="batch_number" name="batch_number" value="{{ old('batch_number') }}">
                                @error('batch_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="manufacturer" class="form-label">Fabricant</label>
                                <input type="text" class="form-control @error('manufacturer') is-invalid @enderror" 
                                       id="manufacturer" name="manufacturer" value="{{ old('manufacturer') }}">
                                @error('manufacturer')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" 
                                   id="requires_prescription" name="requires_prescription" value="1"
                                   {{ old('requires_prescription') ? 'checked' : '' }}>
                            <label class="form-check-label" for="requires_prescription">
                                <i class="fas fa-prescription me-1"></i>
                                Prescription médicale requise
                            </label>
                        </div>
                    </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">
                                Médicament actif (disponible à la vente)
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2 mt-4">
                <a href="{{ route('medications.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