@extends('mail.layout')

@section('content')
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:5px;padding-left:10px;padding-right:10px;padding-top:10px;">
                <div style="color:#B1AED1;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;line-height:120%;text-align:center;mso-line-height-alt:24px;">
                </div>
            </td>
        </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-2" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:5px;padding-left:5px;padding-right:5px;">
                <div style="color:#454562;font-family:'Roboto',Tahoma,Verdana,Segoe,sans-serif;font-size:38px;line-height:120%;text-align:center;mso-line-height-alt:45.6px;">
                    <p style="margin: 0; word-break: break-word;"><span>Invoice for {{ $invoice->customer->name }} {{ $invoice->customer->last_name }}</span></p>
                </div>
            </td>
        </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-3" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px;">
                <div style="color:#555555;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:150%;text-align:center;mso-line-height-alt:21px;">
                    <p style="margin: 0; word-break: break-word;"></p>

                    <p>Dear {{ $invoice->customer->name }} {{ $invoice->customer->last_name }},</p>

                    <p>In order to provide you with secure access to your recent invoice, we have implemented Two-Factor Authentication (2FA) for an added layer of protection. Please use the following verification code to view your invoice:</p>

                    <p><strong>{{ $customer->two_factor_secret }}</strong></p>

                    <p>We appreciate your understanding and cooperation as we prioritize the security of your information.</p>

                    <p>If you have any questions or concerns regarding the invoice, feel free to contact us.</p>
                </div>
            </td>
        </tr>
    </table>

    <style>
        p, ul, ol {
            text-align: left;
        }
    </style>
@endsection