@extends('layouts.admin')

@section('content')
<div class="max-w-lg mx-auto py-8 px-4">
    <h1 class="font-['Sora'] text-2xl font-semibold text-[#5E35B1] mb-6">Edit Customer</h1>

    <form method="POST" action="{{ route('customers.update', $customer) }}" class="bg-white rounded-xl shadow-sm border border-[#5E35B1]/10 p-6 space-y-4">
        @csrf @method('PUT')

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Name *</label>
            <input type="text" name="name" value="{{ old('name', $customer->name) }}" required
                   class="w-full border border-[#5E35B1]/20 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#5E35B1]/40">
            @error('name')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
        </div>

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Phone</label>
            <input type="text" name="phone" value="{{ old('phone', $customer->phone) }}"
                   class="w-full border border-[#5E35B1]/20 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#5E35B1]/40">
            @error('phone')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
        </div>

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Address</label>
            <textarea name="address" rows="3"
                      class="w-full border border-[#5E35B1]/20 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-[#5E35B1]/40">{{ old('address', $customer->address) }}</textarea>
            @error('address')<p class="text-red-500 text-sm mt-1">{{ $message }}</p>@enderror
        </div>

        <div class="flex justify-end gap-3 pt-2 border-t-2 border-dashed border-[#F57C00]/30">
            <a href="{{ route('customers.index') }}" class="px-4 py-2 text-gray-600">Cancel</a>
            <button class="bg-[#C2185B] text-white px-4 py-2 rounded-lg font-medium hover:bg-[#a3134b]">Update</button>
        </div>
    </form>
</div>
@endsection