@php
    $company = $invoice->company_snapshot ?? [];
    $logoUrl = $invoice->logoPath() ? route('woo.public.logo', $invoice->public_token) : null;
@endphp
<div class="rounded-2xl border border-slate-300 bg-white">
    <div class="border-b-2 border-slate-800 px-8 py-6">
        <div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
            <div class="flex items-center gap-4">
                @if($logoUrl)
                    <img src="{{ $logoUrl }}" alt="" class="h-12 w-auto object-contain">
                @endif
                <div>
                    <p class="text-xs font-semibold uppercase tracking-[0.2em] text-slate-500">Professional invoice</p>
                    <p class="text-2xl font-serif text-slate-900">{{ $company['company_name'] ?? 'Company' }}</p>
                </div>
            </div>
            <div class="text-left sm:text-right">
                <p class="font-serif text-3xl text-slate-900">{{ $invoice->invoice_number }}</p>
                <p class="text-sm text-slate-500">{{ $invoice->issue_date->format('F j, Y') }}</p>
            </div>
        </div>
    </div>
    <div class="grid gap-8 px-8 py-6 md:grid-cols-2">
        <div>
            <p class="border-b border-slate-200 pb-1 text-xs font-semibold uppercase tracking-wide text-slate-500">From</p>
            <div class="mt-3 text-sm text-slate-600">
                <p class="font-medium text-slate-900">{{ $company['company_name'] ?? '' }}</p>
                @if(!empty($company['address_line1']))<p>{{ $company['address_line1'] }}</p>@endif
                @if(!empty($company['tax_id']))<p>Tax ID: {{ $company['tax_id'] }}</p>@endif
            </div>
        </div>
        <div>
            <p class="border-b border-slate-200 pb-1 text-xs font-semibold uppercase tracking-wide text-slate-500">Bill to</p>
            <div class="mt-3 text-sm text-slate-600">
                <p class="font-medium text-slate-900">{{ $invoice->client_name }}</p>
                @if($invoice->client_email)<p>{{ $invoice->client_email }}</p>@endif
                @if($invoice->client_address)<p class="whitespace-pre-line">{{ $invoice->client_address }}</p>@endif
            </div>
        </div>
    </div>
    <div class="px-8 pb-8">
        @include('invoices.templates._body', ['showPay' => $showPay ?? false])
    </div>
</div>