@extends('tenant.layouts.master')

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

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

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'accounting.initial-balance'])
@endsection

@section('content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form d-flex justify-content-center">
        <div class="col-11">
            <h4>@lang('accounting/accounts/add-new-account.opening_balances_for_accounts')</h4>

            <initial-balance accounts-list="{{ json_encode($accountsList) }}" has_previous_year="{{ $has_previous_year }}">
            </initial-balance>
        </div>
    </div>
@endsection

@push('script')
    @scriptag('build/js/vue-components/initial-balance.js')
@endpush