@extends('layouts.public')

@section('content')
<h1 class="text-2xl font-bold mb-6">My Profile</h1>

<div class="bg-white rounded-xl shadow p-6">
    <form method="POST" action="{{ route('customer.profile.update') }}" class="space-y-4">
        @csrf
        @method('PATCH')

        <div>
            <label class="text-sm font-medium">Name</label>
            <input class="mt-1 w-full rounded border-gray-300 bg-gray-100" value="{{ $user->name }}" disabled />
        </div>

        <div>
            <label class="text-sm font-medium">Email</label>
            <input class="mt-1 w-full rounded border-gray-300 bg-gray-100" value="{{ $user->email }}" disabled />
        </div>

        <div>
            <label class="text-sm font-medium">Phone</label>
            <input name="phone" class="mt-1 w-full rounded border-gray-300"
                   value="{{ old('phone', $profile->phone) }}" />
            @error('phone') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
        </div>

        <div>
            <label class="text-sm font-medium">Address Line 1</label>
            <input name="address_line1" class="mt-1 w-full rounded border-gray-300"
                   value="{{ old('address_line1', $profile->address_line1) }}" />
        </div>

        <div>
            <label class="text-sm font-medium">Address Line 2</label>
            <input name="address_line2" class="mt-1 w-full rounded border-gray-300"
                   value="{{ old('address_line2', $profile->address_line2) }}" />
        </div>

        <div class="grid grid-cols-2 gap-3">
            <div>
                <label class="text-sm font-medium">City</label>
                <input name="city" class="mt-1 w-full rounded border-gray-300"
                       value="{{ old('city', $profile->city) }}" />
            </div>
            <div>
                <label class="text-sm font-medium">State</label>
                <input name="state" class="mt-1 w-full rounded border-gray-300"
                       value="{{ old('state', $profile->state) }}" />
            </div>
        </div>

        <div class="grid grid-cols-2 gap-3">
            <div>
                <label class="text-sm font-medium">Postcode</label>
                <input name="postcode" class="mt-1 w-full rounded border-gray-300"
                       value="{{ old('postcode', $profile->postcode) }}" />
            </div>
            <div>
                <label class="text-sm font-medium">Country</label>
                <input name="country" class="mt-1 w-full rounded border-gray-300"
                       value="{{ old('country', $profile->country ?? 'MY') }}" />
            </div>
        </div>

        <button class="px-5 py-3 rounded bg-black text-white">Save</button>
    </form>
</div>
@endsection