@extends('tenant.rentals.rentals-tabs')
@php
    $activeTab = 'rentals-contractInvoices';
@endphp
@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('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.contract_invoices') => '#',
        ],
    ])
@endsection

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

@section('content-field')
    <div>
        @php
            $data = [
                'invoices' => $invoices,
                'buildings' => $buildings,
                'floors' => $floors,
                'shops' => $shops,
                'booths' => $booths,
                'receivable_accounts' => $receivable_accounts,
                'print_data' => Session::get('print_data'),
                'active_year' => $active_year,
            ];
        @endphp

        <contract-invoices data="{{ json_encode($data) }}">
        </contract-invoices>
    </div>
@endsection

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

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