@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.home')  => '/',
            __('breadcrumb.accounting')  => '/accounting/accounts',
            __('breadcrumb.debit_notes')  => route('tenant.accounting.debitNotes.index'),
            __('breadcrumb.edit_note') => '#',
        ],
    ])
@endsection

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

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

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

        <update-debit-note module="accounting" data="{{ json_encode($data) }}" note="{{ json_encode($debitNote) }}">
        </update-debit-note>
    </div>
@endsection

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