@extends('emails.layout')

@section('content')
  <div style="padding:26px 32px 4px;font-size:19px;font-weight:600;color:#fff;">Danke für deine Bestellung!</div>
  <div style="padding:6px 32px 0;font-size:14px;line-height:1.6;color:#a1a1aa;">
    Plan <strong style="color:#e4e4e7;">{{ ucfirst($order->plan) }}</strong>. Überweise den Betrag per Vorkasse — sobald das Geld da ist,
    schalten wir deinen Server frei (meist innerhalb 24&nbsp;h).
  </div>
  <div style="padding:18px 32px;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#09090b;border:1px solid #27272a;border-radius:12px;">
      @foreach ([
        'Betrag'          => $order->amountLabel().' / Monat',
        'Empfänger'       => $bank['holder'],
        'IBAN'            => $bank['iban'],
        'BIC'             => $bank['bic'] ?: '—',
        'Verwendungszweck'=> $order->reference,
      ] as $k => $v)
      <tr>
        <td style="padding:11px 16px;font-size:13px;color:#71717a;{{ $loop->first ? '' : 'border-top:1px solid #27272a;' }}">{{ $k }}</td>
        <td style="padding:11px 16px;font-size:13px;color:#e4e4e7;text-align:right;font-family:{{ in_array($k,['IBAN','BIC','Verwendungszweck']) ? 'monospace' : 'inherit' }};{{ $loop->first ? '' : 'border-top:1px solid #27272a;' }}">{{ $v }}</td>
      </tr>
      @endforeach
    </table>
  </div>
  <div style="padding:0 32px 24px;font-size:13px;line-height:1.6;color:#71717a;">
    Wichtig: gib den <strong style="color:#a1a1aa;">Verwendungszweck {{ $order->reference }}</strong> an. Fragen? Antworte einfach auf diese Mail.
  </div>
@endsection