@extends('layouts.app')
@section('title', __('Receipt Slip'))
@section('content')
@php
    $businessName = $appSettings['business_name'] ?? 'TradeERP';
    $customerName = $payment->customer?->name ?? __('Walk-in Customer');
    $customerPhone = $payment->customer?->phone;
    $receiptNo = 'RC-'.str_pad($payment->id,5,'0',STR_PAD_LEFT);
    $openingAmount = max(0, (float) $payment->amount - (float) $payment->allocations->sum('amount'));
    $invoiceLabel = $payment->allocations->count() > 1 ? __('Multiple invoices') : ($payment->invoice?->invoice_number ?? $payment->allocations->first()?->invoice?->invoice_number ?? ($openingAmount > 0 ? __('Opening Balance') : '-'));
    $qrEnabled = ($appSettings['qr_enabled'] ?? '1') !== '0';
    $qrData = route('payments.receipts.show', $payment);
    $waMessage = $businessName."\n".__('Receipt Slip').': '.$receiptNo."\n".__('Received From').': '.$customerName."\n".__('Amount').': '.number_format($payment->amount,2).' '.$payment->currency_code."\n".__('Invoice').': '.$invoiceLabel."\n".($appSettings['whatsapp_footer'] ?? 'Thank you for your business.');
    $waLink = \App\Support\WhatsApp::link($waMessage, $appSettings, $customerPhone, false);
@endphp
<div class="no-print d-flex justify-content-end gap-2 mb-3 flex-wrap">
    <a href="{{ route('payments.receipts') }}" class="btn btn-light"><i class="fa-solid fa-arrow-left me-1"></i>{{ __('Customer Receipts') }}</a>
    @if($waLink)<a href="{{ $waLink }}" target="_blank" class="btn btn-outline-success"><i class="fa-brands fa-whatsapp me-1"></i>{{ __('Send WhatsApp') }}</a>@endif
    <button onclick="doPrint('a4')" class="btn btn-light"><i class="fa-solid fa-print me-1"></i>{{ __('Print A4') }}</button>
    <button onclick="doPrint('80')" class="btn btn-success"><i class="fa-solid fa-receipt me-1"></i>{{ __('Print 80mm') }}</button>
    <button onclick="doPrint('58')" class="btn btn-outline-success"><i class="fa-solid fa-receipt me-1"></i>{{ __('Print 58mm') }}</button>
</div>
<div class="card print-paper slip-paper">
    <div class="card-body p-4 p-md-5">
        <div class="d-flex justify-content-between align-items-start mb-4 flex-wrap gap-3">
            <div class="text-center flex-grow-1">
                @if(!empty($appLogoUrl))<img src="{{ $appLogoUrl }}" class="invoice-logo hide-thermal mb-2" alt="{{ $businessName }}">@endif
                <h3 class="mb-1">{{ $businessName }}</h3>
                <div class="text-muted small">{{ $appSettings['business_address'] ?? '' }} @if(!empty($appSettings['business_phone'])) - {{ $appSettings['business_phone'] }} @endif</div>
                <h4 class="mt-3 mb-0">{{ __('Receipt Slip') }}</h4>
            </div>
            @if($qrEnabled)<div class="qr-box"><img alt="QR" src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data={{ urlencode($qrData) }}"></div>@endif
        </div>
        <div class="row g-3 mb-3">
            <div class="col-6"><strong>{{ __('Receipt No.') }}:</strong> {{ $receiptNo }}</div>
            <div class="col-6 text-end"><strong>{{ __('Date') }}:</strong> {{ \App\Support\DualDate::format($payment->payment_date, 'Y-m-d') }}</div>
            <div class="col-12"><strong>{{ __('Received From') }}:</strong> {{ $customerName }}</div>
            <div class="col-12"><strong>{{ __('Invoice') }}:</strong> {{ $invoiceLabel }}</div>
        </div>
        @if($payment->allocations->isNotEmpty())
            <table class="table table-bordered"><thead><tr><th>{{ __('Invoice') }}</th><th class="text-end">{{ __('Allocated Amount') }}</th></tr></thead><tbody>@foreach($payment->allocations as $allocation)<tr><td>{{ $allocation->invoice?->invoice_number }}</td><td class="text-end money">{{ number_format($allocation->amount,2) }} {{ $payment->currency_code }}</td></tr>@endforeach</tbody></table>
        @endif
        @if($openingAmount > 0)
            <table class="table table-bordered"><tbody><tr><th>{{ __('Opening Balance') }}</th><td class="text-end money">{{ number_format($openingAmount,2) }} {{ $payment->currency_code }}</td></tr></tbody></table>
        @endif
        <table class="table table-bordered"><tbody><tr><th>{{ __('Amount') }}</th><td class="text-end money fw-bold text-success">{{ number_format($payment->amount,2) }} {{ $payment->currency_code }}</td></tr><tr><th>{{ __('Method') }}</th><td>{{ __(ucfirst($payment->method)) }}</td></tr><tr><th>{{ __('Reference number') }}</th><td>{{ $payment->reference ?: '-' }}</td></tr></tbody></table>
        <div class="d-flex justify-content-between mt-5 hide-thermal"><span class="signature-line">{{ __('Prepared By') }}</span><span class="signature-line">{{ __('Customer Signature') }}</span><span class="signature-line">{{ __('Stamp') }}</span></div>
        <p class="text-center text-muted mt-4 mb-0 small">{{ $appSettings['invoice_footer'] ?? __('Thank you for your business.') }}</p>
    </div>
</div>
@endsection