@php
    $isYes = $rsvpStatus === 'yes';
    $statusLabel = $isYes ? 'Oui' : 'Non';
    $statusColor = $isYes ? '#16a34a' : '#dc2626';
    $fullName = trim(($firstName ?? '') . ' ' . ($lastName ?? ''));
    $respondedLabel = $respondedAt ? $respondedAt->format('d/m/Y H:i') : '—';
@endphp
<div style="background-color: #ffffff; margin: 0; padding: 0;">
    <table style="background-color: #f7f6f5; width: 100%; border-collapse: collapse;" role="presentation"
        cellspacing="0" cellpadding="0">
        <tr>
            <td>
                <table style="width: 100%; background-color: #f7f6f5;" role="presentation" cellspacing="0"
                    cellpadding="0" align="center">
                    <tr>
                        <td>
                            <table
                                style="background-color: #2aba9654; color: #000000; width: 100%; max-width: 600px; margin: auto;"
                                role="presentation" cellspacing="0" cellpadding="0" align="center">
                                <tr>
                                    <td style="text-align: center; padding: 20px;">
                                        <img style="height: auto; border: 0; width: 150px; max-width: 100%;"
                                            title="The Landlord" src="https://manager.thelandlord.tn/Logo.png"
                                            alt="The Landlord logo">
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>

                <table style="width: 100%; background-color: #f7f6f5;" role="presentation" cellspacing="0"
                    cellpadding="0" align="center">
                    <tr>
                        <td>
                            <table
                                style="background-color: #ffffff; color: #000000; width: 100%; max-width: 600px; margin: auto;"
                                role="presentation" cellspacing="0" cellpadding="20" align="center">
                                <tr>
                                    <td style="font-weight: 400; text-align: left; line-height: 1.5; color: #1b4e4d;">
                                        <p style="margin: 0 0 12px; font-size: 16px; font-weight: 600;">
                                            Nouvelle réponse RSVP — {{ $eventName }}
                                        </p>

                                        <table role="presentation" cellpadding="6" cellspacing="0"
                                            style="border-collapse: collapse; width: 100%; margin: 10px 0;">
                                            <tr>
                                                <td style="font-weight: 600; width: 35%;">Invité</td>
                                                <td>{{ $fullName !== '' ? $fullName : '—' }}</td>
                                            </tr>
                                            <tr>
                                                <td style="font-weight: 600;">Téléphone</td>
                                                <td>{{ $phone }}</td>
                                            </tr>
                                            <tr>
                                                <td style="font-weight: 600;">Email</td>
                                                <td>{{ $clientEmail ?? '—' }}</td>
                                            </tr>
                                            <tr>
                                                <td style="font-weight: 600;">Réponse</td>
                                                <td style="font-weight: 700; color: {{ $statusColor }};">{{ $statusLabel }}</td>
                                            </tr>
                                            <tr>
                                                <td style="font-weight: 600;">Répondu le</td>
                                                <td>{{ $respondedLabel }}</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>

                <table style="width: 100%; background-color: #f7f6f5;" role="presentation" cellspacing="0"
                    cellpadding="0" align="center">
                    <tr>
                        <td style="text-align: center; padding: 16px; color: #6b7280; font-size: 12px;">
                            Notification automatique — The Landlord Manager
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>