<x-mail.layout
    :heading="__('dunning_mail.heading_'.$level)"
    :preheader="__('dunning_mail.preheader_'.$level)"
    :greeting="$name !== '' ? __('dunning_mail.greeting', ['name' => $name]) : null"
>

<tr><td style="padding:0 24px 20px 24px;">
    <p style="margin:0;font-size:15px;line-height:24px;color:#43434e;">{{ __('dunning_mail.intro_'.$level) }}</p>
</td></tr>

{{-- Die Aufstellung. Rückstand und Mahnspesen GETRENNT ausgewiesen, nicht als
     eine Summe: wer eine Zahl liest, die höher ist als seine Rechnung, hält
     sie für einen Fehler und schreibt dem Support, statt zu zahlen. --}}
<tr><td style="padding:0 24px 20px 24px;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;border:1px solid #e9e9ee;border-radius:8px;">
        <tr>
            <td style="padding:12px 16px;font-size:14px;line-height:20px;color:#6b6b78;">{{ __('dunning_mail.amount_due') }}</td>
            <td align="right" style="padding:12px 16px;font-size:14px;line-height:20px;color:#1a1a20;font-weight:600;">
                {{ number_format($amountCents / 100, 2, ',', '.') }} {{ $currency }}
            </td>
        </tr>
        @if ($feeTotalCents > 0)
            <tr>
                <td style="padding:0 16px 12px 16px;font-size:14px;line-height:20px;color:#6b6b78;">{{ __('dunning_mail.fees') }}</td>
                <td align="right" style="padding:0 16px 12px 16px;font-size:14px;line-height:20px;color:#1a1a20;">
                    {{ number_format($feeTotalCents / 100, 2, ',', '.') }} {{ $currency }}
                </td>
            </tr>
            <tr>
                <td style="border-top:1px solid #e9e9ee;padding:12px 16px;font-size:14px;line-height:20px;color:#1a1a20;font-weight:600;">{{ __('dunning_mail.total') }}</td>
                <td align="right" style="border-top:1px solid #e9e9ee;padding:12px 16px;font-size:14px;line-height:20px;color:#1a1a20;font-weight:600;">
                    {{ number_format(($amountCents + $feeTotalCents) / 100, 2, ',', '.') }} {{ $currency }}
                </td>
            </tr>
        @endif
    </table>
</td></tr>

{{-- Ein Knopf, eine Handlung. Er führt auf die Abrechnungsseite, auf der seit
     dieser Lieferung beides steht: offene Rechnungen begleichen UND die Karte
     tauschen. Ohne die zweite Hälfte wäre die Mahnung eine Aufforderung an
     jemanden, der die Ursache nicht abstellen kann. --}}
<tr><td style="padding:0 24px;">
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
        <tr><td align="center" bgcolor="#b8500a" style="background-color:#b8500a;border-radius:8px;">
            <a href="{{ $billingUrl }}" style="display:inline-block;padding:13px 26px;font-family:'IBM Plex Sans',-apple-system,Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;font-weight:600;color:#ffffff;text-decoration:none;border-radius:8px;">{{ __('dunning_mail.action') }}</a>
        </td></tr>
    </table>
</td></tr>

@if ($suspendOn !== null)
    <tr><td style="padding:24px 24px 32px 24px;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
            <tr><td style="border-top:1px solid #e9e9ee;padding-top:20px;">
                {{-- Was passiert, wenn nichts passiert — mit Datum. Eine Drohung
                     ohne Termin ist keine Auskunft, und der Kunde soll rechnen
                     können statt zu raten. --}}
                <p style="margin:0;font-size:14px;line-height:22px;color:#6b6b78;">{{ __('dunning_mail.suspend_warning', ['date' => $suspendOn]) }}</p>
            </td></tr>
        </table>
    </td></tr>
@endif

</x-mail.layout>
