@php
    $company = $invoice->company_snapshot ?? [];
    $logoUrl = $invoice->logoPath() ? route('woo.public.logo', $invoice->public_token) : null;
@endphp
<div class="rounded-none border-l-8 border-amber-500 bg-slate-900 p-8 text-white shadow-xl">
    <div class="flex flex-col gap-6 sm:flex-row sm:justify-between">
        <div>
            @if($logoUrl)
                <img src="{{ $logoUrl }}" alt="" class="mb-4 h-12 w-auto brightness-0 invert object-contain">
            @endif
            <p class="text-3xl font-black uppercase tracking-tight">{{ $company['company_name'] ?? 'Company' }}</p>
            <p class="mt-2 text-amber-400">{{ $invoice->invoice_number }}</p>
        </div>
        <div class="text-left sm:text-right">
            <p class="text-sm uppercase tracking-widest text-slate-400">Amount due</p>
            <p class="text-3xl font-black text-amber-400">{{ invoice_money((int) $invoice->total_minor, $invoice->currency) }}</p>
        </div>
    </div>
    <div class="mt-8 grid gap-6 border-t border-slate-700 pt-6 sm:grid-cols-2">
        <div>
            <p class="text-xs font-bold uppercase text-amber-500">Bill to</p>
            <p class="mt-2 text-lg font-semibold">{{ $invoice->client_name }}</p>
            @if($invoice->client_email)<p class="text-slate-400">{{ $invoice->client_email }}</p>@endif
        </div>
        <div class="text-sm text-slate-400">
            <p>Issued {{ $invoice->issue_date->format('M j, Y') }}</p>
            @if($invoice->due_date)<p class="mt-1">Due {{ $invoice->due_date->format('M j, Y') }}</p>@endif
        </div>
    </div>
    <div class="mt-8 rounded-xl bg-slate-800 p-6 text-slate-100 [&_table]:text-slate-100 [&_th]:text-slate-400 [&_td]:border-slate-700 [&_tr]:border-slate-700">
        @include('invoices.templates._body', ['showPay' => $showPay ?? false])
    </div>
</div>