@extends('layouts.app')

@section('title', 'Z Report ' . $report['report_no'])

@section('content')
@php
    // The final Z report shows every figure: the drawer has already been counted
    $money = fn ($v, $prefix = 'MWK ') => $prefix . number_format((float) $v, 2);
@endphp
<style>
    @media print {
        @page { margin: 0; }
        body * { visibility: hidden; }
        #printable-receipt, #printable-receipt * { visibility: visible; }
        #printable-receipt { position: absolute; left: 0; top: 0; width: 300px; padding: 16px 10px; }
    }
</style>

<div class="container py-4" style="max-width: 560px;">
    <div class="d-flex justify-content-between align-items-center mb-3 d-print-none">
        <h4 class="fw-bold mb-0">Z Report {{ $report['report_no'] }}</h4>
        <div class="d-flex gap-2">
            <button type="button" onclick="window.print()" class="btn btn-primary"><i class="bi bi-printer me-1"></i> Print</button>
            <a href="{{ route('register.z-report', ['register' => $report['register'], 'format' => 'pdf']) }}" class="btn btn-danger"><i class="bi bi-file-earmark-pdf me-1"></i> Download PDF</a>
            <a href="{{ route('dashboard') }}" class="btn btn-light border">Done</a>
        </div>
    </div>
    @unless($report['is_closed'])
        <div class="alert alert-info d-print-none">This register is still open; figures may still change.</div>
    @endunless

    <div class="card shadow-sm border-0">
        <div class="card-body" id="printable-receipt">
            @include('pos.register.partials.z-receipt', ['report' => $report, 'money' => $money, 'final' => $report['is_closed']])
        </div>
    </div>
</div>

@if(request()->boolean('print'))
<script>window.addEventListener('load', () => setTimeout(() => window.print(), 300));</script>
@endif
@endsection