@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home') => '/',
            __('breadcrumb.accounting') => '/accounting/accounts',
            __('breadcrumb.returned_service_bonds') => route('tenant.accounting.returned-services-bonds.index'),
            __('breadcrumb.add_new_bond') => '#',
        ],
    ])
@endsection

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


@section('style')
    <link rel="stylesheet" href="{{ asset('css/accounting/receivables/receivables-accounts/index.css') }}">
@endsection


@section('style')
    <link rel="stylesheet" href="{{ asset('css/accounting/returned-services-bonds/index.css') }}">
@endsection

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

        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.returned_service_bonds')" link="/accounting/returned-services-bonds" />

        <create-returned-service-bond data="{{ json_encode($data) }}">
        </create-returned-service-bond>
    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/create-returned-service-bond.js')
    <script src="{{ asset('js/accounting/returned-services-bonds/index.js') }}"></script>
@endpush