@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home') => '/',
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.receipts') => route('tenant.rentals.receipts.index'),
            __('breadcrumb.receipt') => '#',
        ],
    ])
@endsection

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

@section('content')
    <div class="position-relative">
        @php
            $data = json_decode($data, true);
            $enable_cost_centers_on_module = checkIfModuleIsActiveForCostCenters('receipts');
            $data = array_merge($data, ['enable_cost_centers_on_module' => $enable_cost_centers_on_module]);
        @endphp

        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.receipts')" link="/rentals/receipts" />

        <update-receipt module='rentals' data="{{ json_encode($data) }}" entry="{{ json_encode($entry) }}"
            payments-list="{{ json_encode($payments) }}">
        </update-receipt>
    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/update-receipt.js')
@endpush