<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <style>
        @media only screen and (max-width: 600px) {
            .inner-body {
                width: 100% !important;
            }

            .footer {
                width: 100% !important;
            }
        }

        @media only screen and (max-width: 500px) {
            .button {
                width: 100% !important;
            }
        }
    </style>

    <table class="wrapper" width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td align="center">
                <table class="content" width="100%" cellpadding="0" cellspacing="0">
                    <tr class="w3-theme" style="background-color: #008496 !important;">
                        <td align="center">
                            <div style="text-align: center; padding: 8px;">
                                <center><img src="{{ asset('images/externos/unicatolica-logo-vertical-blanco.png') }}" class="w3-image" width="170" /></center><br>
                                <h1 style="color: white; text-align: center !important;"><b>{{ config('app.name') }}</b></h1>
                            </div>
                        </td>
                    </tr>
                    {{-- $header or '' --}}

                    <!-- Email Body -->
                    <tr>
                        <td class="body" width="100%" cellpadding="0" cellspacing="0">
                            <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0">
                                <!-- Body content -->
                                <tr>
                                    <td class="content-cell">
                                        {{ Illuminate\Mail\Markdown::parse($slot) }}

                                        {{ $subcopy ?? '' }}
                                    </td>
                                </tr>
                            </table>

                            <table align="center" width="570" cellspacing="10">
                                <tr>
                                    <td colspan="2">cordialmente,</td>
                                </tr>
                                <tr>
                                    <td style="border-right: 1px solid black; padding-right: 10px;">
                                        <img src="{{ asset('images/externos/unicatolica-logo-vertical-color.png') }}" width="160">
                                    </td>
                                    <td>
                                        <p style="text-align: justify;">
                                        Departamento de Contabilidad y Finanzas - Vicerrectoría Administrativa<br>
                                        Fundación Universitaria Católica Lumen Gentium<br>
                                        Tel.: +57 2 555 27 67 / 312 0038 ext.: 3250, 3252, 3254, 3256, 3258 - Campus Meléndez<br>
                                        Cali - Colombia<br>
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan='2'>
                                        <p style='font-family:Avenir,Helvetica,sans-serif;box-sizing:border-box;color:#74787e;font-size:9px;line-height:0.9;margin-top:0;text-align:justify'>Aviso Legal: Este mensaje (incluyendo sus anexos, está destinado únicamente para el uso del individuo o entidad a la cual está direccionado y puede contener información que no es de carácter público, de uso privilegiado o confidencial. Si usted no es el destinatario intencional se le informa que cualquier uso, difusión, distribución o copiado de esta comunicación está terminantemente prohibido, tal como lo establece la ley 1273 de enero de 2009. Si usted ha recibido esta comunicación por error, notifíquenos inmediatamente y elimine este mensaje. Este mensaje y sus anexos han sido revisados con software antivirus, para evitar que contenga código malicioso que pueda afectar sistemas de cómputo, sin embargo es responsabilidad del destinatario confirmar este hecho en el momento de su recepción.</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    {{ $footer or '' }}
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
