@extends('layouts.app')

@section('title', 'Nouveau cycle de reproduction')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de bord</a></li>
    <li class="breadcrumb-item"><a href="{{ route('breeding-cycles.index') }}">Cycles</a></li>
    <li class="breadcrumb-item active">Nouveau</li>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-md-9">
        <div class="card">
            <div class="card-header">Enregistrer un cycle de reproduction</div>
            <div class="card-body">
                <form action="{{ route('breeding-cycles.store') }}" method="POST">
                    @csrf

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="species_id" class="form-label">Espèce <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <select name="species_id" id="species_id" class="form-select @error('species_id') is-invalid @enderror" required>
                                    <option value="">Choisir...</option>
                                    @foreach($species as $sp)
                                        <option value="{{ $sp->id }}" {{ old('species_id') == $sp->id ? 'selected' : '' }}>{{ $sp->name }}</option>
                                    @endforeach
                                </select>
                                <button type="button" class="btn btn-outline-success" data-bs-toggle="modal"
                                        data-bs-target="#qaModalSpecies" data-target-select="species_id" title="Ajouter une espèce">
                                    <i class="bi bi-plus-lg"></i>
                                </button>
                            </div>
                            @error('species_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-6">
                            <label for="lot_id" class="form-label">Lot</label>
                            <div class="input-group">
                                <select name="lot_id" id="lot_id" class="form-select @error('lot_id') is-invalid @enderror" data-qa-type="lot">
                                    <option value="">Aucun</option>
                                    @foreach($lots as $lot)
                                        <option value="{{ $lot->id }}" {{ old('lot_id') == $lot->id ? 'selected' : '' }}>
                                            {{ $lot->code }} ({{ $lot->current_quantity }} têtes)
                                        </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">
                            <label for="male_id" class="form-label">Mâle reproducteur</label>
                            <select name="male_id" id="male_id" class="form-select @error('male_id') is-invalid @enderror">
                                <option value="">Non spécifié</option>
                                @foreach($males as $animal)
                                    <option value="{{ $animal->id }}" {{ old('male_id') == $animal->id ? 'selected' : '' }}>
                                        {{ $animal->name ?? $animal->tag_number }}
                                    </option>
                                @endforeach
                            </select>
                            @error('male_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-6">
                            <label for="female_id" class="form-label">Femelle reproductrice</label>
                            <select name="female_id" id="female_id" class="form-select @error('female_id') is-invalid @enderror">
                                <option value="">Non spécifié</option>
                                @foreach($females as $animal)
                                    <option value="{{ $animal->id }}" {{ old('female_id') == $animal->id ? 'selected' : '' }}>
                                        {{ $animal->name ?? $animal->tag_number }}
                                    </option>
                                @endforeach
                            </select>
                            @error('female_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="mating_date" class="form-label">Date accouplement <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('mating_date') is-invalid @enderror"
                                   id="mating_date" name="mating_date" value="{{ old('mating_date', date('Y-m-d')) }}" required>
                            @error('mating_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="expected_birth_date" class="form-label">Naissance prévue</label>
                            <input type="date" class="form-control @error('expected_birth_date') is-invalid @enderror"
                                   id="expected_birth_date" name="expected_birth_date" value="{{ old('expected_birth_date') }}">
                            @error('expected_birth_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="actual_birth_date" class="form-label">Date naissance réelle</label>
                            <input type="date" class="form-control @error('actual_birth_date') is-invalid @enderror"
                                   id="actual_birth_date" name="actual_birth_date" value="{{ old('actual_birth_date') }}">
                            @error('actual_birth_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="offspring_count" class="form-label">Total petits</label>
                            <input type="number" min="0" class="form-control @error('offspring_count') is-invalid @enderror"
                                   id="offspring_count" name="offspring_count" value="{{ old('offspring_count') }}">
                            @error('offspring_count')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="live_born" class="form-label">Nés vivants</label>
                            <input type="number" min="0" class="form-control @error('live_born') is-invalid @enderror"
                                   id="live_born" name="live_born" value="{{ old('live_born') }}">
                            @error('live_born')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-md-4">
                            <label for="status" class="form-label">Statut <span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                                <option value="en_cours" {{ old('status', 'en_cours') == 'en_cours' ? 'selected' : '' }}>En cours</option>
                                <option value="reussi" {{ old('status') == 'reussi' ? 'selected' : '' }}>Réussi</option>
                                <option value="echoue" {{ old('status') == 'echoue' ? 'selected' : '' }}>Échoué</option>
                                <option value="annule" {{ old('status') == 'annule' ? 'selected' : '' }}>Annulé</option>
                            </select>
                            @error('status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>

                        <div class="col-12">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea class="form-control" id="notes" name="notes" rows="3">{{ old('notes') }}</textarea>
                        </div>
                    </div>

                    <div class="mt-4 text-end">
                        <a href="{{ route('breeding-cycles.index') }}" class="btn btn-secondary me-2">Annuler</a>
                        <button type="submit" class="btn btn-success">Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@include('partials.quick-add.modal-species')
@include('partials.quick-add.modal-lot')
@endsection