<!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;">
        @if ($invoiceNumber)
            <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;">
                    {{ $invoiceNumber }}
                </td>
            </tr>
        @endif
        @if ($tariffName)
            <tr>
                <td style="padding: 8px 12px; background: #F6F3EC; vertical-align: top;">Тариф</td>
                <td style="padding: 8px 12px; background: #FFFFFF; border-left: 1px solid #E1EEEA;">
                    {{ $tariffName }}
                </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;">
                <strong>{{ $amountRub }} ₽</strong>
            </td>
        </tr>
    </table>

    <p style="margin-top: 24px;">Документы (закрывающие УПД и реестр) появятся в разделе Биллинг → Документы в течение суток.</p>

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