@extends('layouts.app')

@section('title', __('messages.add_cattle'))

@section('breadcrumb')
    <a href="{{ route('cattle.index') }}" class="text-decoration-none text-secondary">{{ __('messages.cattle') }}</a>
    / <span class="text-secondary">{{ __('messages.add') }}</span>
@endsection

@section('content')
<div class="page-header">
    <h1 class="page-title"><i class="bi bi-plus-lg me-2 text-primary"></i>{{ __('messages.add_new_cattle') }}</h1>
</div>

<div class="card">
    <div class="card-body">
        <form action="{{ route('cattle.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="tag_number" class="form-label">{{ __('messages.tag_number') }} *</label>
                        <input type="text" class="form-control @error('tag_number') is-invalid @enderror" 
                               id="tag_number" name="tag_number" required value="{{ old('tag_number') }}">
                        @error('tag_number')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="name" class="form-label">{{ __('messages.name') }}</label>
                        <input type="text" class="form-control @error('name') is-invalid @enderror" 
                               id="name" name="name" value="{{ old('name') }}">
                        @error('name')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="breed_id" class="form-label">{{ __('messages.breed') }} *</label>
                        <select class="form-select @error('breed_id') is-invalid @enderror" 
                                id="breed_id" name="breed_id" required>
                            <option value="">{{ __('messages.select_breed') }}</option>
                            @foreach($breeds as $breed)
                                <option value="{{ $breed->id }}" {{ old('breed_id') == $breed->id ? 'selected' : '' }}>
                                    {{ $breed->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('breed_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="gender" class="form-label">{{ __('messages.gender') }} *</label>
                        <select class="form-select @error('gender') is-invalid @enderror" 
                                id="gender" name="gender" required>
                            <option value="">{{ __('messages.select_gender') }}</option>
                            <option value="male" {{ old('gender') == 'male' ? 'selected' : '' }}>{{ __('messages.male') }}</option>
                            <option value="female" {{ old('gender') == 'female' ? 'selected' : '' }}>{{ __('messages.female') }}</option>
                        </select>
                        @error('gender')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="purpose" class="form-label">{{ __('messages.purpose') }} *</label>
                        <select class="form-select @error('purpose') is-invalid @enderror" 
                                id="purpose" name="purpose" required>
                            <option value="">{{ __('messages.select_purpose') }}</option>
                            <option value="dairy" {{ old('purpose') == 'dairy' ? 'selected' : '' }}>{{ __('messages.dairy') }}</option>
                            <option value="beef" {{ old('purpose') == 'beef' ? 'selected' : '' }}>{{ __('messages.beef') }}</option>
                            <option value="breeding" {{ old('purpose') == 'breeding' ? 'selected' : '' }}>{{ __('messages.breeding') }}</option>
                            <option value="draft" {{ old('purpose') == 'draft' ? 'selected' : '' }}>{{ __('messages.draft') }}</option>
                        </select>
                        @error('purpose')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="status" class="form-label">{{ __('messages.status') }} *</label>
                        <select class="form-select @error('status') is-invalid @enderror" 
                                id="status" name="status" required>
                            <option value="">{{ __('messages.select_status') }}</option>
                            <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>{{ __('messages.active') }}</option>
                            <option value="sold" {{ old('status') == 'sold' ? 'selected' : '' }}>{{ __('messages.sold') }}</option>
                            <option value="deceased" {{ old('status') == 'deceased' ? 'selected' : '' }}>{{ __('messages.deceased') }}</option>
                            <option value="quarantine" {{ old('status') == 'quarantine' ? 'selected' : '' }}>{{ __('messages.quarantine') }}</option>
                        </select>
                        @error('status')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="date_of_birth" class="form-label">{{ __('messages.date_of_birth') }}</label>
                        <input type="date" class="form-control @error('date_of_birth') is-invalid @enderror" 
                               id="date_of_birth" name="date_of_birth" value="{{ old('date_of_birth') }}">
                        @error('date_of_birth')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="weight_kg" class="form-label">{{ __('messages.weight') }}</label>
                        <input type="number" step="0.01" class="form-control @error('weight_kg') is-invalid @enderror" 
                               id="weight_kg" name="weight_kg" value="{{ old('weight_kg') }}">
                        @error('weight_kg')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="color" class="form-label">{{ __('messages.color') }}</label>
                        <input type="text" class="form-control @error('color') is-invalid @enderror" 
                               id="color" name="color" value="{{ old('color') }}">
                        @error('color')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="owner_id" class="form-label">{{ __('messages.owner') }}</label>
                        <select class="form-select @error('owner_id') is-invalid @enderror" 
                                id="owner_id" name="owner_id">
                            <option value="">{{ __('messages.select_owner') }}</option>
                            @foreach($owners as $owner)
                                <option value="{{ $owner->id }}" {{ old('owner_id') == $owner->id ? 'selected' : '' }}>
                                    {{ $owner->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('owner_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="sire_id" class="form-label">{{ __('messages.sire') }}</label>
                        <select class="form-select @error('sire_id') is-invalid @enderror" 
                                id="sire_id" name="sire_id">
                            <option value="">{{ __('messages.select_sire') }}</option>
                            @foreach($sires as $sire)
                                <option value="{{ $sire->id }}" {{ old('sire_id') == $sire->id ? 'selected' : '' }}>
                                    {{ $sire->tag_number }} - {{ $sire->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('sire_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="dam_id" class="form-label">{{ __('messages.dam') }}</label>
                        <select class="form-select @error('dam_id') is-invalid @enderror" 
                                id="dam_id" name="dam_id">
                            <option value="">{{ __('messages.select_dam') }}</option>
                            @foreach($dams as $dam)
                                <option value="{{ $dam->id }}" {{ old('dam_id') == $dam->id ? 'selected' : '' }}>
                                    {{ $dam->tag_number }} - {{ $dam->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('dam_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="acquisition_date" class="form-label">{{ __('messages.acquisition_date') }}</label>
                        <input type="date" class="form-control @error('acquisition_date') is-invalid @enderror" 
                               id="acquisition_date" name="acquisition_date" value="{{ old('acquisition_date') }}">
                        @error('acquisition_date')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="acquisition_price" class="form-label">{{ __('messages.acquisition_price') }}</label>
                        <input type="number" step="0.01" class="form-control @error('acquisition_price') is-invalid @enderror" 
                               id="acquisition_price" name="acquisition_price" value="{{ old('acquisition_price') }}">
                        @error('acquisition_price')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-12">
                    <div class="mb-3">
                        <label for="photo" class="form-label">{{ __('messages.photo') }}</label>
                        <input type="file" class="form-control @error('photo') is-invalid @enderror" 
                               id="photo" name="photo" accept="image/*">
                        @error('photo')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
                <div class="col-12">
                    <div class="mb-3">
                        <label for="notes" class="form-label">{{ __('messages.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 d-block">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>{{ __('messages.add_cattle') }}</button>
                <a href="{{ route('cattle.index') }}" class="btn btn-outline-secondary">{{ __('messages.cancel') }}</a>
            </div>
        </form>
    </div>
</div>
@endsection