@extends('emails.layout')

@section('content')
  <div style="padding:24px 32px 4px;">
    <span style="display:inline-block;background:#2563eb;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;">NEUE BESTELLUNG</span>
  </div>
  <div style="padding:10px 32px 4px;font-size:19px;font-weight:600;color:#fff;">{{ $order->reference }}</div>
  <div style="padding:4px 32px 0;font-size:14px;line-height:1.6;color:#a1a1aa;">
    Vorkasse — bitte Zahlungseingang (Verwendungszweck <strong style="color:#e4e4e7;">{{ $order->reference }}</strong>) prüfen und im Admin freischalten.
  </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 ([
        'Server'  => optional($order->guild)->name,
        'Plan'    => ucfirst($order->plan),
        'Betrag'  => $order->amountLabel().' / Monat',
        'Kunde'   => $order->customer_email ?: '—',
        'Referenz'=> $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;{{ $loop->first ? '' : 'border-top:1px solid #27272a;' }}">{{ $v }}</td>
      </tr>
      @endforeach
    </table>
  </div>
  <div style="padding:0 32px 24px;font-size:13px;color:#71717a;">
    Freischalten: <a href="https://tacforce.pro/admin/orders" style="color:#60a5fa;">tacforce.pro/admin/orders</a>
  </div>
@endsection