@extends('layouts.app')
@section('title', 'Receipt')
@section('content')
@php $settings = \App\Models\BusinessSetting::current(); @endphp
<div class="row justify-content-center">
    <div class="col-md-5">
        <div class="card p-4">
            <h5 class="text-center mb-0">{{ $settings->business_name }}</h5>
            @if ($settings->address)<p class="text-center text-muted small mb-0">{{ $settings->address }}</p>@endif
            @if ($settings->pan_vat_number)<p class="text-center text-muted small mb-0">PAN/VAT: {{ $settings->pan_vat_number }}</p>@endif
            <p class="text-center small fw-bold mt-1">TAX INVOICE</p>
            @if ($order->invoice_number)
            <p class="text-center small mb-0"><strong>Invoice No: {{ $order->invoice_number }}</strong><br>FY: {{ $order->fiscal_year }}</p>
            @endif
            @if ($order->print_count > 0)
            <p class="text-center small text-danger fw-bold mb-0">*** Copy of Original - {{ $order->print_count }} ***</p>
            @endif
            <p class="text-center text-muted small">Order #{{ $order->order_number }}<br>{{ $order->created_at->format('d M Y, h:i A') }}</p>
            <hr>
            @foreach ($order->items as $item)
            <div class="d-flex justify-content-between">
                <span>{{ $item->quantity }} × {{ $item->displayName() }}</span>
                <span>{{ number_format($item->lineTotal(), 2) }}</span>
            </div>
            @endforeach
            <hr>
            <div class="d-flex justify-content-between"><span>Subtotal</span><span>{{ number_format($order->subtotal,2) }}</span></div>
            <div class="d-flex justify-content-between"><span>VAT ({{ rtrim(rtrim(number_format($settings->vat_rate,2),'0'),'.') }}%)</span><span>{{ number_format($order->tax,2) }}</span></div>
            @if ($order->service_charge > 0)
            <div class="d-flex justify-content-between"><span>Service Charge ({{ rtrim(rtrim(number_format($settings->service_charge_percent,2),'0'),'.') }}%)</span><span>{{ number_format($order->service_charge,2) }}</span></div>
            @endif
            @if ($order->discount > 0)
            <div class="d-flex justify-content-between text-success"><span>Discount</span><span>-{{ number_format($order->discount,2) }}</span></div>
            @endif
            <div class="d-flex justify-content-between fw-bold"><span>Total</span><span>{{ number_format($order->total,2) }}</span></div>
            @foreach ($order->payments as $pay)
            <div class="d-flex justify-content-between small text-muted"><span>Paid ({{ $pay->methodLabel() }})</span><span>{{ number_format($pay->amount,2) }}</span></div>
            @if($pay->change_given > 0)
            <div class="d-flex justify-content-between small text-muted"><span>Change</span><span>{{ number_format($pay->change_given,2) }}</span></div>
            @endif
            @endforeach
            @if ($settings->receipt_footer_message)
            <p class="text-center small mt-3 mb-0">{{ $settings->receipt_footer_message }}</p>
            @endif
            <p class="text-center text-muted small mt-2">Served by {{ $order->user->name }}</p>
            <button class="btn btn-outline-dark mt-2" onclick="markPrintedThenPrint()">Print in Browser</button>
            <form method="POST" action="{{ route('pos.reprint-receipt', $order) }}">
                @csrf
                <button class="btn btn-outline-secondary mt-2 w-100">🖨 Print on Thermal Printer (COT)</button>
            </form>
            <div class="dropdown mt-2">
                <button class="btn btn-outline-secondary w-100 dropdown-toggle" data-bs-toggle="dropdown">Re-send KOT/BOT (e.g. missed item)</button>
                <ul class="dropdown-menu w-100">
                    <li>
                        <form method="POST" action="{{ route('pos.reprint-kitchen', $order) }}">
                            @csrf
                            <button class="dropdown-item">Via print agent (thermal)</button>
                        </form>
                    </li>
                    <li><a class="dropdown-item" href="{{ route('pos.kitchen-ticket-view', [$order, 'kot']) }}" target="_blank">Print KOT via this browser</a></li>
                    <li><a class="dropdown-item" href="{{ route('pos.kitchen-ticket-view', [$order, 'bot']) }}" target="_blank">Print BOT via this browser</a></li>
                </ul>
            </div>
            <form method="POST" action="{{ route('pos.duplicate', $order) }}">
                @csrf
                <button class="btn btn-outline-dark mt-2 w-100">Duplicate as New Order</button>
            </form>
            @if (!$order->voided_at)
            @can('payments.take')
            <button class="btn btn-outline-danger mt-2 w-100" data-bs-toggle="modal" data-bs-target="#voidModal">Mark as Void</button>
            @endcan
            @else
            <div class="alert alert-danger mt-2 mb-0 small">Voided {{ $order->voided_at->format('d M Y, h:i A') }}{{ $order->void_reason ? ' — '.$order->void_reason : '' }}</div>
            @endif
            <a href="{{ route('pos.index') }}" class="btn btn-dark mt-2">New Order</a>
            @php $shellGameSettings = \App\Models\ShellGameSetting::current(); @endphp
            @if ($shellGameSettings->is_enabled)
            <a href="{{ route('pos.shell-game.show', $order) }}" class="btn btn-warning mt-2 w-100">🎁 Play &amp; Win</a>
            @endif

            <div class="modal fade" id="voidModal" tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('pos.void', $order) }}">
                            @csrf
                            <div class="modal-header"><h5>Void This Order?</h5></div>
                            <div class="modal-body">
                                <p class="small text-muted">This reverses the sale in accounting and restores any tracked stock. The order stays on record for audit — it just won't count toward revenue.</p>
                                <input name="void_reason" class="form-control" placeholder="Reason (optional)">
                            </div>
                            <div class="modal-footer"><button class="btn btn-danger">Confirm Void</button></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
function markPrintedThenPrint() {
    fetch("{{ route('pos.mark-printed', $order) }}", {
        method: 'POST',
        headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' }
    }).finally(() => window.print());
}
</script>
@endsection