@extends('tenant.pos.pos-tabs')
@php
    $activeTab = 'pos_invoices';
@endphp
@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos') => '#',
            __('breadcrumb.pos_invoices') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'pos.pos-invoices'])
@endsection

@section('content-field')
    <div>
        @php
            $data = [
                'day_date' => $day_date,
                'invoices' => $invoices,
                'branches' => $branches,
                'barcodes' => $barcodes,
                'clients' => $clients,
                'payment_way' => $payment_way,
                'active_year' => $active_year,
                'print_data' => Session::get('print_data'),
            ];
        @endphp

<pos-invoices data="{{ json_encode($data) }}"></pos-invoices>

    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/pos-invoices.js')
@endpush

@prepend('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';
        $('body').on('click', '.print-table-view-btn', function() {
            let target = $('#printable-pos-invoices-table').clone();
            let title = "فواتير نقاط البيع";
            const print_data = @json(Session::get('print_data'));
            printSection.print(target, print_data, title, null, true);
        });
        $('body').on('click', '.print-bond-btn', function() {
            let target = $('#printable-section').clone();
            let title = "فاتورة نقاط البيع ";
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
            printSection.print(target, print_data, title, css_link, true, {});
        });

    </script>

@endprepend