@extends('emails.layout')

@section('content')
    @php $brand = config('hakami.brand'); @endphp

    <h1 class="h1" style="margin:0 0 16px; color:{{ $brand['navy'] }}; font-size:25px; font-weight:700; line-height:1.4;">
        استلمنا طلبك
    </h1>

    <p style="margin:0 0 24px; color:{{ $brand['muted'] }}; font-size:15px; line-height:2;">
        شكراً لثقتك بنا يا {{ $request->name }}. وصلنا طلبك وسيتواصل معك أحد مستشارينا
        في أقرب وقت خلال ساعات العمل.
    </p>

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 24px;">
        <tr>
            <td style="border:1px dashed {{ $brand['border'] }}; border-radius:10px; padding:16px 20px;" align="center">
                <div style="color:{{ $brand['muted'] }}; font-size:11px; margin-bottom:6px;">الرقم المرجعي لطلبك</div>
                <div dir="ltr" style="color:{{ $brand['navy'] }}; font-size:20px; font-weight:700; letter-spacing:2px;">
                    {{ $request->reference }}
                </div>
            </td>
        </tr>
    </table>

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0"
           style="margin:0 0 26px; background:{{ $brand['sand'] }}; border-radius:10px;">
        <tr>
            <td style="padding:18px 20px;">
                <div style="color:{{ $brand['muted'] }}; font-size:11px; margin-bottom:10px;">ملخص الطلب</div>
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="font-size:13px; color:{{ $brand['navy'] }};">
                    <tr>
                        <td style="padding:5px 0; color:{{ $brand['muted'] }};">نوع التمويل</td>
                        <td style="padding:5px 0; font-weight:600;" align="left">{{ $request->typeLabel() }}</td>
                    </tr>
                    <tr>
                        <td style="padding:5px 0; color:{{ $brand['muted'] }};">رقم الجوال</td>
                        <td style="padding:5px 0; font-weight:600;" align="left" dir="ltr">{{ $request->phone }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <p style="margin:0; color:{{ $brand['muted'] }}; font-size:13px; line-height:1.9;">
        احتفظ بالرقم المرجعي لمتابعة حالة طلبك معنا.
    </p>
@endsection