@extends('emails.layout')

@section('content')
    <div class="email-title">
        🔐 إعادة تعيين كلمة المرور
    </div>

    <div class="email-content" style="text-align: center;">
        <p style="font-size: 18px; margin-bottom: 20px;">
            يمكنك استخدام هذا الرمز لإعادة تعيين كلمة المرور الخاصة بك:
        </p>
        
        <div style="background: #f7fafc; padding: 20px; border-radius: 8px; margin: 20px 0; display: inline-block;">
            <span style="font-size: 32px; font-weight: bold; color: #2d3748; letter-spacing: 5px; font-family: 'Noto Kufi Arabic', Arial, monospace;">
                {{ $otp_code }}
            </span>
        </div>

        <p style="color: #718096; font-size: 14px; margin-top: 20px;">
            هذا الرمز صالح لفترة محدودة
        </p>
    </div>

    <br/>

    <div class="email-footer-text">
        شكراً لاستخدامك <b>{{ config('app.name') }}</b><br/>
        إذا لم تطلب إعادة تعيين كلمة المرور، يرجى تجاهل هذه الرسالة.
    </div>
@endsection