<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>
        {{ __('mail.provider_approved.subject') }}
    </title>
</head>

<body style="margin:0;padding:0;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;">

    <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f5f5f7">
        <tr>
            <td align="center" style="padding:25px;">

                <table width="650" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"
                    style="border-radius:24px;overflow:hidden;">

                    <tr>
                        <td style="background:#5a22d6;padding:50px 40px;color:white;">

                            <table width="100%">
                                <tr>
                                    <td valign="middle">
                                        <div style="font-size:44px;font-weight:bold;line-height:1.1;">
                                            {{ __('mail.provider_approved.title') }}
                                        </div>

                                        <div style="font-size:20px;margin-top:20px;line-height:1.6;">
                                            {{ __('mail.provider_approved.header_subtitle') }}
                                        </div>
                                    </td>

                                    <td width="220" align="right" valign="middle">
                                        <img src="{{ asset('images/diarinho_email_welcome.svg') }}" alt="Diarinho"
                                            width="170"
                                            style="display:block;border:0;width:170px;max-width:170px;height:auto;margin-left:auto;">
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>

                    <tr>
                        <td style="padding:30px;background:#f5f5f7;">

                            <table width="100%" bgcolor="#ffffff"
                                style="border-radius:24px;padding:35px;margin-bottom:25px;">

                                <tr>
                                    <td>
                                        @if (!empty($recipientName))
                                            <div style="font-size:34px;font-weight:bold;color:#222;line-height:1.4;">
                                                {{ __('mail.provider_approved.greeting', ['name' => $recipientName]) }}
                                            </div>
                                        @else
                                            <div style="font-size:34px;font-weight:bold;color:#222;line-height:1.4;">
                                                {{ __('mail.provider_approved.greeting_anonymous') }}
                                            </div>
                                        @endif
                                    </td>
                                </tr>

                                <tr>
                                    <td style="padding-top:25px;font-size:20px;color:#666;line-height:1.8;">
                                        {{ __('mail.provider_approved.body_intro') }}
                                    </td>
                                </tr>

                                <tr>
                                    <td style="padding-top:30px;">
                                        <table width="100%" bgcolor="#f3ecff"
                                            style="border-radius:18px;padding:24px;">
                                            <tr>
                                                <td style="font-size:18px;color:#5a22d6;line-height:1.8;font-weight:bold;">
                                                    {{ __('mail.provider_approved.next_step') }}
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                            </table>

                            <table width="100%" bgcolor="#f1ebff"
                                style="border-radius:24px;padding:25px;margin-bottom:25px;">

                                <tr>
                                    <td width="130" valign="middle">
                                        <img src="{{ asset('images/diarinho_email_code.svg') }}" alt="Diarinho"
                                            width="120"
                                            style="display:block;border:0;width:120px;max-width:120px;height:auto;">
                                    </td>

                                    <td valign="middle">
                                        <div style="font-size:30px;font-weight:bold;color:#5a22d6;">
                                            {{ __('mail.provider_approved.footer_title') }}
                                        </div>

                                        <div style="font-size:18px;color:#666;line-height:1.7;margin-top:10px;">
                                            {{ __('mail.provider_approved.footer_note') }}
                                        </div>
                                    </td>
                                </tr>

                            </table>

                        </td>
                    </tr>

                    <tr>
                        <td style="background:#5a22d6;padding:35px;color:white;">
                            <div style="text-align:right;font-size:18px;line-height:1.7;">
                                {{ __('mail.provider_approved.footer_note') }}
                            </div>

                            <div style="margin-top:25px;text-align:center;font-size:13px;opacity:0.7;">
                                © {{ date('Y') }}
                            </div>
                        </td>
                    </tr>

                </table>

            </td>
        </tr>
    </table>

</body>

</html>
