<!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>{{ $tenant->organization_name ?? $tenant->subdomain }}</strong>
    пополнен на:</p>

    <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;">
                <strong>{{ $amountRub }} ₽</strong>
            </td>
        </tr>
        @if ($amountLeads !== null)
            <tr>
                <td style="padding: 8px 12px; background: #F6F3EC; vertical-align: top;">Лидов</td>
                <td style="padding: 8px 12px; background: #FFFFFF; border-left: 1px solid #E1EEEA;">
                    <strong>+{{ $amountLeads }}</strong>
                </td>
            </tr>
        @endif
        <tr>
            <td style="padding: 8px 12px; background: #F6F3EC; vertical-align: top;">Текущий баланс</td>
            <td style="padding: 8px 12px; background: #FFFFFF; border-left: 1px solid #E1EEEA;">
                {{ $tenant->balance_leads }} лидов
            </td>
        </tr>
    </table>

    <p style="margin-top: 24px;">Спасибо, что используете Лидерру.</p>

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