@php($isEdit = $customer->exists)

<div class="space-y-5">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
        <div>
            <label for="name" class="label block mb-2" style="color: var(--color-ink-70);">Name</label>
            <input id="name" name="name" type="text" value="{{ old('name', $customer->name) }}" class="input" required maxlength="255">
            @error('name')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
        </div>
        <div>
            <label for="phone" class="label block mb-2" style="color: var(--color-ink-70);">Phone</label>
            <input id="phone" name="phone" type="text" value="{{ old('phone', $customer->phone) }}" class="input" maxlength="50" placeholder="+8801XXXXXXXXX">
            @error('phone')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
        <div>
            <label for="email" class="label block mb-2" style="color: var(--color-ink-70);">Email (optional)</label>
            <input id="email" name="email" type="email" value="{{ old('email', $customer->email) }}" class="input">
            @error('email')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
        </div>
        <div>
            <label for="city" class="label block mb-2" style="color: var(--color-ink-70);">City (optional)</label>
            <input id="city" name="city" type="text" value="{{ old('city', $customer->city) }}" class="input">
            @error('city')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
        </div>
    </div>

    <div>
        <label for="address" class="label block mb-2" style="color: var(--color-ink-70);">Address</label>
        <textarea id="address" name="address" rows="2" class="input">{{ old('address', $customer->address) }}</textarea>
        @error('address')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
    </div>

    <div>
        <label for="notes" class="label block mb-2" style="color: var(--color-ink-70);">Notes (optional)</label>
        <textarea id="notes" name="notes" rows="3" class="input" placeholder="Allergies, fragrance preferences, repeat-buyer notes...">{{ old('notes', $customer->notes) }}</textarea>
        @error('notes')<p class="mt-2 text-xs" style="color: var(--color-lilac);">{{ $message }}</p>@enderror
    </div>

    <div class="flex items-center gap-3 pt-2">
        <button type="submit" class="btn btn-primary">{{ $isEdit ? 'Update Customer' : 'Create Customer' }}</button>
        <a href="{{ route('admin.customers.index') }}" class="btn btn-ghost">Cancel</a>
    </div>
</div>