@extends('layouts.account', ['title' => 'إعدادات الملف الشخصي | RaseedNow'])

@section('account_content')
    <div class="kd-page-head">
        <h1>إعدادات الملف الشخصي</h1>
    </div>

    <div class="kd-two-col">
        <section class="kd-card">
            <div class="kd-card-head"><h2>المعلومات الشخصية</h2></div>
            <form method="POST" action="{{ route('account.profile.update') }}" class="kd-form">
                @csrf
                @method('PATCH')
                <label><span>الاسم الكامل</span><input name="name" value="{{ old('name', $user->name) }}" required></label>
                <label><span>اسم العرض</span><input name="display_name" value="{{ old('display_name', $user->display_name) }}"></label>
                <label><span>البريد الإلكتروني</span><input value="{{ $user->email }}" disabled></label>
                <label><span>رقم الهاتف</span><input name="phone" value="{{ old('phone', $user->phone) }}"></label>
                <label><span>اللغة</span><select name="locale"><option value="ar" @selected($user->locale === 'ar')>العربية</option><option value="en" @selected($user->locale === 'en')>English</option></select></label>
                <button class="kd-primary" type="submit">حفظ التغييرات</button>
            </form>
        </section>

        <section class="kd-card">
            <div class="kd-card-head"><h2>تغيير كلمة المرور</h2></div>
            <form method="POST" action="{{ route('account.profile.password') }}" class="kd-form">
                @csrf
                @method('PATCH')
                <label><span>كلمة المرور الحالية</span><input name="current_password" type="password" required></label>
                <label><span>كلمة المرور الجديدة</span><input name="password" type="password" required></label>
                <label><span>تأكيد كلمة المرور الجديدة</span><input name="password_confirmation" type="password" required></label>
                <button class="kd-primary" type="submit">تغيير كلمة المرور</button>
            </form>
        </section>
    </div>
@endsection