@extends('layouts.dashboard')
@section('title', __('messages.action_add'))

@section('dashboard_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('messages.action_add') }} — {{ __('messages.horses_title') }}</h1>

<form method="POST" action="{{ route('dashboard.owner.horses.store', ['locale' => app()->getLocale()]) }}" enctype="multipart/form-data" class="max-w-lg space-y-4">
    @csrf
    <div>
        <label class="mb-1 block text-sm font-medium">ფოტო (სურვილისამებრ)</label>
        <input type="file" name="photo" accept="image/*" class="w-full rounded-md border border-ink/15 px-3 py-2 text-sm">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">სახელი *</label>
        <input type="text" name="name" required class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.horse_breed') }}</label>
        @include('partials.breed-select')
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.horse_sex') }}</label>
        <select name="sex" class="w-full rounded-md border border-ink/15 px-3 py-2">
            @foreach (['male','female','gelding'] as $sex)
                <option value="{{ $sex }}">{{ __('messages.sex_'.$sex) }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.horse_dob') }}</label>
        <input type="date" name="date_of_birth" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.horse_color') }}</label>
        <input type="text" name="color" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div class="grid grid-cols-2 gap-4">
        <div>
            <label class="mb-1 block text-sm font-medium">სიმაღლე (სმ)</label>
            <input type="number" name="height_cm" class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">წონა (კგ)</label>
            <input type="number" name="weight_kg" class="w-full rounded-md border border-ink/15 px-3 py-2">
        </div>
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">აღწერა</label>
        <textarea name="description[ka]" rows="3" class="w-full rounded-md border border-ink/15 px-3 py-2"></textarea>
    </div>
    @include('partials.gallery-upload')
    <button type="submit" class="btn-primary">{{ __('messages.action_submit') }}</button>
</form>
@endsection