@php
    /**
     * @var \App\Domain\MasterData\Models\Discount $discount
     * @var list<\App\Domain\MasterData\Enums\DiscountType> $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', $discount->name)"
            required
            autofocus
        />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="code" :value="__('Code')" />
        <x-text-input
            id="code"
            name="code"
            type="text"
            class="mt-1 block w-full"
            :value="old('code', $discount->code)"
            placeholder="{{ __('Optional coupon code') }}"
        />
        <x-input-error :messages="$errors->get('code')" 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', $discount->type?->value) === $type->value)>
                    {{ $type->label() }}
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('type')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="value" :value="__('Value')" />
        <x-text-input
            id="value"
            name="value"
            type="number"
            step="0.01"
            min="0.01"
            class="mt-1 block w-full"
            :value="old('value', $discount->value)"
            required
        />
        <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">{{ __('A percentage (0-100) or a fixed currency amount, depending on the type above.') }}</p>
        <x-input-error :messages="$errors->get('value')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="starts_at" :value="__('Starts at')" />
        <x-text-input
            id="starts_at"
            name="starts_at"
            type="datetime-local"
            class="mt-1 block w-full"
            :value="old('starts_at', optional($discount->starts_at)->format('Y-m-d\TH:i'))"
        />
        <x-input-error :messages="$errors->get('starts_at')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="ends_at" :value="__('Ends at')" />
        <x-text-input
            id="ends_at"
            name="ends_at"
            type="datetime-local"
            class="mt-1 block w-full"
            :value="old('ends_at', optional($discount->ends_at)->format('Y-m-d\TH:i'))"
        />
        <x-input-error :messages="$errors->get('ends_at')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="max_uses" :value="__('Maximum uses')" />
        <x-text-input
            id="max_uses"
            name="max_uses"
            type="number"
            min="1"
            class="mt-1 block w-full"
            :value="old('max_uses', $discount->max_uses)"
            placeholder="{{ __('Leave blank for unlimited') }}"
        />
        <x-input-error :messages="$errors->get('max_uses')" class="mt-2" />

        @if ($discount->exists)
            <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">{{ __('Used :count times so far.', ['count' => $discount->used_count]) }}</p>
        @endif
    </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', $discount->exists ? $discount->is_active : true))
        />
        <x-input-label for="is_active" :value="__('Active')" />
        <x-input-error :messages="$errors->get('is_active')" class="mt-2" />
    </div>
</div>