<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Email Template web</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
        rel="stylesheet">
    <style type="text/css">
        body {
            background-color: #FFFFFF;
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            font-family: Roboto, Arial;
        }

        .email-wrapper a {
            text-decoration: none;
            font-family: Roboto;
            font-weight: 400;
            font-size: 16px;
            line-height: 18.56px;
            color: #8B8B8B;
        }

        .main-table {
            background-color: #ffffff;
        }
    </style>
</head>

<body style="background-color: #f4f4f4; padding: 20px ;">
    <table class="main-table" width="698" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF"
        style="border-radius:20px; background-color : #ffffff ;">
        <tr>
            <td width="55" height="50" align="center" valign="top">&nbsp;</td>
            <td width="588" align="center" valign="top">&nbsp;</td>
            <td width="55" align="center" valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td width="55" height="126" align="center" valign="top">&nbsp;</td>
            <td width="588" align="center" valign="top"><img src="{{asset('images/trading_fmcg_logo.png')}}"
                    alt="logo" width="139" height="61"></td>
            <td width="55" align="center" valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td align="center" valign="top" height="90">&nbsp;</td>
            <td align="center" valign="top">
                <p
                    style="margin-top:0; padding-top:0; font-size: 22px; line-height:22px; font-weight: 600; color: #000000; text-align: left; margin-bottom: 4px;display:block;">
                    Hi {{$name ?? ""}},</p>
                <p class="email-wrapper"
                    style="margin-top:0; margin-bottom: 0; font-size: 16px; font-weight: 400; color: #8B8B8B; text-align: left;">
                    <a href="mailto:{{$to ?? ''}}"
                        style="font-size: 16px; font-weight: 400; color: #8B8B8B; text-decoration:none;">{{$to ?? ""}}</a>
                </p>
            </td>
            <td align="center" valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td align="center" valign="top">&nbsp;</td>
            <td align="center" valign="top">
                <table align="top"
                    style="border: 1px solid #DEDEDE; -webkit-border-radius: 19px; border-radius: 19px; -moz-border-radius: 19x; padding: 26px 63px; text-align: center;">
                    <tr>
                        <td>
                            <h2 style="font-size: 37.58px; font-weight: 700; color: #000; margin: 0;">One-Time Password
                            </h2>
                            <p style="font-size: 14px; font-weight: 400; color: #000;">
                              {{$extra ?? "Thank you for choosing Trading FMCG. Use the following OTP to complete your Sign Up procedures."}}
                           </p>

                            <table align="center" cellpadding="0" cellspacing="0" border="0"
                                style="margin: 23px auto 23px; background-color: #000; border-radius: 5px; max-width: 185px;">
                                <tr>
                                    <td style="padding: 12px 50px;">
                                        <span style="font-size: 25.28px; font-weight: 600; color: #fff;">{{$text ?? ''}}</span>
                                    </td>
                                </tr>
                            </table>

                            <p style="font-size: 14px; font-weight: 400; color: #000;">If you didn't request this,
                                please ignore this email or contact support.</p>
                        </td>
                    </tr>
                </table>
            </td>
            <td align="center" valign="top">&nbsp;</td>
        </tr>
        <tr>
            <td align="center" valign="top">&nbsp;</td>
            <td align="center" valign="top">
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td align="left" style="font-size: 14px; font-weight: 400; color: #000;">&nbsp;</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="left" style="font-size: 16px; font-weight: 600; color: #000; padding-bottom: 5px;">
                            Regards,</td>
                        <td align="right">
                            <a href="{{env('APP_URL')}}"
                                style="font-size: 14px; font-weight: 400; text-decoration: underline; color: #848484;">Help
                                & Support</a>
                        </td>
                    </tr>
                    <tr>
                        <td align="left" style="font-size: 14px; font-weight: 400; color: #000;">Trading FMCG</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="left" style="font-size: 14px; font-weight: 400; color: #000;">&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>

                </table>
            </td>
            <td align="center" valign="top">&nbsp;</td>
        </tr>
    </table>
</body>

</html>