@php
    $company = $invoice->company_snapshot ?? [];
    $logoUrl = $invoice->logoPath() ? route('woo.public.logo', $invoice->public_token) : null;
@endphp
<div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
    <div class="flex flex-col gap-6 border-b border-slate-100 pb-6 sm:flex-row sm:items-start sm:justify-between">
        <div>
            @if($logoUrl)
                <img src="{{ $logoUrl }}" alt="" class="mb-4 h-14 w-auto max-w-[180px] object-contain">
            @endif
            <h1 class="text-xl font-bold text-slate-900">{{ $company['company_name'] ?? 'Company' }}</h1>
            <div class="mt-2 space-y-0.5 text-sm text-slate-500">
                @if(!empty($company['address_line1']))<p>{{ $company['address_line1'] }}</p>@endif
                @if(!empty($company['address_line2']))<p>{{ $company['address_line2'] }}</p>@endif
                @if(!empty($company['city']) || !empty($company['country']))
                    <p>{{ trim(($company['city'] ?? '').', '.($company['country'] ?? ''), ', ') }}</p>
                @endif
                @if(!empty($company['email']))<p>{{ $company['email'] }}</p>@endif
                @if(!empty($company['phone']))<p>{{ $company['phone'] }}</p>@endif
            </div>
        </div>
        <div class="text-left sm:text-right">
            <p class="text-2xl font-bold uppercase tracking-wide text-indigo-600">Invoice</p>
            <p class="mt-1 text-sm font-medium text-slate-900">{{ $invoice->invoice_number }}</p>
            <dl class="mt-4 space-y-1 text-sm text-slate-600">
                <div><span class="text-slate-400">Issue date:</span> {{ $invoice->issue_date->format('M j, Y') }}</div>
                @if($invoice->due_date)
                    <div><span class="text-slate-400">Due date:</span> {{ $invoice->due_date->format('M j, Y') }}</div>
                @endif
            </dl>
        </div>
    </div>

    <div class="grid gap-6 py-6 sm:grid-cols-2">
        <div>
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Bill to</p>
            <p class="mt-2 font-semibold text-slate-900">{{ $invoice->client_name }}</p>
            @if($invoice->client_email)<p class="text-sm text-slate-600">{{ $invoice->client_email }}</p>@endif
            @if($invoice->client_address)<p class="mt-1 whitespace-pre-line text-sm text-slate-600">{{ $invoice->client_address }}</p>@endif
        </div>
    </div>

    @include('invoices.templates._body', ['showPay' => $showPay ?? false])
</div>