@extends('layouts.portal')

@section('title', 'تکمیل پروفایل | گواهینو')

@section('content')
<section class="form-page">
    <div class="form-page-copy">
        <span class="step-pill">گام آخر ثبت‌نام</span>
        <h1>حساب گواهینو را کامل کن</h1>
        <p>ایمیل برای بازیابی حساب و اطلاع‌رسانی‌های مهم استفاده می‌شود. با تعریف رمز، دفعات بعد بدون پیامک هم وارد می‌شوی.</p>
        <div class="verified-mobile"><small>شماره تأییدشده</small><b dir="ltr">{{ $user->mobile }}</b></div>
    </div>
    <div class="auth-card">
        <form class="stack-form" action="{{ route('profile.update') }}" method="post">
            @csrf
            @method('PUT')
            <label for="name">نام و نام خانوادگی</label>
            <input id="name" name="name" value="{{ old('name', $user->name) }}" autocomplete="name" required>
            @error('name')<small class="field-error">{{ $message }}</small>@enderror
            <label for="email">ایمیل</label>
            <input id="email" type="email" name="email" value="{{ old('email', $user->email) }}" dir="ltr" autocomplete="email" required>
            @error('email')<small class="field-error">{{ $message }}</small>@enderror
            <label for="password">رمز عبور جدید</label>
            <input id="password" type="password" name="password" dir="ltr" autocomplete="new-password" {{ $user->password ? '' : 'required' }}>
            @error('password')<small class="field-error">{{ $message }}</small>@enderror
            <label for="password_confirmation">تکرار رمز عبور</label>
            <input id="password_confirmation" type="password" name="password_confirmation" dir="ltr" autocomplete="new-password" {{ $user->password ? '' : 'required' }}>
            <label class="check-row">
                <input type="checkbox" name="marketing_consent" value="1" {{ old('marketing_consent', $user->marketing_consent) ? 'checked' : '' }}>
                پیشنهادها و تخفیف‌های گواهینو را دریافت می‌کنم.
            </label>
            <button class="primary-button full" type="submit">ذخیره و ورود به داشبورد</button>
        </form>
    </div>
</section>
@endsection