@extends( 'layout.dashboard' )

@section( 'layout.dashboard.body' )
<div id="cashier-report-container" class="w-full bg-white p-2" style="width: 80mm; margin: 0 auto;">
    <div class="header text-center mb-6">
        <h3 class="text-xl font-bold">{{ ns()->option->get( 'ns_store_name' ) }}</h3>
        <p>{{ __( 'Cashier Report' ) }}</p>
        <p>{{ date( 'd M Y H:i:s' ) }}</p>
    </div>
    
    <div class="user-info text-center mb-4">
        <p><strong>{{ __( 'Cashier' ) }}:</strong> {{ $user->username }}</p>
    </div>
    
    <div class="details">
        @foreach($reportDetails as $detail)
        <div class="detail-item flex justify-between py-1 border-b border-dashed">
            <span>{{ $detail['label'] }}</span>
            <span>{{ $detail['value'] }}</span>
        </div>
        @endforeach
    </div>
    
    <div class="footer text-center mt-6 text-sm">
        <p>{{ ns()->option->get( 'ns_invoice_receipt_footer' ) }}</p>
        <p>{{ date( 'd M Y H:i:s' ) }}</p>
    </div>
</div>

@includeWhen( request()->query( 'autoprint' ) === 'true', '/pages/dashboard/orders/templates/_autoprint' )
@endsection