@extends('layouts.email_layout')

@section('content')
<tr>
    <td align="center" style="padding:40px 12px;">
        <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0"
            style="width:600px;max-width:600px;background:#FFFFFF;border-collapse:collapse;">

            <!-- Header -->
            <tr>
                <td align="center" style="background:#FAF7F2;padding:32px 40px 0 40px;">

                    @if(!empty($siteinfo->logo))
                        <a href="{{ $siteinfo->website_url }}">
                            <img src="{{ $siteinfo->logo }}"
                                alt="{{ $siteinfo->logo_alt }}"
                                width="140"
                                style="display:block;border:0;outline:none;text-decoration:none;">
                        </a>
                    @else
                        <div style="font-family:Georgia,'Times New Roman',serif;font-size:32px;letter-spacing:8px;color:#310F4D;">
                            SAMA
                        </div>
                    @endif

                    <div style="height:1px;line-height:1px;background:#C9A880;margin-top:24px;">&nbsp;</div>
                </td>
            </tr>

            <!-- Body -->
            <tr>
                <td style="background:#FAF7F2;padding:40px 48px;">

                    <div style="font-size:10px;line-height:14px;letter-spacing:3px;text-transform:uppercase;color:#C9A880;font-weight:700;margin-bottom:14px;text-align:center;">
                        Email Verification
                    </div>

                    <div style="font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:36px;color:#310F4D;text-align:center;margin-bottom:32px;">
                        Welcome to SAMA
                    </div>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:24px;color:#310F4D;margin-bottom:20px;">
                        Hello,
                    </div>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;color:#6F5C7A;margin-bottom:28px;">
                        Use the verification code below to continue:
                    </div>

                    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                        <tr>
                            <td align="center">
                                <div style="display:inline-block;background:#310F4D;color:#FFFFFF;padding:18px 40px;border-radius:6px;font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;letter-spacing:10px;">
                                    {{ $otp }}
                                </div>
                            </td>
                        </tr>
                    </table>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;color:#6F5C7A;margin-top:28px;">
                        Your code will expire in <strong>10 minutes</strong>.
                    </div>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;color:#6F5C7A;margin-top:24px;">
                        For your security, please do not share this code with anyone.
                    </div>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;color:#6F5C7A;margin-top:24px;">
                        If you did not request this verification, no further action is required.
                    </div>

                    <div style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:26px;color:#310F4D;margin-top:40px;">
                        With appreciation,<br>
                        <strong>The SAMA Team</strong>
                    </div>

                </td>
            </tr>

        </table>
    </td>
</tr>
@endsection