@extends('tenant.warehouses.warehouses-tabs')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.warehouses') => '/warehouses/branches',
            __('breadcrumb.sales_returns') => '#',
        ],
    ])
@endsection


@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'warehouses.sales.returned-sales-bonds'])
@endsection

@section('content-field')
    <div>
        @php
            $data = [
                'returned_sales_bonds' => $returned_sales_bonds,
                'sales_invoices' => $sales_invoices,
                'print_data' => Session::get('print_data'),
                'active_year' => $active_year,
                'is_deletable' => json_decode(Session::get('deletable_bonds'))->warehouses->returnedSalesBonds,
            ];
        @endphp

        <returned-sales-bonds data="{{ json_encode($data) }}">
        </returned-sales-bonds>
    </div>
@endsection

@push('prepend-script')
    <script src="{{ asset('js/libraries/mixitup.min.js') }}"></script>
@endpush

@push('script')
    @scriptag('build/js/vue-components/returned-sales-bonds.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-bonds-table').clone();
            let title = "مردود المبيعات";
            const print_data = @json(Session::get('print_data'));
            printSection.print(target, print_data, title, null, true);
        });
    </script>
@endprepend