{!! $print['head'] !!}

<div class="cl-table-container" style="max-height: calc(100vh - 200px);">
    <style>
        table th,
        table td {
            color: #000;
        }
        @media print {
            .table th,
            .table td {
                font-size: 0.9rem !important;
                padding: 1px 2px !important;
                line-height: 1.2 !important;
            }
        }
        
        {!! $print['style_css'] !!}
    </style>

    <table class="table mb-0 cl-table table-bordered">
        <thead>
            <th>#</th>
            <th style="width: 135px;">Customer Name</th>
            <th class="text-center" style="width: 90px;">Phone</th>
            <th>Source</th>
            <th>Courier</th>
            <th class="text-center" style="min-width: 100px; width: 100px;">Date</th>
            <th class="text-center" style="width: 60px;">Qty</th>
            <th class="text-end">Grand Total</th>
            <th class="text-end" style="width: 70px;">Disc</th>
            <th class="text-end">Other Chrg.</th>
            <th class="text-end">Net Total</th>
        </thead>
        <tbody>
            @foreach ($sales['invoices'] as $key => $sale)
                <tr>
                    <td>{{ ++$key }}</td>
                    <td>{{ $sale['route_name'] ?? '' }}</td>
                    <td class="text-center">{{ $sale->ref_invoice ?? '' }}</td>
                    <td>{{ $sale->costCenter->name ?? '' }}</td>
                    <td>{{ $sale->inv_group_id ?? '' }}</td>
                    <td class="text-center">{{ date("d-m-Y", strtotime($sale->date)) }}</td>
                    <td class="text-center">{{ $sale->quantity ?? '' }}</td>
                    <td class="text-end">{{ $sale->grand_total ?? '' }}</td>
                    <td class="text-end">{{ $sale->dc_amount ?? '' }}</td>
                    <td class="text-end">{{ $sale->other_charge ?? '' }}</td>
                    <td class="text-end">{{ $sale->net_total ?? '' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

{!! $print['foot'] !!}