@php
    $editing = isset($customer);
@endphp

@if(session('error'))
    <div class="alert alert-error rounded-3xl mb-6">
        <span>⚠️</span>
        <span>{{ session('error') }}</span>
    </div>
@endif

@if($errors->any())
    <div class="alert alert-error rounded-3xl mb-6">
        <span>⚠️</span>

        <div>
            @foreach($errors->all() as $error)
                <div>{{ $error }}</div>
            @endforeach
        </div>
    </div>
@endif

<div class="grid grid-cols-1 xl:grid-cols-3 gap-6">
    <div class="xl:col-span-2 space-y-6">
        <div class="rounded-3xl border border-base-300 bg-base-100 p-6 shadow-sm">
            <h2 class="text-2xl font-black">
                🏪 Customer Information
            </h2>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-5">
                <label class="form-control md:col-span-2">
                    <span class="label-text font-bold mb-2">
                        Shop / Customer Name *
                    </span>

                    <input
                        type="text"
                        name="shop_name"
                        required
                        maxlength="255"
                        value="{{ old('shop_name', $customer->shop_name ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Customer Code
                    </span>

                    <input
                        type="text"
                        name="customer_code"
                        maxlength="100"
                        value="{{ old('customer_code', $customer->customer_code ?? '') }}"
                        placeholder="Generated automatically if empty"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Contact Person
                    </span>

                    <input
                        type="text"
                        name="contact_person"
                        maxlength="255"
                        value="{{ old('contact_person', $customer->contact_person ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Phone
                    </span>

                    <input
                        type="text"
                        name="phone"
                        maxlength="50"
                        value="{{ old('phone', $customer->phone ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        WhatsApp
                    </span>

                    <input
                        type="text"
                        name="whatsapp"
                        maxlength="50"
                        value="{{ old('whatsapp', $customer->whatsapp ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Email
                    </span>

                    <input
                        type="email"
                        name="email"
                        maxlength="255"
                        value="{{ old('email', $customer->email ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        City
                    </span>

                    <input
                        type="text"
                        name="city"
                        maxlength="150"
                        value="{{ old('city', $customer->city ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control md:col-span-2">
                    <span class="label-text font-bold mb-2">
                        Address
                    </span>

                    <textarea
                        name="address"
                        rows="3"
                        class="textarea textarea-bordered w-full rounded-2xl"
                    >{{ old('address', $customer->address ?? '') }}</textarea>
                </label>
            </div>
        </div>

        <div class="rounded-3xl border border-base-300 bg-base-100 p-6 shadow-sm">
            <h2 class="text-2xl font-black">
                📍 Location
            </h2>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-5">
                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Area
                    </span>

                    <select
                        name="area_id"
                        class="select select-bordered w-full rounded-2xl"
                    >
                        <option value="">No area</option>

                        @foreach($areas as $area)
                            <option
                                value="{{ $area->id }}"
                                @selected(
                                    (string) old(
                                        'area_id',
                                        $customer->area_id ?? ''
                                    ) === (string) $area->id
                                )
                            >
                                {{ $area->name }}
                            </option>
                        @endforeach
                    </select>
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Google Maps URL
                    </span>

                    <input
                        type="text"
                        name="google_maps_url"
                        maxlength="1000"
                        value="{{ old('google_maps_url', $customer->google_maps_url ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Latitude
                    </span>

                    <input
                        type="number"
                        step="0.0000001"
                        name="latitude"
                        value="{{ old('latitude', $customer->latitude ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Longitude
                    </span>

                    <input
                        type="number"
                        step="0.0000001"
                        name="longitude"
                        value="{{ old('longitude', $customer->longitude ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>
            </div>
        </div>

        <div class="rounded-3xl border border-base-300 bg-base-100 p-6 shadow-sm">
            <h2 class="text-2xl font-black">
                📝 Notes
            </h2>

            <textarea
                name="notes"
                rows="5"
                class="textarea textarea-bordered w-full rounded-2xl mt-5"
                placeholder="General customer notes..."
            >{{ old('notes', $customer->notes ?? '') }}</textarea>
        </div>
    </div>

    <div class="space-y-6">
        <div class="rounded-3xl border border-base-300 bg-base-100 p-6 shadow-sm">
            <h2 class="text-xl font-black">
                ⚙️ Assignment
            </h2>

            <div class="space-y-4 mt-5">
                @if(auth()->user()->isAdmin())
                    <label class="form-control">
                        <span class="label-text font-bold mb-2">
                            Salesman
                        </span>

                        <select
                            name="salesman_id"
                            class="select select-bordered w-full rounded-2xl"
                        >
                            <option value="">Unassigned</option>

                            @foreach($salesmen as $salesman)
                                <option
                                    value="{{ $salesman->id }}"
                                    @selected(
                                        (string) old(
                                            'salesman_id',
                                            $customer->salesman_id ?? ''
                                        ) === (string) $salesman->id
                                    )
                                >
                                    {{ $salesman->name }}
                                </option>
                            @endforeach
                        </select>
                    </label>
                @else
                    <input
                        type="hidden"
                        name="salesman_id"
                        value="{{ auth()->id() }}"
                    >

                    <div class="rounded-2xl bg-base-200 p-4">
                        <div class="text-xs text-base-content/50">
                            Assigned Salesman
                        </div>

                        <div class="font-black">
                            {{ auth()->user()->name }}
                        </div>
                    </div>
                @endif

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Status *
                    </span>

                    <select
                        name="status"
                        required
                        class="select select-bordered w-full rounded-2xl"
                    >
                        @foreach([
                            'active' => 'Active',
                            'prospect' => 'Prospect',
                            'inactive' => 'Inactive',
                        ] as $value => $label)
                            <option
                                value="{{ $value }}"
                                @selected(
                                    old(
                                        'status',
                                        $customer->status ?? 'active'
                                    ) === $value
                                )
                            >
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </label>
            </div>
        </div>

        <div class="rounded-3xl border border-base-300 bg-base-100 p-6 shadow-sm">
            <h2 class="text-xl font-black">
                💳 Credit Information
            </h2>

            <div class="space-y-4 mt-5">
                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Opening Balance
                    </span>

                    <input
                        type="number"
                        step="0.01"
                        name="opening_balance"
                        value="{{ old('opening_balance', $customer->opening_balance ?? 0) }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Credit Limit
                    </span>

                    <input
                        type="number"
                        step="0.01"
                        min="0"
                        name="credit_limit"
                        value="{{ old('credit_limit', $customer->credit_limit ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>

                <label class="form-control">
                    <span class="label-text font-bold mb-2">
                        Credit Days
                    </span>

                    <input
                        type="number"
                        min="0"
                        name="credit_days"
                        value="{{ old('credit_days', $customer->credit_days ?? '') }}"
                        class="input input-bordered w-full rounded-2xl"
                    >
                </label>
            </div>
        </div>

        <button class="btn btn-primary btn-lg w-full rounded-2xl">
            {{ $editing ? '💾 Save Changes' : '➕ Create Customer' }}
        </button>

        <a
            href="{{ $editing ? route('customers.show', $customer) : route('customers.index') }}"
            class="btn btn-ghost w-full rounded-2xl"
        >
            Cancel
        </a>
    </div>
</div>