@extends('layouts.print')

@section('title', 'Invoice ' . $invoice->invoice_number)

@section('body_class', 'billing-print-body--invoice')

@section('content')
<div class="billing-print-toolbar no-print">
    <div class="billing-print-toolbar__inner">
        <a href="{{ route('admin.invoices.show', $invoice) }}" class="btn btn-light btn-sm border">
            <i class="ri-arrow-left-line"></i> Back
        </a>
        <span class="billing-print-toolbar__title">Invoice {{ $invoice->invoice_number }}</span>
        <div class="billing-print-toolbar__actions">
            <a href="{{ route('admin.invoices.pdf', $invoice) }}" class="btn btn-primary btn-sm">
                <i class="ri-download-line me-1"></i> Download PDF
            </a>
            <button type="button" class="btn btn-dark btn-sm" onclick="window.print()">
                <i class="ri-printer-line me-1"></i> Print
            </button>
        </div>
    </div>
    <p class="billing-print-toolbar__hint mb-0">Same design as preview. Use <strong>Download PDF</strong> for the official file.</p>
</div>

<div class="billing-print-page">
    @include('admin.invoices.partials._document', [
        'layout' => request('layout', 'a4'),
        'documentCopyLabel' => $documentCopyLabel,
        'logoSrc' => $logoSrc ?? \App\Helpers\CompanyMedia::imageSource($company->logo_path ?? null),
        'signatureSrc' => $signatureSrc ?? \App\Helpers\CompanyMedia::imageSource($company->signature_image_path ?? null),
    ])
</div>
@endsection

@push('styles')
<link href="{{ asset('css/billing-invoice-document.css') }}" rel="stylesheet">
<link href="{{ asset('css/billing-invoice-print.css') }}" rel="stylesheet">
@endpush

@push('scripts')
@if(request()->boolean('autoprint'))
<script>
window.addEventListener('load', function () {
    setTimeout(function () { window.print(); }, 400);
});
</script>
@endif
@endpush