<!DOCTYPE html>
<html>
<body>
<h1>Hallo {{$contactName}},</h1>
<p>
    deine Abrechnung wurde erfolgreich eingereicht.<br />
    In der nachfolgenden Übersicht findest du die Details zu deiner Abrechnung:
</p>


<table cellpadding="0" cellspacing="0" border="0"
       style="width: 100%; max-width: 640px; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; color: #1f2937;">

    <tr>
        <td style="padding: 8px 12px; width: 180px; font-weight: 600; color: #4b5563; border-bottom: 1px solid #e5e7eb;">
            Abrechnungsnummer:
        </td>
        <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">
            {{$invoiceNumber}}
        </td>
    </tr>

    <tr>
        <td style="padding: 8px 12px; width: 180px; font-weight: 600; color: #4b5563; border-bottom: 1px solid #e5e7eb;">
            Veranstaltung / Kostenstelle:
        </td>
        <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">
            {{$costUnitName}}
        </td>
    </tr>

    <tr>
        <td style="padding: 8px 12px; width: 180px; font-weight: 600; color: #4b5563; border-bottom: 1px solid #e5e7eb;">
            Betrag:
        </td>
        <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">
            {{$invoiceAmount}}
        </td>
    </tr>

    <tr>
        <td style="padding: 8px 12px; font-weight: 600; color: #4b5563; border-bottom: 1px solid #e5e7eb;">
            Grund der Abrechnung:
        </td>
        <td style="padding: 8px 12px; border-bottom: 1px solid #e5e7eb;">
            {{$invoiceType}}
        </td>
    </tr>
</table>


<p>
    Deine Abrechnung wird nun bearbeitet. Du wirst per E-Mail benachrichtigt, sobald sich der Status deiner Abrechnung ändert.
</p>
</body>
</html>
