@csrf

<div class="grid gap-5 md:grid-cols-2">
    <div>
        <x-input-label for="name" :value="__('Client Name')" />
        <x-text-input id="name" name="name" type="text" class="mt-2 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="company" :value="__('ORG/INSTITUTE')" />
        <x-text-input id="company" name="company" type="text" class="mt-2 block w-full" :value="old('company', $customer->company)" />
        <x-input-error :messages="$errors->get('company')" class="mt-2" />
    </div>
    <div class="md:col-span-2">
        <x-input-label for="delivery_address" :value="__('Delivery Address')" />
        <textarea id="delivery_address" name="delivery_address" rows="4" class="mt-2 block w-full rounded-2xl border-slate-200 bg-white/80 text-sm shadow-sm focus:border-[#29A76A] focus:ring-[#29A76A] dark:border-slate-700 dark:bg-slate-900/80 dark:text-slate-100">{{ old('delivery_address', $customer->delivery_address) }}</textarea>
        <x-input-error :messages="$errors->get('delivery_address')" class="mt-2" />
    </div>
    <div>
        <x-input-label for="contact_person" :value="__('Contact Person')" />
        <x-text-input id="contact_person" name="contact_person" type="text" class="mt-2 block w-full" :value="old('contact_person', $customer->contact_person)" />
        <x-input-error :messages="$errors->get('contact_person')" class="mt-2" />
    </div>
    <div>
        <x-input-label for="contact_no" :value="__('Contact No.')" />
        <x-text-input id="contact_no" name="contact_no" type="text" class="mt-2 block w-full" :value="old('contact_no', $customer->contact_no)" />
        <x-input-error :messages="$errors->get('contact_no')" class="mt-2" />
    </div>
    <div>
        <x-input-label for="city" :value="__('City')" />
        <x-text-input id="city" name="city" type="text" class="mt-2 block w-full" :value="old('city', $customer->city)" />
        <x-input-error :messages="$errors->get('city')" class="mt-2" />
    </div>
    <div>
        <x-input-label for="postal_code" :value="__('Postal Code')" />
        <x-text-input id="postal_code" name="postal_code" type="text" class="mt-2 block w-full" :value="old('postal_code', $customer->postal_code)" />
        <x-input-error :messages="$errors->get('postal_code')" class="mt-2" />
    </div>
    <div class="md:col-span-2">
        <x-input-label for="country" :value="__('Country')" />
        <x-text-input id="country" name="country" type="text" class="mt-2 block w-full" :value="old('country', $customer->country ?: 'India')" />
        <x-input-error :messages="$errors->get('country')" class="mt-2" />
    </div>
    <div class="md:col-span-2">
        <x-input-label for="notes" :value="__('Notes')" />
        <textarea id="notes" name="notes" rows="4" class="mt-2 block w-full rounded-2xl border-slate-200 bg-white/80 text-sm shadow-sm focus:border-[#29A76A] focus:ring-[#29A76A] dark:border-slate-700 dark:bg-slate-900/80 dark:text-slate-100">{{ old('notes', $customer->notes) }}</textarea>
        <x-input-error :messages="$errors->get('notes')" class="mt-2" />
    </div>
    <div class="md:col-span-2">
        <label for="is_active" class="inline-flex items-center gap-3 rounded-2xl border border-slate-200 px-4 py-3 text-sm font-medium dark:border-slate-700">
            <input id="is_active" name="is_active" type="checkbox" value="1" class="rounded border-slate-300 text-[#29A76A] focus:ring-[#29A76A]" @checked(old('is_active', $customer->is_active)) />
            <span>Customer is active and available for future orders</span>
        </label>
    </div>
</div>

<div class="mt-8 flex items-center justify-end gap-3">
    <a href="{{ route('customers.index') }}" class="inline-flex items-center rounded-2xl border border-slate-200 px-5 py-3 text-sm font-medium text-slate-700 transition hover:border-slate-400 dark:border-slate-700 dark:text-slate-200">
        Cancel
    </a>
    <x-primary-button class="rounded-2xl bg-[#29A76A] px-6 py-3 text-white hover:bg-[#248F5B] focus:bg-[#248F5B] active:bg-[#1F7A4E]">
        {{ $submitLabel }}
    </x-primary-button>
</div>