@php($editing = $incentive->exists)
<x-admin.layout :title="$editing ? __('Edit incentive') : __('Add incentive')">
    <x-admin.page-header :title="$editing ? __('Edit incentive') : __('Add incentive')" :back="route('admin.incentives.index')" />

    <form method="POST" action="{{ $editing ? route('admin.incentives.update', $incentive) : route('admin.incentives.store') }}" class="max-w-3xl">
        @csrf @if ($editing) @method('PUT') @endif
        <x-admin.card>
            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div class="sm:col-span-2"><x-admin.input name="title" :label="__('Title')" :value="$incentive->title" required maxlength="120" /></div>
                <div class="sm:col-span-2"><x-admin.textarea name="description" :label="__('Description (shown to drivers)')" :value="$incentive->description" rows="2" /></div>
                <x-admin.select name="target_type" :label="__('Target')" :options="$targets" :value="$incentive->target_type" required />
                <x-admin.input name="target_value" type="number" step="any" min="0" :label="__('Target value')" :value="$incentive->target_value" :hint="__('Trips, earnings amount or online hours.')" required />
                <x-admin.select name="period" :label="__('Period')" :options="$periods" :value="$incentive->period" required />
                <x-admin.input name="reward_amount" type="number" step="0.01" min="0" :label="__('Reward')" :value="$incentive->reward_amount" required />
                <x-admin.select name="zone_id" :label="__('Zone')" :options="$zones" :value="$incentive->zone_id" :placeholder="__('All zones')" />
                <x-admin.select name="vehicle_type_id" :label="__('Vehicle type')" :options="$vehicleTypes" :value="$incentive->vehicle_type_id" :placeholder="__('All vehicle types')" />
                <x-admin.input name="starts_on" type="date" :label="__('Starts on')" :value="$incentive->starts_on?->toDateString()" required />
                <x-admin.input name="ends_on" type="date" :label="__('Ends on')" :value="$incentive->ends_on?->toDateString()" :hint="__('Leave empty to keep it running.')" />
                <div class="sm:col-span-2"><x-admin.toggle name="is_active" :checked="$incentive->is_active" :label="__('Active')" /></div>
            </div>
            <div class="mt-6 flex justify-end gap-2 border-t border-gray-200 pt-5 dark:border-gray-800">
                <x-admin.button variant="secondary" :href="route('admin.incentives.index')">{{ __('Cancel') }}</x-admin.button>
                <x-admin.button type="submit" icon="check">{{ $editing ? __('Save changes') : __('Create incentive') }}</x-admin.button>
            </div>
        </x-admin.card>
    </form>
</x-admin.layout>