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

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

        <div class="form-group">
            <label for="update_password_current_password">{{ __('كلمة المرور الحالية') }}</label>
            <div class="input-wrapper">
                <i class="fas fa-lock"></i>
                <input id="update_password_current_password" name="current_password" type="password" class="form-control" autocomplete="current-password" placeholder="••••••••">
            </div>
            @error('current_password', 'updatePassword')
                <div class="error-msg">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="update_password_password">{{ __('كلمة المرور الجديدة') }}</label>
            <div class="input-wrapper">
                <i class="fas fa-key"></i>
                <input id="update_password_password" name="password" type="password" class="form-control" autocomplete="new-password" placeholder="••••••••">
            </div>
            @error('password', 'updatePassword')
                <div class="error-msg">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="update_password_password_confirmation">{{ __('تأكيد كلمة المرور الجديدة') }}</label>
            <div class="input-wrapper">
                <i class="fas fa-check-circle"></i>
                <input id="update_password_password_confirmation" name="password_confirmation" type="password" class="form-control" autocomplete="new-password" placeholder="••••••••">
            </div>
            @error('password_confirmation', 'updatePassword')
                <div class="error-msg">{{ $message }}</div>
            @enderror
        </div>

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