@extends('tenant.rentals.rentals-tabs')
@php
    $activeTab = 'rentals-debitNotes';
@endphp
@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', ['items' => [
        __('breadcrumb.home') => '/',
        __('breadcrumb.rentals') => '/rentals',
        __('breadcrumb.debit_notes') => '#',
    ]])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'rentals.notes.debit'])
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('css/accounting/show-popups/index.css') }}">
    <link rel="stylesheet" href="{{ asset('css/layouts/custom-tabs.css') }}">
@endsection

@section('content-field')

    <div>
        @php
            $data = [
                'debit_notes' => $debit_notes,
                'print_data' => Session::get('print_data'),
                'module' => 'rentals',
                'active_year' => $active_year
            ];
        @endphp

        <debit-notes-main-page
            :data="{{ json_encode($data) }}"
        ></debit-notes-main-page>
    </div>
@endsection

@push('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';
        $('body').on('click', '.print-table-view-btn', function(){
            let target = $('#printable-receipts-table').clone();
            let title = "الاشعارات المدينة";
            const print_data = @json(Session::get('print_data'));
            printSection.print(target, print_data, title, null, false);
        });
    </script>

    @scriptag('build/js/vue-components/debit-notes-main-page.js')
@endpush