@extends('layouts.public-document')
@section('title', ($paymentTitle ?? 'Payment') . ' ' . $payment->payment_number)

@section('content')
<div class="billing-public-invoice">
    <div class="billing-public-invoice__toolbar no-print">
        <div class="billing-public-invoice__brand"><strong>{{ $company->name ?? 'Company' }}</strong></div>
        <div class="d-flex gap-2">
            <a href="{{ route('public.payments.pdf', ['token' => $shareToken]) }}" class="btn billing-public-invoice__btn-export">
                <i class="ri-download-2-line me-1"></i> Download PDF
            </a>
            <a href="{{ route('public.payments.print', ['token' => $shareToken, 'autoprint' => 1]) }}" class="btn btn-light border" target="_blank">Print</a>
        </div>
    </div>
    <div class="billing-public-invoice__document">
        <div class="billing-invoice-preview__canvas p-3 p-lg-4">
            @include('admin.payments.partials._document', ['forPublic' => true, 'documentCopyLabel' => $documentCopyLabel ?? 'Original Copy'])
        </div>
    </div>
</div>
@endsection

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