@extends('layouts.app', ['title' => 'Edit animal', 'showNav' => true])

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-7">
            <h1 class="h3 mb-4"><i class="bi bi-pencil me-2"></i>Edit animal</h1>
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <form method="post" action="{{ route('animals.update', $animal) }}">
                        @csrf
                        @method('PUT')
                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label class="form-label" for="category">Category</label>
                                <select class="form-select" name="category" id="category" required>
                                    @foreach($categories as $value => $label)
                                        <option value="{{ $value }}" @selected(old('category', $animal->category) === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="gender">Gender</label>
                                <select class="form-select" name="gender" id="gender" required>
                                    <option value="male" @selected(old('gender', $animal->gender) === 'male')>Male</option>
                                    <option value="female" @selected(old('gender', $animal->gender) === 'female')>Female</option>
                                </select>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for="tag_no">Tag no</label>
                            <input class="form-control" type="text" name="tag_no" id="tag_no" value="{{ old('tag_no', $animal->tag_no) }}" required>
                        </div>

                        <h6 class="text-muted text-uppercase mt-4 mb-3 border-bottom pb-2">Purchase details</h6>
                        <div class="row g-3 mb-3">
                            <div class="col-md-4">
                                <label class="form-label" for="purchase_date">Date</label>
                                <input class="form-control" type="date" name="purchase_date" id="purchase_date" value="{{ old('purchase_date', $animal->purchase_date->format('Y-m-d')) }}" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="purchase_from">From</label>
                                <input class="form-control" type="text" name="purchase_from" id="purchase_from" value="{{ old('purchase_from', $animal->purchase_from) }}" required>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label" for="purchase_price">Price</label>
                                <input class="form-control" type="number" step="0.01" min="0" name="purchase_price" id="purchase_price" value="{{ old('purchase_price', $animal->purchase_price) }}" required>
                            </div>
                        </div>

                        @include('animals._birth_fields', [
                            'bornInFarm' => $animal->born_in_farm,
                            'bornDate' => $animal->born_date?->format('Y-m-d') ?? '',
                            'motherId' => $animal->mother_id,
                        ])

                        <h6 class="text-muted text-uppercase mt-4 mb-3 border-bottom pb-2">Status</h6>
                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" @checked(old('is_active', $animal->is_active))>
                                    <label class="form-check-label" for="is_active">Active</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="is_sale" id="is_sale" value="1" @checked(old('is_sale', $animal->is_sale))>
                                    <label class="form-check-label" for="is_sale">For sale</label>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary mt-2">Update</button>
                        <a href="{{ route('animals.index') }}" class="btn btn-outline-secondary mt-2">Cancel</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection