@php
    /**
     * @var \App\Domain\MasterData\Models\Tax $tax
     * @var list<\App\Domain\MasterData\Enums\TaxType> $types
     */
@endphp

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    <div>
        <x-input-label for="name" :value="__('Name')" />
        <x-text-input
            id="name"
            name="name"
            type="text"
            class="mt-1 block w-full"
            :value="old('name', $tax->name)"
            required
            autofocus
        />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="rate" :value="__('Rate (%)')" />
        <x-text-input
            id="rate"
            name="rate"
            type="number"
            step="0.01"
            min="0"
            max="100"
            class="mt-1 block w-full"
            :value="old('rate', $tax->rate)"
            required
        />
        <x-input-error :messages="$errors->get('rate')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="type" :value="__('Type')" />
        <select
            id="type"
            name="type"
            class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
            required
        >
            @foreach ($types as $type)
                <option value="{{ $type->value }}" @selected(old('type', $tax->type?->value) === $type->value)>
                    {{ $type->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('type')" class="mt-2" />
    </div>

    <div class="flex items-end">
        <div class="flex items-center gap-2">
            <input
                id="is_default"
                name="is_default"
                type="checkbox"
                value="1"
                class="rounded border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500"
                @checked(old('is_default', $tax->is_default))
            />
            <x-input-label for="is_default" :value="__('Default tax')" />
        </div>
        <x-input-error :messages="$errors->get('is_default')" class="mt-2" />
    </div>

    <div class="md:col-span-2 flex items-center gap-2">
        <input
            id="is_active"
            name="is_active"
            type="checkbox"
            value="1"
            class="rounded border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500"
            @checked(old('is_active', $tax->exists ? $tax->is_active : true))
        />
        <x-input-label for="is_active" :value="__('Active')" />
        <x-input-error :messages="$errors->get('is_active')" class="mt-2" />
    </div>
</div>