<div class="profile-card">
    <div class="profile-card-header">
        <h2>{{ __('معلومات الملف الشخصي') }}</h2>
        <p>{{ __('قم بتحديث معلومات حسابك والبريد الإلكتروني.') }}</p>
    </div>

    <form id="send-verification" method="post" action="{{ route('verification.send') }}" style="display:none;">@csrf</form>

    <form method="post" action="{{ route('profile.update') }}">
        @csrf @method('patch')

        <div class="form-group">
            <label for="name">{{ __('الاسم') }}</label>
            <div class="input-wrapper">
                <i class="fas fa-user"></i>
                <input id="name" name="name" type="text" class="form-control" value="{{ old('name', $user->name) }}" required autofocus autocomplete="name">
            </div>
            @error('name')
                <div class="error-msg">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="email">{{ __('البريد الإلكتروني') }}</label>
            <div class="input-wrapper">
                <i class="fas fa-envelope"></i>
                <input id="email" name="email" type="email" class="form-control" value="{{ old('email', $user->email) }}" required autocomplete="username">
            </div>
            @error('email')
                <div class="error-msg">{{ $message }}</div>
            @enderror

            @if ($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail())
                <div class="verification-text">
                    {{ __('بريدك الإلكتروني غير مؤكد.') }}
                    <button form="send-verification">{{ __('اضغط هنا لإعادة إرسال رابط التفعيل.') }}</button>
                </div>
                @if (session('status') === 'verification-link-sent')
                    <div class="verification-sent">{{ __('تم إرسال رابط التفعيل إلى بريدك الإلكتروني.') }}</div>
                @endif
            @endif
        </div>

        <div class="action-bar">
            <button type="submit" class="btn-primary"><i class="fas fa-save"></i> {{ __('حفظ') }}</button>
            @if (session('status') === 'profile-updated')
                <span class="success-msg"><i class="fas fa-check-circle"></i> {{ __('تم الحفظ') }}</span>
            @endif
        </div>
    </form>
</div>
