@extends('layouts.app')

@section('title', 'Ajouter une vaccination')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('vaccinations.index') }}">Vaccinations</a></li>
    <li class="breadcrumb-item active">Ajouter</li>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <h5>Ajouter une vaccination</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('vaccinations.store') }}">
            @csrf
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="lot_id" class="form-label">Lot <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <select class="form-select @error('lot_id') is-invalid @enderror"
                                id="lot_id" name="lot_id" data-qa-type="lot" required>
                            <option value="">-- Selectionner --</option>
                            @foreach($lots as $lot)
                                <option value="{{ $lot->id }}" {{ old('lot_id') == $lot->id ? 'selected' : '' }}>
                                    {{ $lot->code }} - {{ $lot->species->name ?? '' }}
                                </option>
                            @endforeach
                        </select>
                        <button type="button" class="btn btn-outline-success" data-bs-toggle="modal"
                                data-bs-target="#qaModalLot" title="Ajouter un lot">
                            <i class="bi bi-plus-lg"></i>
                        </button>
                    </div>
                    @error('lot_id')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label for="vaccine_id" class="form-label">Vaccin <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <select class="form-select @error('vaccine_id') is-invalid @enderror"
                                id="vaccine_id" name="vaccine_id" required>
                            <option value="">-- Selectionner --</option>
                            @foreach($vaccines as $vaccine)
                                <option value="{{ $vaccine->id }}" {{ old('vaccine_id') == $vaccine->id ? 'selected' : '' }}>
                                    {{ $vaccine->name }}
                                </option>
                            @endforeach
                        </select>
                        <button type="button" class="btn btn-outline-success" data-bs-toggle="modal"
                                data-bs-target="#qaModalVaccine" data-target-select="vaccine_id" title="Ajouter un vaccin">
                            <i class="bi bi-plus-lg"></i>
                        </button>
                    </div>
                    @error('vaccine_id')
                        <div class="invalid-feedback d-block">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label for="date" class="form-label">Date <span class="text-danger">*</span></label>
                    <input type="date" class="form-control @error('date') is-invalid @enderror"
                           id="date" name="date" value="{{ old('date', date('Y-m-d')) }}" required>
                    @error('date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label for="next_due_date" class="form-label">Prochain rappel</label>
                    <input type="date" class="form-control @error('next_due_date') is-invalid @enderror"
                           id="next_due_date" name="next_due_date" value="{{ old('next_due_date') }}">
                    @error('next_due_date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-4 mb-3">
                    <label for="dose" class="form-label">Dose</label>
                    <input type="text" class="form-control @error('dose') is-invalid @enderror"
                           id="dose" name="dose" value="{{ old('dose') }}">
                    @error('dose')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label for="administered_by" class="form-label">Administre par</label>
                    <input type="text" class="form-control @error('administered_by') is-invalid @enderror"
                           id="administered_by" name="administered_by" value="{{ old('administered_by') }}">
                    @error('administered_by')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label for="cost" class="form-label">Coût (FCFA)</label>
                    <input type="number" step="0.01" class="form-control @error('cost') is-invalid @enderror"
                           id="cost" name="cost" value="{{ old('cost') }}">
                    @error('cost')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-12 mb-3">
                    <label for="notes" class="form-label">Notes</label>
                    <textarea class="form-control @error('notes') is-invalid @enderror"
                              id="notes" name="notes" rows="3">{{ old('notes') }}</textarea>
                    @error('notes')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="mt-3">
                <button type="submit" class="btn btn-success">
                    <i class="bi bi-check-lg"></i> Enregistrer
                </button>
                <a href="{{ route('vaccinations.index') }}" class="btn btn-secondary">Annuler</a>
            </div>
        </form>
    </div>
</div>
@include('partials.quick-add.modal-lot')
@include('partials.quick-add.modal-vaccine')
@endsection