@extends('layouts.admin')
@section('title', $inv->invoice_number)
@section('content')
@php $m = $shop->money; $o = $inv->order; $a = $inv->address; @endphp
<div class="mb-4 flex flex-wrap items-center gap-3 print:hidden"><a href="{{ route('admin.invoices') }}" class="text-sm font-bold text-primary underline">← {{ __('Invoices') }}</a><x-btn type="button" variant="ghost" onclick="window.print()">{{ __('Print') }}</x-btn></div>
<article class="mx-auto max-w-3xl rounded-[32px] border border-surface-variant bg-white p-8 text-sm print:border-0 print:p-0">
    <header class="flex flex-wrap items-start justify-between gap-4 border-b border-outline-variant pb-6">
        <div><p class="text-2xl font-extrabold text-primary">EVEROP</p><p class="text-on-surface-variant">{{ __('Invoice') }} {{ $inv->invoice_number }}<br>{{ __('Date') }}: {{ $inv->issued_at }}<br>{{ __('Order') }}: {{ $o->order_number }}</p></div>
        @if ($a)<div class="text-right text-on-surface-variant"><strong class="text-primary">{{ $a->recipient_name }}</strong><br>{{ $a->phone }}<br>{{ $a->address_line1 }}@if ($a->address_line2), {{ $a->address_line2 }}@endif<br>{{ collect([$a->district, $a->province])->filter()->implode(', ') }}</div>@endif
    </header>
    <table class="my-6 w-full text-left"><thead class="text-on-surface-variant"><tr><th class="py-2">{{ __('Item') }}</th><th class="py-2 text-right">{{ __('Price') }}</th><th class="py-2 text-right">{{ __('Qty') }}</th><th class="py-2 text-right">{{ __('Total') }}</th></tr></thead><tbody>
    @foreach ($inv->items as $i)<tr class="border-t border-surface-variant"><td class="py-2"><strong class="text-primary">{{ $i->product_name }}</strong><span class="block text-xs text-outline">{{ $i->sku }} · {{ $i->color_label }} {{ $i->size_label }}</span></td><td class="py-2 text-right">{{ $m->format((float) $i->unit_price) }}</td><td class="py-2 text-right">{{ $i->quantity }}</td><td class="py-2 text-right">{{ $m->format((float) $i->line_total) }}</td></tr>@endforeach
    </tbody></table>
    <dl class="ml-auto max-w-xs space-y-1">
        <div class="flex justify-between"><dt>{{ __('Subtotal') }}</dt><dd>{{ $m->format((float) $o->subtotal) }}</dd></div>
        @if ((float) $o->discount_total > 0)<div class="flex justify-between"><dt>{{ __('Discount') }}</dt><dd>−{{ $m->format((float) $o->discount_total) }}</dd></div>@endif
        <div class="flex justify-between"><dt>{{ __('Delivery') }}</dt><dd>{{ $m->format((float) $o->shipping_fee) }}</dd></div>
        <div class="flex justify-between border-t border-outline-variant pt-2 text-lg font-extrabold text-primary"><dt>{{ __('Total') }}</dt><dd>{{ $m->format((float) $o->grand_total) }}</dd></div>
    </dl>
    <p class="mt-6 text-xs text-on-surface-variant">{{ __('Payment') }}: {{ $inv->method ? __($inv->method) : '—' }} · {{ __(ucfirst($o->payment_status)) }}</p>
</article>
@endsection