{{-- Zahlungs-Info-Block aus dem Zahlungsmodul ($paymentSummary). Entweder freier HTML-Text
     (z.B. Barzahlung) oder strukturierte Zeilen (z.B. Überweisung) inkl. optionalem GiroCode. --}}
@if (!empty($paymentSummary['html']))
    {!! $paymentSummary['html'] !!}
@else
    <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;">
        @foreach ($paymentSummary['lines'] as $line)
            <tr>
                <td style="padding: {{ $loop->last ? '10px' : '8px' }} 12px; width: 180px; font-weight: {{ $loop->last ? '700' : '600' }}; color: {{ $loop->last ? '#111827' : '#4b5563' }}; border-{{ $loop->last ? 'top: 2px solid #d1d5db' : 'bottom: 1px solid #e5e7eb' }};">
                    {{ $line['label'] }}
                </td>
                <td style="padding: {{ $loop->last ? '10px' : '8px' }} 12px; font-weight: {{ $loop->last ? '700' : '400' }}; color: {{ $loop->last ? '#111827' : '#1f2937' }}; border-{{ $loop->last ? 'top: 2px solid #d1d5db' : 'bottom: 1px solid #e5e7eb' }};">
                    {{ $line['value'] }}
                </td>
            </tr>
        @endforeach
    </table>

    @if (!empty($paymentSummary['showGiroCode']))
        @php
            $girocodeSrc = $message->embedData($girocodeBinary, 'girocode.png', 'image/png');
        @endphp
        <table style="margin: 20px;">
            <tr style="vertical-align: top; background-color: #eaeaea; border-spacing: 0">
                <td style="padding: 20px; text-align: center; font-weight: bold;">
                    <strong>
                        Bequem überweisen mit QR-Code
                    </strong><br/><br/>

                    <img
                        style="padding-left: 20px;width: 150px; height: 150px;"
                        src="{{ $girocodeSrc }}"
                        alt="Giro-Code">
                </td>
                <td>
                    <p style="padding-left:10px; padding-right: 10px; text-align: left;">
                        <strong>Und so funktioniert es</strong><br/>
                    <ul style="text-align: left; list-style: decimal; font-weight: normal">
                        <li style="padding-right: 10px;">Mache einen Screenshot des QR-Codes</li>
                        <li style="padding-right: 10px;">Öffne deine Banking-App und wähle den Menüpunkt
                            „(Foto-)Überweisung“.
                        </li>
                        <li style="padding-right: 10px;">Wähle das gespeicherte Bild aus</li>
                    </ul>
                    </p>
                </td>
            </tr>
        </table>

        <p>
            Bitte zahle immer mit dem vorgegeben Betreff, damit deine Zahlung möglichst einfach zugeordnet werden
            kann.<br/>
            Sollte die Zahlung innerhalb dieser Frist nicht oder nur teilweise möglich sein, kontaktiere bitte die
            Aktionsleitung, sodass wir eine gemeinsame Lösung finden können.
        </p>
    @endif
@endif