@extends('emails.layout')

@section('content')
    <tr>
        <td style="padding: 20px 30px; direction: rtl; text-align: right;">
            <p style="font-size: 16px; line-height: 1.6; color: #333; margin: 0 0 20px 0;">
                مرحباً،
            </p>
            <p style="font-size: 16px; line-height: 1.6; color: #333; margin: 0 0 20px 0;">
                لقد طلبت إعادة تعيين كلمة المرور لحسابك. استخدم رمز التحقق التالي لإكمال العملية:
            </p>
            <div style="text-align: center; margin: 30px 0;">
                <div style="display: inline-block; background-color: #f4f4f4; padding: 20px 40px; border-radius: 8px; font-size: 32px; font-weight: bold; letter-spacing: 8px; color: #5854FE; font-family: 'Courier New', monospace;">
                    {{ $otpCode }}
                </div>
            </div>
            <p style="font-size: 14px; line-height: 1.6; color: #666; margin: 0 0 20px 0;">
                هذا الرمز صالح لمدة 15 دقيقة فقط. إذا لم تطلب إعادة تعيين كلمة المرور، يمكنك تجاهل هذا البريد الإلكتروني.
            </p>
            <p style="font-size: 14px; line-height: 1.6; color: #666; margin: 0;">
                إذا واجهت أي مشاكل، يرجى التواصل مع فريق الدعم.
            </p>
        </td>
    </tr>
@endsection