@extends('tenant.rentals.rentals-tabs')
@php
    $activeTab = 'rentals-mergeContracts';
@endphp
@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.rentals') => '/rentals',
            __('breadcrumb.contracts') => route('tenant.rentals.rental-contracts.index'),
            __('breadcrumb.merge_contract') => '#',
        ],
    ])
@endsection

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

@section('content-field')

    <div class="position-relative">
        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.contracts')" link="/rentals/rental-contracts" />

        <merge-contracts rental_contracts_list="{{ json_encode($rental_contracts) }}"></merge-contracts>
    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/merge-contracts.js')
@endpush