@php
    $currentTenant = tenant();
    $isVaopeTheme = $currentTenant ? ($currentTenant->id === 'vaope' || str_contains(request()->getHost(), 'vaope')) : true;

    // Configurar logo y tema según el tenant
    if ($isVaopeTheme) {
        $logo = 'https://static.vaope.com/public/repository/2644-logo-vaope.png';
        $logoAlt = 'Logo VAOPE';
        $themeClass = 'vaope-theme';
    } else {
        $logo = 'https://static.vaope.com/public/repository/2644-logo-vaope.png';
        $logoAlt = 'Logo TuEntrada';
        $themeClass = 'tuentrada-theme';
    }
@endphp

<tr>
    <td class="footer-cell">
        <table class="footer {{ $themeClass }}" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
            <!-- Información del promotor y logo -->
            <tr>
                <td class="footer-primary-section">
                    <div class="footer-content">
                        <div class="footer-info">
                        </div>
                        <div class="footer-logo">
                            <a href="{{ config('app.url') }}" class="footer-logo-link">
                                <img src="{{ $logo }}" alt="{{ $logoAlt }}" class="footer-logo-img">
                            </a>
                        </div>
                    </div>
                </td>
            </tr>

            <!-- Mensaje de copyright -->
            <tr>
                <td class="footer-copyright-section">

                    @if(isset($slot) && !empty(trim($slot)))
                    <div class="footer-custom-content">
                        {{ $slot }}
                    </div>
                    @endif
                </td>
            </tr>
        </table>
    </td>
</tr>

<style>
/* Base footer styles with email client compatibility */
.footer {
    margin: 0;
    border-spacing: 0;
    width: 100%;
}

.footer-cell {
    padding: 0;
}

.footer-primary-section {
    padding: 20px;
    background-color: #000000;
    color: #ffffff;
}

.footer-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
    min-height: 60px;
}

.footer-info {
    flex: 1;
    text-align: left;
}

.footer-text {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

.footer-logo {
    flex: 0 0 auto;
    margin-left: 50px;
}

.footer-logo-link {
    display: inline-block;
    text-decoration: none;
}

.footer-logo-img {
    height: 20px;
    width: auto;
    max-width: 100%;
}

.footer-copyright-section {
    padding: 12px 10px;
    text-align: center;
    background-color: #0D0D1B;
    color: #999999;
}

.footer-copyright-text {
    font-size: 12px;
    color: inherit;
}

.footer-custom-content {
    margin-top: 8px;
    font-size: 12px;
    color: #888888;
}

/* Large screens (desktops) */
@media only screen and (min-width: 1200px) {
    .footer-content {
        max-width: 1000px;
    }

    .footer-text {
        font-size: 15px;
    }

    .footer-logo-img {
        height: 24px;
    }

    .footer-copyright-text {
        font-size: 13px;
    }
}

/* Medium screens (tablets) */
@media only screen and (max-width: 768px) {
    .footer-primary-section {
        padding: 18px 15px;
    }

    .footer-logo {
        margin-left: 15px;
    }
}

/* Small screens (mobile landscape) */
@media only screen and (max-width: 600px) {
    .footer-content {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }

    .footer-info {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-logo {
        margin-left: 0;
    }

    .footer-primary-section {
        padding: 20px 12px;
    }

    .footer-text {
        font-size: 13px;
    }

    .footer-copyright-text {
        font-size: 11px;
        padding: 0 10px;
        display: block;
    }
}

/* Extra small screens (mobile portrait) */
@media only screen and (max-width: 400px) {
    .footer-primary-section {
        padding: 16px 10px;
    }

    .footer-text {
        font-size: 12px;
    }

    .footer-logo-img {
        height: 18px;
    }

    .footer-copyright-section {
        padding: 10px 8px;
    }

    .footer-copyright-text {
        font-size: 10px;
    }

    .footer-custom-content {
        font-size: 10px;
    }
}

/* Email client specific fixes */
[data-ogsc] .footer-primary-section {
    background-color: #000000 !important;
}

[data-ogsc] .footer-copyright-section {
    background-color: #0D0D1B !important;
}

/* Dark mode support for clients that support it */
@media (prefers-color-scheme: dark) {
    .footer-primary-section {
        background-color: #121212;
    }

    .footer-copyright-section {
        background-color: #0A0A14;
    }
}
</style>