@extends('layouts.account')

@section('title', $invoice->number)
@section('heading', __('Invoice :number', ['number' => $invoice->number]))
@section('subheading', $invoice->issued_at->format('j F Y'))

@section('account')
    <div class="max-w-3xl rounded-xl border border-border bg-surface p-6 sm:p-8 print:border-0">
        <div class="flex flex-wrap items-start justify-between gap-6">
            <div>
                <p class="meta-label">{{ __('From') }}</p>

                <p class="mt-1 font-display text-base font-semibold text-text">
                    {{ config('payments.invoice.issuer') }}
                </p>

                @if (config('payments.invoice.tax_number'))
                    <p class="text-sm text-text-muted">
                        {{ __('PAN/VAT') }} {{ config('payments.invoice.tax_number') }}
                    </p>
                @endif
            </div>

            {{-- Copied at issue, never joined for: this is a record of what was
                 true on the day, not of what is true now. --}}
            <div class="sm:text-right">
                <p class="meta-label">{{ __('Billed to') }}</p>

                <p class="mt-1 font-display text-base font-semibold text-text">{{ $invoice->billed_to }}</p>

                @if ($invoice->billing_address)
                    <p class="text-sm text-text-muted">{{ $invoice->billing_address }}</p>
                @endif

                @if ($invoice->tax_number)
                    <p class="text-sm text-text-muted">{{ __('PAN/VAT') }} {{ $invoice->tax_number }}</p>
                @endif
            </div>
        </div>

        <div class="mt-8 overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead class="border-b border-border text-xs uppercase tracking-wide text-text-muted">
                    <tr>
                        <th class="py-2 font-semibold">{{ __('Description') }}</th>
                        <th class="py-2 text-right font-semibold">{{ __('Amount') }}</th>
                    </tr>
                </thead>

                <tbody class="divide-y divide-border">
                    @foreach ($invoice->lines as $line)
                        <tr>
                            <td class="py-3 text-text">{{ $line['description'] }}</td>
                            <td class="whitespace-nowrap py-3 text-right text-text">
                                {{ $invoice->currency }} {{ number_format($line['amount'] / 100, 2) }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>

                <tfoot>
                    <tr>
                        <td class="pt-4 text-right text-text-muted">{{ __('Subtotal') }}</td>
                        <td class="whitespace-nowrap pt-4 text-right text-text">
                            {{ $invoice->currency }} {{ number_format($invoice->subtotal / 100, 2) }}
                        </td>
                    </tr>

                    @if ($invoice->tax > 0)
                        <tr>
                            <td class="pt-1 text-right text-text-muted">{{ __('Tax') }}</td>
                            <td class="whitespace-nowrap pt-1 text-right text-text">
                                {{ $invoice->currency }} {{ number_format($invoice->tax / 100, 2) }}
                            </td>
                        </tr>
                    @endif

                    <tr>
                        <td class="pt-3 text-right font-display font-bold text-text">{{ __('Total') }}</td>
                        <td class="whitespace-nowrap pt-3 text-right font-display font-bold text-text">
                            {{ $invoice->formattedTotal() }}
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

        @if ($invoice->payment?->paid_at)
            <p class="mt-8 border-t border-border pt-5 text-sm text-text-secondary">
                {{ __('Paid :date by :method, reference :reference.', [
                    'date' => $invoice->payment->paid_at->format('j F Y'),
                    'method' => str_replace('_', ' ', $invoice->payment->gateway),
                    'reference' => $invoice->payment->reference,
                ]) }}
            </p>
        @endif

        <div class="mt-6 print:hidden">
            <button type="button" onclick="window.print()" class="btn-outline btn-sm">{{ __('Print') }}</button>
        </div>
    </div>
@endsection