@extends('front.layout.app')
@section('content')
    <br><br><br>
    <table class="nl-container"
           style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #FFFFFF; width: 100%;"
           cellpadding="0" cellspacing="0" role="presentation" width="100%" bgcolor="#FFFFFF" valign="top">
        <tbody>
        <tr style="vertical-align: top;" valign="top">
            <td style="word-break: break-word; vertical-align: top;" valign="top">

                <div style="background-color:transparent;">
                    <div class="block-grid "
                         style="Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f6f6f6;">
                        <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f6f6f6;">
                            <!--[if (mso)|(IE)]>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0"
                                   style="background-color:transparent;">
                                <tr>
                                    <td align="center">
                                        <table cellpadding="0" cellspacing="0" border="0" style="width:700px">
                                            <tr class="layout-full-width" style="background-color:#f6f6f6"><![endif]-->
                            <!--[if (mso)|(IE)]>
                            <td align="center" width="700"
                                style="background-color:#f6f6f6;width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 0px; padding-left: 20px; padding-top:10px; padding-bottom:0px;">
                            <![endif]-->
                            <div class="col num12"
                                 style="min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:0px; padding-right: 0px; padding-left: 20px;">
                                        <!--<![endif]-->
                                        <!--[if mso]>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 0px; font-family: Arial, sans-serif">
                                        <![endif]-->
                                        <div
                                            style="color:#121212;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:0px;padding-left:10px;">
{{--                                            <p style="font-size: 12px; line-height: 19px; color: #121212; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0;">--}}
{{--                                                <span style="font-size: 16px;">Hey Smiles Davis,</span></p>--}}
                                        </div>
                                        <!--[if mso]></td></tr></table><![endif]-->
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                        </div>
                    </div>
                </div>
                <div style="background-color:transparent;">
                    <div class="block-grid "
                         style="Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f6f6f6;">
                        <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f6f6f6;">
                            <!--[if (mso)|(IE)]>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0"
                                   style="background-color:transparent;">
                                <tr>
                                    <td align="center">
                                        <table cellpadding="0" cellspacing="0" border="0" style="width:700px">
                                            <tr class="layout-full-width" style="background-color:#f6f6f6"><![endif]-->
                            <!--[if (mso)|(IE)]>
                            <td align="center" width="700"
                                style="background-color:#f6f6f6;width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 15px; padding-left: 20px; padding-top:0px; padding-bottom:10px;">
                            <![endif]-->
                            <div class="col num12"
                                 style="min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:10px; padding-right: 15px; padding-left: 20px;">
                                        <!--<![endif]-->
                                        <div class="img-container left fixedwidth" align="left"
                                             style="padding-right: 10px;padding-left: 10px;">
                                            <!--[if mso]>
                                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                <tr style="line-height:0px">
                                                    <td style="padding-right: 10px;padding-left: 10px;" align="left">
                                            <![endif]-->
                                            <div style="font-size:1px;line-height:20px">&nbsp;</div>
                                            <img class="left fixedwidth" border="0"
                                                 src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/669d5713-9b6a-46bb-bd7e-c542cff6dd6a/f8221e72e43e48c387fc496914027325/oc-thanks.png"
                                                 alt="Image" title="Image"
                                                 style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 432px; display: block;"
                                                 width="432">
                                            <div style="font-size:1px;line-height:10px">&nbsp;</div>
                                            <!--[if mso]></td></tr></table><![endif]-->
                                        </div>
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                        </div>
                    </div>
                </div>
                <div style="background-color:transparent;">
                    <div class="block-grid "
                         style="Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f6f6f6;">
                        <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f6f6f6;">
                            <!--[if (mso)|(IE)]>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0"
                                   style="background-color:transparent;">
                                <tr>
                                    <td align="center">
                                        <table cellpadding="0" cellspacing="0" border="0" style="width:700px">
                                            <tr class="layout-full-width" style="background-color:#f6f6f6"><![endif]-->
                            <!--[if (mso)|(IE)]>
                            <td align="center" width="700"
                                style="background-color:#f6f6f6;width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;">
                            <![endif]-->
                            <div class="col num12"
                                 style="min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
                                        <!--<![endif]-->
                                        <!--[if mso]>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td style="padding-right: 10px; padding-left: 20px; padding-top: 5px; padding-bottom: 10px; font-family: Arial, sans-serif">
                                        <![endif]-->
                                        <div
                                            style="color:#555555;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:120%;padding-top:5px;padding-right:10px;padding-bottom:10px;padding-left:20px;">
                                            <div
                                                style="line-height: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; color: #555555;">
                                                <p style="line-height: 19px; text-align: left; font-size: 12px; margin: 0;">
                            <span style="font-size: 16px;">
                              <span style="color: #121212; font-size: 16px; line-height: 19px;">
                                <span style="line-height: 19px; font-size: 16px;">
                                  Order ETA:{{ \Illuminate\Support\Carbon::now()->format('d M, Y h:i A') }}

                                </span>
                              </span>
                            </span>
                                                </p>
                                            </div>
                                        </div>
                                        <!--[if mso]></td></tr></table><![endif]-->
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                        </div>
                    </div>
                </div>
                <div style="background-color:transparent;">
                    <div class="block-grid mixed-two-up no-stack"
                         style="Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f6f6f6;">
                        <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f6f6f6;">
                            <!--[if (mso)|(IE)]>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0"
                                   style="background-color:transparent;">
                                <tr>
                                    <td align="center">
                                        <table cellpadding="0" cellspacing="0" border="0" style="width:700px">
                                            <tr class="layout-full-width" style="background-color:#f6f6f6"><![endif]-->
                            <!--[if (mso)|(IE)]>
                            <td align="center" width="466"
                                style="background-color:#f6f6f6;width:466px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;">
                            <![endif]-->
                            <div class="col num8"
                                 style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 464px; width: 466px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
                                        <!--<![endif]-->
                                        <div></div>
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td>
                            <td align="center" width="233"
                                style="background-color:#f6f6f6;width:233px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;">
                            <![endif]-->
                            <div class="col num4"
                                 style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 232px; width: 233px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
                                        <!--<![endif]-->
                                        <div class="img-container center fixedwidth" align="center"
                                             style="padding-right: 0px;padding-left: 0px;">
                                            <!--[if mso]>
                                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                <tr style="line-height:0px">
                                                    <td style="padding-right: 0px;padding-left: 0px;" align="center">
                                            <![endif]--><img class="center fixedwidth" align="center" border="0"
                                                             src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/669d5713-9b6a-46bb-bd7e-c542cff6dd6a/f8221e72e43e48c387fc496914027325/oc-legs.png"
                                                             alt="Image" title="Image"
                                                             style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 116px; display: block;"
                                                             width="116">
                                            <!--[if mso]></td></tr></table><![endif]-->
                                        </div>
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                        </div>
                    </div>
                </div>
                <div style="background-color:transparent;">
                    <div class="block-grid "
                         style="Margin: 0 auto; min-width: 320px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #f6f6f6;">
                        <div style="border-collapse: collapse;display: table;width: 100%;background-color:#f6f6f6;">
                            <!--[if (mso)|(IE)]>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0"
                                   style="background-color:transparent;">
                                <tr>
                                    <td align="center">
                                        <table cellpadding="0" cellspacing="0" border="0" style="width:700px">
                                            <tr class="layout-full-width" style="background-color:#f6f6f6"><![endif]-->
                            <!--[if (mso)|(IE)]>
                            <td align="center" width="700"
                                style="background-color:#f6f6f6;width:700px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;"
                                valign="top">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:15px;">
                            <![endif]-->
                            <div class="col num12"
                                 style="min-width: 320px; max-width: 700px; display: table-cell; vertical-align: top; width: 700px;">
                                <div style="width:100% !important;">
                                    <!--[if (!mso)&(!IE)]><!-->
                                    <div
                                        style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:15px; padding-right: 15px; padding-left: 15px;">
                                        <!--<![endif]-->
                                        <div class="img-container left fixedwidth" align="left"
                                             style="padding-right: 10px;padding-left: 10px;">
                                            <!--[if mso]>
                                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                <tr style="line-height:0px">
                                                    <td style="padding-right: 10px;padding-left: 10px;" align="left">
                                            <![endif]-->
                                            <div style="font-size:1px;line-height:10px">&nbsp;</div>
                                            <a href="{{route('front.product')}}"
                                               target="_blank" tabindex="-1">Continue Shopping
{{--                                                <img--}}
{{--                                                    class="left fixedwidth"--}}
{{--                                                    border="0"--}}
{{--                                                    src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/669d5713-9b6a-46bb-bd7e-c542cff6dd6a/f8221e72e43e48c387fc496914027325/oc-track.png"--}}
{{--                                                    alt="Track Delivery"--}}
{{--                                                    title="Track delivery"--}}
{{--                                                    style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: none; width: 100%; max-width: 201px; display: block;"--}}
{{--                                                    width="201"--}}
{{--                                                >--}}
                                            </a>
                                            <div style="font-size:1px;line-height:20px">&nbsp;</div>
                                            <!--[if mso]></td></tr></table><![endif]-->
                                        </div>
                                        <!--[if (!mso)&(!IE)]><!-->
                                    </div>
                                    <!--<![endif]-->
                                </div>
                            </div>
                            <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
                            <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
                        </div>
                    </div>
                </div>


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