@extends('emails.layouts.email-layout')
@section('content')
<table class="mobile-table" style="min-width:290px;font-family:Helvetica, Arial, 'sans-serif';background: #EBF9F9;margin-bottom:30px;border-radius: 10px;overflow: hidden;border-collapse: separate !important; width:625px" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td align="center" valign="top" style="min-width: 200px;padding:33px 25px 30px">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" style="min-width:290px;">
                    <tbody>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;"><img style="display: inline-block;width: auto;height: 125px;" src="{{ asset('img/confirm-email-img.png') }}"></td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;color:#136564;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 32px;padding:60px 0 30px;">Confirm your email
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;color:#2D2D2D;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 18px;">Click here to confirm your email and fully activate your account.
                            </td>
                        </tr>
                        <tr>
                            <td align="left" valign="top" style="min-width: 200px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="left" valign="top" style="min-width: 200px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;"><a href="{{ $verificationUrl }}" target="_blank" style=" text-align:center;background: #FB9A00; color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;height:auto; padding: 12px 55px; line-height:normal;display:inline-block;font-weight:600;"> Confirm Email
                                </a></td>
                        </tr>
                        <tr>
                            <td align="left" valign="top" style="min-width: 200px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;color: #979797; font-size: 12px;font-weight: 400;">Note: Please do not reply to this message. The email cannot accept any incoming email.
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
@endsection