@extends('layouts.panel')
@section('title', 'پروفایل من')
@section('content')
<x-ui.page-header title="پروفایل من" subtitle="ویرایش اطلاعات نمایشی حساب کاربری" />

<x-ui.card class="max-w-2xl">
    <form method="POST" action="{{ route('panel.profile.update') }}" class="space-y-4">
        @csrf
        @method('PUT')

        <x-ui.input name="display_name" label="نام نمایشی" :value="old('display_name', $user->display_name)" required />

        <div>
            <label class="cb-label">شماره موبایل</label>
            <input type="text" class="cb-input bg-slate-50" value="{{ $user->mobile }}" readonly>
            <p class="mt-1 text-xs text-slate-500">شماره موبایل از طریق پنل قابل تغییر نیست.</p>
        </div>

        <div class="grid gap-3 sm:grid-cols-2">
            <div class="rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm">
                <p class="text-slate-500">وضعیت حساب</p>
                <p class="mt-1 font-semibold text-slate-800">{{ $user->is_active ? 'فعال' : 'غیرفعال' }}</p>
            </div>
            <div class="rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm">
                <p class="text-slate-500">تأیید موبایل</p>
                <p class="mt-1 font-semibold text-slate-800">{{ $user->mobile_verified_at ? $user->mobile_verified_at->format('Y-m-d H:i') : 'هنوز تأیید نشده' }}</p>
            </div>
        </div>

        <x-ui.button type="submit">ذخیره تغییرات</x-ui.button>
    </form>
</x-ui.card>
@endsection