<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Напоминание</title>
</head>
<body style="font-family: Inter, -apple-system, sans-serif; max-width: 600px; margin: 0 auto; padding: 24px; color: #081319;">
    <h1 style="color: #0F6E56; font-size: 20px;">Лидерра. Напоминание</h1>

    <p>Здравствуйте, {{ $recipient->first_name ?? $recipient->email }}.</p>

    <p>Наступил срок напоминания по сделке <strong>#{{ $reminder->deal_id }}</strong>.</p>

    @if ($reminder->text)
        <blockquote style="border-left: 3px solid #0F6E56; padding: 8px 14px; background: #F0F8F5; margin: 16px 0;">
            {{ $reminder->text }}
        </blockquote>
    @endif

    <table style="width: 100%; border-collapse: collapse; margin: 16px 0;">
        <tr>
            <td style="padding: 8px 12px; background: #F6F3EC; width: 140px; vertical-align: top;">Запланировано</td>
            <td style="padding: 8px 12px; background: #FFFFFF; border-left: 1px solid #E1EEEA;">
                {{ $reminder->remind_at?->setTimezone($recipient->timezone ?? 'Europe/Moscow')->format('d.m.Y H:i') }}
            </td>
        </tr>
        <tr>
            <td style="padding: 8px 12px; background: #F6F3EC; vertical-align: top;">Сделка</td>
            <td style="padding: 8px 12px; background: #FFFFFF; border-left: 1px solid #E1EEEA;">#{{ $reminder->deal_id }}</td>
        </tr>
    </table>

    <p style="margin-top: 24px;">Откройте CRM, чтобы пометить напоминание выполненным.</p>

    <p style="color: #66635C; font-size: 12px; margin-top: 32px;">
        Это автоматическое уведомление о событии «Напоминание». Чтобы изменить настройки уведомлений — перейдите в Настройки → Уведомления.
    </p>
</body>
</html>
