@extends('layouts.storefront')

@section('content')
<div class="max-w-xl mx-auto px-4 py-10">
    <h1 class="text-2xl font-bold text-primary mb-6">تحديث البيانات الشخصية</h1>

    <form method="POST" action="{{ route('customer.profile.update') }}" class="space-y-6">
        @csrf
        @method('PUT')

        {{-- الاسم --}}
        <div>
            <label for="name" class="block mb-1 text-sm font-medium text-gray-700">الاسم الكامل</label>
            <input type="text" id="name" name="name" value="{{ old('name', auth('customer')->user()->name) }}"
                   required class="input input-bordered w-full">
            @error('name')
                <div class="text-sm text-red-500 mt-1">{{ $message }}</div>
            @enderror
        </div>

        {{-- البريد الإلكتروني --}}
        <div>
            <label for="email" class="block mb-1 text-sm font-medium text-gray-700">البريد الإلكتروني</label>
            <input type="email" id="email" name="email" value="{{ old('email', auth('customer')->user()->email) }}"
                   required class="input input-bordered w-full">
            @error('email')
                <div class="text-sm text-red-500 mt-1">{{ $message }}</div>
            @enderror
        </div>

        {{-- كلمة المرور الجديدة --}}
        <div>
            <label for="password" class="block mb-1 text-sm font-medium text-gray-700">كلمة المرور الجديدة (اختياري)</label>
            <input type="password" id="password" name="password" class="input input-bordered w-full">
            @error('password')
                <div class="text-sm text-red-500 mt-1">{{ $message }}</div>
            @enderror
        </div>

        {{-- تأكيد كلمة المرور --}}
        <div>
            <label for="password_confirmation" class="block mb-1 text-sm font-medium text-gray-700">تأكيد كلمة المرور</label>
            <input type="password" id="password_confirmation" name="password_confirmation" class="input input-bordered w-full">
        </div>

        {{-- زر الحفظ --}}
        <div>
            <button type="submit" class="btn btn-primary w-full">حفظ التعديلات</button>
        </div>
    </form>
</div>
@endsection