@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', (request('type') == 'new') ? __('accounting::assets.Add New Asset') : __('accounting::assets.Add Old Asset'))
@section('extra-styles')
<script src="{{ asset('/js/app.js') }}" defer></script>
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/pickers/daterange/daterange.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/forms/checkboxes-radios.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/style-svgFont.css') }}">
<style>
    .headBtns button.save-font {
        font-size: 16px;
        font-weight: 100;
        font-family: 'Arbfont', 'Changa', sans-serif;
    }
</style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a>@lang('accounting::chart_of_accounts.Accounting')</a></li>
            <li class="breadcrumb-item active"><a href="{{route('company.assets.index', $subdomain)}}" class="redirect-item">@lang('accounting::assets.Assets')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create') @if(request('type') == 'old') @lang('accounting::assets.old_asset') @else @lang('accounting::assets.new_asset') @endif</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
@php
    $buyingAccountsForSelect = [];
    foreach($buyingAccounts as $buyingAccount){
        foreach ($buyingAccount->accounts as $subBuyingAccount) {
            $buyingAccountsForSelect[$buyingAccount->name][$subBuyingAccount->id] = $subBuyingAccount->name;
        }
    }
@endphp
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.assets.store', $subdomain) }}" method="post" id="accountForm" enctype="multipart/form-data">
        @csrf
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </a>
                    <div class="dropdown-menu" id="saveAndCreate">
                    <input type="hidden" name="action" value="" id="dev-action-holder">
                        <button class="dropdown-item dev-account-submit save-font" name="action" type="button" dev-value="save">
                            {{ __('Save And Close')}}
                        </button>
                        <button class="dropdown-item dev-account-submit save-font" name="action" type="button" dev-value="save_new">
                            {{ __('Save And New') }}
                        </button>
                    </div>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{ request('reference') ? URL::previous() : url('/accounting/assets')}}" title="{{__('Back')}}">
                        @if(LaravelLocalization::getCurrentLocale() === 'en')
                            <span class="icon-Previous action-icon back-btnIcon"></span>
                        @else
                            <span class="icon-Next action-icon back-btnIcon"></span>
                        @endif
                    </a>
                </div>
            </div>
            <div class="match-height">
                @include('companyuser::errors.lists')
                <div class="card mb-0">
                    <div class="card-block mt-2">
                        <div class="form-body">
                            @error('attachment_id')
                                <div class="invalid-feedback text text-danger" role="alert">
                                    <p>{{ $message }}</p>
                                </div>
                            @enderror
                            <div class="row">
                                <div class="col-lg-7">
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="name_ar">{{ __('accounting::assets.name_ar') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input id="name_ar" type="text" class="w-100 form-control h-45 @error('name_ar') is-invalid @enderror" name="name_ar" value="{{ old('name_ar') }}" required autocomplete="name_ar">
                                                @error('name_ar')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="name_en">{{ __('accounting::assets.name_en') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input id="name_en" type="text" class="w-100 form-control h-45 {{ $errors->has('name_en') ? ' is-invalid' : '' }}" name="name_en" value="{{ old('name_en') }}" required autocomplete="name_en">
                                                @error('name_en')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                <label for="main_account">{{ __('accounting::assets.Main Account') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <select name="main_account" class="w-100 form-control h-45 select2-tag {{ $errors->has('main_account') ? ' is-invalid' : '' }}">
                                                    @foreach($mainAccounts as $accountId => $accountName)
                                                        <option value="{{ $accountId }}" {{ old('main_account') == $accountId ? 'selected' : '' }}>{{ $accountName }}</option>
                                                    @endforeach
                                                </select>
                                                @error('main_account')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                <label for="cost_center_id">{{ __('products::cost_center.Cost Center') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <select name="cost_center_id" class="w-100 form-control h-45 select2-tag {{ $errors->has('cost_center_id') ? ' is-invalid' : '' }}">
                                                    @can('cost-center.main-center.create')
                                                    <option @if(request('cost_center_id') == null) selected @endif value="">{{__('products::cost_center.main center')}}</option>
                                                    @endcan
                                                    @foreach($costCenters as $costCenter)
                                                        <option value="{{ $costCenter->id }}" {{ old('cost_center_id') == $costCenter->id? 'selected' : '' }}>{{ $costCenter->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('cost_center_id')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>

                                        </div>
                                    </div>
                                    @if(request('type') == 'new')
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="buying_date">{{ __('accounting::assets.Asset Date') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <x-date-picker
                                                        mode="single"
                                                        name="buying_date"
                                                        input-id="buying_date"
                                                        :value="old('buying_date')"
                                                        input-class="h-45"
                                                        :is-invalid="$errors->has('buying_date')"
                                                        :defaultToday="true"
                                                        :max-date="Date::now('date')"
                                                    />
                                                    @error('buying_date')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                    <label for="buying_account">{{ __('accounting::assets.Buying Account') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <select name="buying_account" class="w-100 form-control h-45 select2-tag{{ $errors->has('buying_account') ? ' is-invalid' : '' }}">
                                                        @foreach($buyingAccountsForSelect as $main_account => $accounts)
                                                            <optgroup label="{{ $main_account }}">
                                                                @foreach($accounts as $accountId => $accountName)
                                                                    <option value="{{ $accountId }}" {{ old('buying_account') == $accountId ? 'selected' : '' }}>{{ $accountName }}</option>
                                                                @endforeach
                                                            </optgroup>
                                                        @endforeach
                                                    </select>
                                                    @error('buying_account')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                    <label for="supplier_id">{{ __('purchases::purchase_bills.Supplier') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <suppliers-dropdown-component
                                                            :selected="{{ 
                                                                json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(old('supplier_id')))
                                                            }}"
                                                            :disable-inactive="true"
                                                            :create-new="true"
                                                            :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                                            :lang="'{{ app()->getLocale() }}'"
                                                            :multi-select="false"
                                                            :input-name="'supplier_id'"
                                                            :display-key="'name'"
                                                            :translations="{
                                                                placeholder: '{{ __('purchases::supplier_receipts.select supplier') }}',
                                                                searchPlaceholder: '{{ __('purchases::suppliers.search_suppliers') }}',
                                                                noResultsText: '{{ __('purchases::suppliers.no_suppliers_found') }}',
                                                                createNewText: '{{ __('purchases::suppliers.add_new_supplier') }}'
                                                            }"
                                                            class="w-100"
                                                    />
                                                    @error('supplier_id')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="buying_cost">{{ __('accounting::assets.Asset Cost') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="number" name="buying_cost" id="net-price-input" class="w-100 form-control h-45 number {{ $errors->has('buying_cost') ? ' is-invalid' : '' }}" value="{{ old('buying_cost') ?? 1.00 }}">
                                                    @error('buying_cost')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                    <label for="vat_option">{{ __('accounting::assets.vat_option') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <tax-dropdown-component 
                                                        :selected="{{ json_encode(\Modules\Settings\Models\Tax::getForDropdown(old('vat_option'), ['id', 'name', 'percentage'])) }}"
                                                        :lang="'{{ app()->getLocale() }}'"
                                                        :multi-select="false"
                                                        input-name="vat_option"
                                                        input-id="vat-selector"
                                                        :select-first-by-default="true"
                                                        :api-filters="{ type_id: {{ \Modules\Settings\Enums\VatTypesEnum::PURCHASES }} }"
                                                        :translations="{
                                                            placeholder: '{{ __('settings::tax.select_tax') }}',
                                                            searchPlaceholder: '{{ __('settings::tax.search_taxes') }}',
                                                            noResultsText: '{{ __('settings::tax.no_taxes_found') }}',
                                                            loadMoreHint: '{{ __('settings::tax.load_more_hint') }}',
                                                        }"
                                                        class="w-100"
                                                        @change="handleVatChange($event)"
                                                    />
                                                    @error('vat_option')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <input  name="vat_amount_input" type="hidden" id="vat-amount-input" value="{{ old('vat_amount_input')}}">
                                        <div class="form-group">
                                            <div class="row" style="display: flex;justify-content: center;align-items: center">
                                                <div class="col-md-5">
                                                    <label for="total_amount">{{ __('accounting::assets.total_amount') }}</label>
                                                </div>
                                                <div id="total_amount" class="col-md-7">
                                                    <span id="final-price">{{   (old('vat_amount_input') ?? 0 ) + ( old('buying_cost')  ?? 1 ) }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="adding_date">{{ __('accounting::assets.Adding Date') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <x-date-picker
                                                        mode="single"
                                                        name="buying_date"
                                                        input-id="buying_date"
                                                        :value="old('buying_date')"
                                                        input-class="h-45"
                                                        :is-invalid="$errors->has('buying_date')"
                                                        :default-today="true"
                                                    />
                                                    @error('buying_date')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5 d-flex justify-content-between align-items-center">
                                                    <label for="asset_book_value">{{ __('accounting::assets.asset_book_value') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="number" name="buying_cost" value="{{ old('buying_cost') ?? 1.0 }}" step="1" class="w-100 form-control h-45 py-1 {{ $errors->has('buying_cost') ? ' is-invalid' : '' }}">
                                                    @error('buying_cost')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="depreciation_method">{{ __('accounting::assets.Depreciation Method') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <select name="depreciation_method" id="depreciation_method" class="w-100 form-control h-45 selection select2-tag @if($errors->has('depreciation_method')) is-invalid @endif">
                                                    @foreach($depreciationMethods as $key => $value)
                                                        <option value="{{$value}}" {{ (old('depreciation_method') == $value) ? "selected" : "" }}>@lang('accounting::assets.'.$value)</option>
                                                    @endforeach
                                                </select>
                                                @error('depreciation_method')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" id="depreciationAccountContainer">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="depreciation_account">{{ __('accounting::assets.Main Depreciation Account') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <select name="depreciation_account" id="depreciation_account" class="w-100 h-45 form-control selection select2-tag @if($errors->has('depreciation_account')) is-invalid @endif" style="width:100%">
                                                    <option value="">@lang('accounting::assets.Choose Main Depreciation Account')</option>
                                                    @foreach($depreciationAccounts as $key => $value)
                                                        <option value="{{$key}}" {{ (old('depreciation_account') == $key) ? "selected" : "" }}> {{ $value }}</option>
                                                    @endforeach
                                                </select>
                                                @error('depreciation_account')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div id="StraightDeclineContainer">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="cost_account">{{ __('accounting::assets.Cost Account') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <select name="cost_account" id="cost_account" class="w-100 h-45 form-control selection select2-tag @if($errors->has('cost_account')) is-invalid @endif" style="width:100%">
                                                        <option value="">@lang('accounting::assets.Choose Cost Account')</option>
                                                        @foreach($costAcount as $key => $value)
                                                            <option value="{{$key}}" {{ (old('cost_account') == $key) ? "selected" : "" }}> {{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                    @error('cost_account')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="start_date">{{ __('accounting::assets.Start Date') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <x-date-picker
                                                        mode="single"
                                                        name="start_date"
                                                        input-id="start_date"
                                                        :value="old('start_date')"
                                                        input-class="h-45"
                                                        :is-invalid="$errors->has('start_date')"
                                                    />
                                                    <input type="hidden" name="attachment_id" value="{{ request('attachment_id') }}">

                                                    @error('start_date')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="end_date">{{ __('accounting::assets.End Date') }}</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <x-date-picker
                                                        mode="single"
                                                        name="end_date"
                                                        input-id="end_date"
                                                        :value="old('end_date')"
                                                        input-class="h-45"
                                                        :is-invalid="$errors->has('end_date')"
                                                    />
                                                    @error('end_date')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-5">
                                                    <label for="interval">{{ __('accounting::assets.Interval') }}</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <input type="number" name="interval_value" value="{{ old('interval_value') ?? 1.0 }}" step="1" class="w-100 form-control h-45 py-1 {{ $errors->has('interval_value') ? ' is-invalid' : '' }}">
                                                    @error('interval_value')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <select name="interval_unit" id="interval_unit" class="w-100 h-45 form-control selection select2-tag @if($errors->has('interval_unit')) is-invalid @endif">
                                                        @foreach($IntervalUnit as $key => $value)
                                                            <option value="{{$key}}" {{ (old('interval_unit') == $key) ? "selected" : "" }}>@lang('accounting::assets.'.$value)</option>
                                                        @endforeach
                                                    </select>
                                                    @error('interval_unit')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" id="StraightContainer">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="depreciation_amount">{{ __('accounting::assets.Depreciation Amount') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input type="number" name="depreciation_amount" id="depreciation_amount" value="0.00" class="w-100 form-control h-45 {{ $errors->has('depreciation_amount') ? ' is-invalid' : '' }}">
                                                @error('depreciation_amount')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" id="DeclineContainer">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <label for="depreciation_percentage">{{ __('accounting::assets.Depreciation Percentage') }}</label>
                                            </div>
                                            <div class="col-md-7">
                                                <input type="number" name="depreciation_percentage" id="depreciation_percentage" value="0.00" class="w-100 form-control h-45 {{ $errors->has('depreciation_percentage') ? ' is-invalid' : '' }}">
                                                @error('depreciation_percentage')
                                                    <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if(!old('attachment_id') && !request('attachment_id'))
                            <div class="row">
                                <div class="col-md-12">
                                    <attachments-component
                                        :translations="{{ json_encode([
                                            'attachments' => __('general.attachments'),
                                            'attachments_validation' => __('general.attachments_validation'),
                                            'attachments_max_size' => __('general.attachments_max_size'),
                                            'selected_files' => __('general.selected_files'),
                                        ]) }}"
                                        :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                    ></attachments-component>
                                </div>
                            </div>
                            @endif
                            <div class="row mt-1 mb-3 d-flex justify-content-center text-center actions-btn-align">
                                @if(request('reference'))
                                <input name="reference" type="hidden" value="{{ request('reference') }}">
                                @endif
                                <input name="type" type="hidden" value="{{ request('type') }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>

@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_accounting_assets_management_create');
        console.log('web_accounting_assets_management_create event');
    </script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="{{url('assets/js/vendors/js/forms/icheck/icheck.min.js')}}" type="text/javascript" defer></script>
    <script src="{{url('assets/js/scripts/forms/checkbox-radio.js')}}" type="text/javascript" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
    <script src="{{ asset('assets/js/custom/redirectconfirmation.js') }}" defer></script>
    <script src="{{asset('js/validation/limit-digits-in-decimal-numbers.js')}}" defer></script>
    <script>

    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            if ($("#depreciation_method").val() == "off" || $("#depreciation_method").val() == "") {
                $("#depreciationAccountContainer").css("display", "none");
                $("#StraightDeclineContainer").css("display", "none");
                $("#StraightContainer").css("display", "none");
                $("#DeclineContainer").css("display", "none");
            }
            if ($("#depreciation_method").val() == "manual") {
                $("#StraightDeclineContainer").css("display", "none");
                $("#StraightContainer").css("display", "none");
                $("#DeclineContainer").css("display", "none");
            }
            if ($("#depreciation_method").val() == "straight_line") {
                $("#DeclineContainer").css("display", "none");
            }
            if ($("#depreciation_method").val() == "declining_balance") {
                $("#StraightContainer").css("display", "none");
            }

            $("#depreciation_method").change(function() {
                let depreciation_method = $(this).val();
                if (depreciation_method !== "off" && depreciation_method !== "") {
                    $("#depreciationAccountContainer").css("display", "block");
                } else {
                    $("#depreciationAccountContainer").css("display", "none");
                }

                if (depreciation_method == "straight_line") {
                    $("#StraightDeclineContainer").css("display", "block");
                    $("#StraightContainer").css("display", "block");
                    $("#DeclineContainer").css("display", "none");
                } else if (depreciation_method == "declining_balance") {
                    $("#StraightDeclineContainer").css("display", "block");
                    $("#DeclineContainer").css("display", "block");
                    $("#StraightContainer").css("display", "none");
                } else {
                    $("#StraightDeclineContainer").css("display", "none");
                    $("#DeclineContainer").css("display", "none");
                    $("#StraightContainer").css("display", "none");
                }
            });

            //adjust submit buttons
            $('.dev-account-submit').click(function() {
                //take value from clicked btn
                $('#dev-action-holder').val($(this).attr('dev-value'))
                //submit form
                $('#accountForm').submit();
                //disabled form
                $(this).prop('disabled', true);
            });

        })(jQuery);
    });

    $(document).ready(function() {
        // Restore the selected tax after a validation re-render (includes percentage).
        const restoredTax = {!! json_encode(\Modules\Settings\Models\Tax::getForDropdown(old('vat_option'), ['id', 'name', 'percentage'])) !!};
        let selectedTax = restoredTax && !Array.isArray(restoredTax) ? restoredTax : null;

        function calculateFinalPrice(fromTaxEvent) {
            const netPrice = parseFloat($('#net-price-input').val()) || 0;

            // Get percentage from stored tax object
            const vatPercentage = selectedTax?.percentage || 0;

            if (!vatPercentage) {
                // Initial hydrate with no tax object yet: do not wipe a restored vat_amount_input.
                if (!fromTaxEvent && selectedTax == null) {
                    return;
                }
                $('#final-price').text(netPrice ? netPrice.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0] : 0.00);
                $('#vat-amount-input').val(0.00);
                return;
            }

            const vatAmount = netPrice * (vatPercentage / 100);
            $('#vat-amount-input').val(vatAmount.toFixed(2));
            const finalPrice = netPrice + vatAmount;
            $('#final-price').text(finalPrice ? finalPrice.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0] : 0.00);
        }

        $('#net-price-input').on('input', function() {
            calculateFinalPrice(true);
        });

        // Listen for vat-changed event from Vue component
        window.addEventListener('vat-changed', function(e) {
            selectedTax = e.detail; // Store the tax object from event
            calculateFinalPrice(true);
        });

        // Recalculate from restored tax (validation re-render) or wait for vat-changed.
        calculateFinalPrice(false);
    });
</script>
@endsection