@php
    /** @var \App\Domain\MasterData\Models\Customer $customer */
@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', $customer->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', $customer->code)"
            placeholder="{{ __('Optional') }}"
        />
        <x-input-error :messages="$errors->get('code')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="phone" :value="__('Phone')" />
        <x-text-input
            id="phone"
            name="phone"
            type="text"
            class="mt-1 block w-full"
            :value="old('phone', $customer->phone)"
        />
        <x-input-error :messages="$errors->get('phone')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="email" :value="__('Email')" />
        <x-text-input
            id="email"
            name="email"
            type="email"
            class="mt-1 block w-full"
            :value="old('email', $customer->email)"
        />
        <x-input-error :messages="$errors->get('email')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="loyalty_points" :value="__('Loyalty points')" />
        <x-text-input
            id="loyalty_points"
            name="loyalty_points"
            type="number"
            min="0"
            class="mt-1 block w-full"
            :value="old('loyalty_points', $customer->loyalty_points ?? 0)"
        />
        <x-input-error :messages="$errors->get('loyalty_points')" class="mt-2" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="address" :value="__('Address')" />
        <textarea
            id="address"
            name="address"
            rows="3"
            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"
        >{{ old('address', $customer->address) }}</textarea>
        <x-input-error :messages="$errors->get('address')" 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', $customer->exists ? $customer->is_active : true))
        />
        <x-input-label for="is_active" :value="__('Active')" />
        <x-input-error :messages="$errors->get('is_active')" class="mt-2" />
    </div>
</div>