<x-emails.layout>
    <table style="width:100%;max-width:620px;margin:0 auto;background-color:#ffffff;">
        <tbody>
            <tr>
                <td style="padding: 30px 30px 15px 30px;">
                    <h2 style="font-size: 18px; color: #6576ff; font-weight: 600; margin: 0;">Confirm Your E-Mail Address</h2>
                </td>
            </tr>
            <tr>
                <td style="padding: 0 30px 20px">
                    <p style="margin-bottom: 10px;">Hi {{ $body->name }},</p>
                    @if($body->type == 'new_user')
                        <p style="margin-bottom: 10px;">Welcome! <br> You are receiving this email because you have registered on {{ config('settings.site_url') }}.</p>
                    @else
                        <p style="margin-bottom: 10px;">You are receiving the email because your old email on {{ config('settings.site_url') }} was changed to this email. <br> 
                            We need you to verify this email address to enable us serve you better. 
                        </p>
                    @endif
                    <p style="margin-bottom: 10px;">Click the link below to activate your {{ config('settings.site_name') }} account.</p>
                    <a href="{{ route('user.verify', $body->token) }}" style="background-color:#6576ff;border-radius:4px;color:#ffffff;display:inline-block;font-size:13px;font-weight:600;line-height:44px;text-align:center;text-decoration:none;text-transform: uppercase; padding: 0 30px">Verify Email</a>
                </td>
            </tr>
            <tr>
                <td style="padding: 0 30px">
                    <h4 style="font-size: 15px; color: #000000; font-weight: 600; margin: 0; text-transform: uppercase; margin-bottom: 10px">or</h4>
                    <p style="margin-bottom: 10px;">If the button above does not work, paste this link into your web browser:</p>
                    <a href="{{ route('user.verify', $body->token) }}" style="color: #6576ff; text-decoration:none;word-break: break-all;">{{ route('user.verify', $body->token) }}</a>
                </td>
            </tr>
            <tr>
                <td style="padding: 20px 30px 40px">
                    <p>If you did not make this request, please contact us or ignore this message.</p>
                </td>
            </tr>
        </tbody>
    </table>
</x-emails.layout>
