@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('accounting::chart_of_accounts.Edit Account'))
@section('extra-styles')
<link rel="stylesheet" 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" 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" href="{{asset('assets/css/plugins/forms/checkboxes-radios.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/custom.css')}}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@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.chart-of-accounts.index', $subdomain)}}" class="redirect-item">@lang('accounting::chart_of_accounts.Chart of Accounts')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Edit')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.chart-of-accounts.update', ['account' => $output['account']->id, 'subdomain'=> $subdomain]) }}" method="POST" id="accountForm" class="form">
    @csrf
    @method('PUT')
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                <button type="button" class="" style="background-color: transparent;border:none;" data-toggle="modal" data-target="#ConfirmationModal" title="{{__('Save')}}">
                    <span class="icon-Save action-icon"></span>
                </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{url('/accounting/accounts')}}" 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">
                <div>
                    @include('companyuser::errors.lists')
                    <div class="card mb-0">
                        <div class="card-body  in">
                            @error('account_id')
                            <div class="invalid-feedback text text-danger" role="alert">
                                <p>{{ $message }}</p>
                            </div>
                            @enderror
                            <div class="invalid-feedback text text-danger" role="alert">
                                <p>@lang('companyuser::recurring.journal_entries.updates_of_accounts')</p>
                            </div>
                            <div class="card-block mt-2">
                                <div class="form-body">

                                    <div class="row">
                                        <div class="col-lg-7">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <label for="account_type">@lang('accounting::chart_of_accounts.Account Type')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <select name="account_type" @if(!$output['account']->isAccountCodeEditable())  disabled @endif  id="account_type" class="w-100 form-control h-45 select2-tag @if($errors->has('account_type')) is-invalid @endif">
                                                            @foreach ($output['AllowedSubCategories'] as $subCategory)
                                                                <option value="{{ $subCategory->id }}"
                                                                    {{ old('subcategory_id', $output['account']->subcategory_id) == $subCategory->id ? 'selected' : '' }}>
                                                                    {{ $subCategory->code . '-' . $subCategory->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('account_type')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror

                                                        @if(!$output['account']->isAccountCodeEditable())
                                                        <input type="hidden" name="account_type"
                                                            value="{{ old('subcategory_id', $output['account']->subcategory_id) }}">
                                                        @endif

                                                    </div>

                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <label for="parent_id">@lang('accounting::chart_of_accounts.Parent Account')</label>
                                                        ( @lang('optional') )
                                                    </div>
                                                    <div class="col-md-7">
                                                        @if($output['account']->accountingTree->count() == 0)
                                                        <select name="parent_id" @if(!$output['account']->isAccountCodeEditable())  disabled @endif id="parent_id" class="w-100 form-control h-45 select2-tag @if($errors->has('parent_id')) is-invalid @endif">
                                                            <option value="">@lang('accounting::chart_of_accounts.No Parent Account')</option>
                                                            @foreach ($output['ParentAccountList'] as $account)
                                                                <option value="{{ $account->id }}" >
                                                                    {{ $account->code . '-' . $account->name }}
                                                                </option>
                                                            @endforeach

                                                        </select>
                                                        @else
                                                        <select name="parent_id" @if(!$output['account']->isAccountCodeEditable())  disabled @endif id="parent_id" class="w-100 form-control h-45 select2-tag @if($errors->has('parent_id')) is-invalid @endif">
                                                            <option value="">@lang('accounting::chart_of_accounts.No Parent Account')</option>

                                                            @foreach ($output['ParentAccountList'] as $account)
                                                                <option value="{{ $account->id }}"
                                                                    {{ old('parent_id', ($output['account']->accountingTree->last())->parent->id) == $account->id ? 'selected' : '' }}>
                                                                    {{ $account->code . '-' . $account->name }}
                                                                </option>
                                                            @endforeach



                                                            {{-- <option value="{{ ($output['account']->accountingTree->last())->parent->id }}">{{ ($output['account']->accountingTree->last())->parent->name }}</option> --}}
                                                        </select>
                                                        @endif
                                                        @error('parent_id')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror

                                                        @if(!$output['account']->isAccountCodeEditable())
                                                            <input type="hidden" name="parent_id"
                                                                value="{{ old('parent_id', optional($output['account']->accountingTree->last())->parent->id ?? '') }}">
                                                        @endif

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <label for="code">@lang('accounting::chart_of_accounts.Code')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <input type="text" id="code" name="code" value="{{ old('code',$output['account']->code) }}" readonly class="w-100 disabled form-control h-45 @if($errors->has('code')) is-invalid @endif" placeholder="@lang('accounting::chart_of_accounts.code_placeholder')">

                                                        <input type="text" hidden id="old_code" name="old_code" value="{{ old('code',$output['account']->code) }}" readonly class="w-100 disabled form-control h-45 @if($errors->has('code')) is-invalid @endif" placeholder="@lang('accounting::chart_of_accounts.code_placeholder')">
                                                        @error('code')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                        @if(!$output['account']->isAccountCodeEditable())
                                                        <span class="invalid-feedback text text-warning" role="alert">
                                                            <p>{{ __('accounting::chart_of_accounts.non editable account message', ['field' => __('products::cost_center.Cost Center')]) }}</p>
                                                        </span>
                                                        @endif
                                                    </div>

                                                </div>

                                            </div>

                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <label for="name_ar">@lang('accounting::chart_of_accounts.name_ar')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <input type="text" name="name_ar" value="{{ old('name_ar', $output['account']->name_ar) }}" class="w-100 form-control h-45 @if($errors->has('name_ar')) is-invalid @endif">
                                                        @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">@lang('accounting::chart_of_accounts.name_en')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <input type="text" name="name_en" value="{{ old('name_en', $output['account']->name_en) }}" class="w-100 form-control h-45 @if($errors->has('name_en')) is-invalid @endif">
                                                        @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">
                                                        <label for="description">@lang('accounting::chart_of_accounts.Description')</label>
                                                        ( @lang('optional') )
                                                    </div>
                                                    <div class="col-md-7">
                                                        <textarea name="description" id="description" cols="500" rows="5" class="w-100 form-control @if($errors->has('description')) is-invalid @endif">{{ old('description',$output['account']->description) }}</textarea>
                                                        @error('description')
                                                        <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="receive_payment">@lang('accounting::chart_of_accounts.Receive Payment')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <input type="checkbox" @if($output['account']->used_in_payment) checked @endif value="1" name="receive_payment">
                                                        @error('receive_payment')
                                                        <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="link_cost_center">@lang('accounting::chart_of_accounts.link_cost_center')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <input type="checkbox" @if($output['account']->link_cost_center) checked @endif value="1" name="link_cost_center">
                                                        @error('link_cost_center')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>

                                                </div>
                                            </div>
                                            @if($output['showOpeningBalance'])
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-5">
                                                        <span class="custom-control-description pl-0 ml-0">
                                                            <label for="opening_balance">@lang('accounting::chart_of_accounts.Opening Balance')</label>
                                                            ( {{Date::format($output['fiscalYear']->year . '-' . $output['fiscalYear']->month . '-' . $output['fiscalYear']->day)}} )
                                                            <i class="ft-info text-bold-600" data-toggle="tooltip" data-placement="bottom" title="@lang('accounting::chart_of_accounts.date_message')"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <input type="text" oninput="validate(this)" onkeypress="return isNumberKey(event)" name="opening_balance" value="{{ old('opening_balance',$output['account']->fiscalYearBalances->last()->opening_balance) }}" class="w-100 form-control h-45 @if($errors->has('opening_balance')) is-invalid @endif">
                                                                @error('opening_balance')
                                                                <span class="invalid-feedback text text-danger" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                                @enderror
                                                            </div>
                                                            <div class="col-md-8 mt-half">
                                                                <div class='input-group'>
                                                                    <input type='hidden' class="form-control singledate" name="opening_date" value="{{Date::format($output['fiscalYear']->year . '-' . $output['fiscalYear']->month . '-' . $output['fiscalYear']->day)}}" disabled="true" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">
                                        <!-- confirmation Modal -->
                                        <div class="modal fade" id="ConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">

                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                        <h4 class="modal-title">
                                                            <b>{{ __('accounting::chart_of_accounts.Confirmation') }}</b>
                                                        </h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        {{ __('accounting::chart_of_accounts.edit confirmation message') }}
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                        <span class="pull-right">
                                                            <button type="submit" class="btn btn-primary">
                                                                @lang('Continue')
                                                            </button>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    @include('sales::includes.redirect_popup')
</section>
@endsection

@section('extra_scripts')
    <script>
          gtag('event', 'web_accounting_chart_of_accounts_edit');
    console.log('web_accounting_chart_of_accounts_edit event');

    document.addEventListener('DOMContentLoaded', () => {
        (function ($) {
            const locale = '{{ App::getLocale() }}';
            const noParentText = {!! json_encode(trans('accounting::chart_of_accounts.No Parent Account')) !!};

            const accountTypeEl = $("#account_type");
            const parentSelectEl = $("#parent_id");
            const codeEl = $("#code");

            /**
             * Fetch JSON from a URL
             */
            async function fetchJson(url) {
                try {
                    const res = await fetch(url);
                    if (!res.ok) throw new Error(`HTTP ${res.status}`);
                    return await res.json();
                } catch (err) {
                    console.error(`Fetch failed for ${url}:`, err);
                    return null;
                }
            }

            /**
             * Populate parent accounts based on subcategory ID
             */
            async function loadParentAccounts(subcategoryId) {
                parentSelectEl.prop('disabled', true);
                parentSelectEl.empty().append(`<option value="">${noParentText}</option>`);

                if (!subcategoryId) return;

                const url = `${window.location.origin}/${locale}/accounting/accounts/list-accounts?account_subcategory_id=${subcategoryId}`;
                const data = await fetchJson(url);

                if (Array.isArray(data)) {
                    data.forEach(account => {
                        const name = locale === 'ar' ? account.name_ar : account.name_en;
                        parentSelectEl.append(`<option value="${account.id}">${account.code} - ${name}</option>`);
                    });
                }

                parentSelectEl.prop('disabled', false);
            }

            /**
             * Suggest new account code
             */
            async function suggestAccountCode() {
                const accountType = accountTypeEl.val();
                const parentId = parentSelectEl.val();

                if (!accountType) return; // Need subcategory to suggest

                const suggestUrl = `${window.location.origin}/${locale}/accounting/accounts/suggest-account-code?subcategory_id=${accountType}&parent_account_id=${parentId || ''}`;
                const data = await fetchJson(suggestUrl);

                if (data && data.code) {
                    codeEl.val(data.code);
                }
            }

            /**
             * Event listeners
             */
            accountTypeEl.on('change', async function () {
                const subcategoryId = $(this).val();
                await loadParentAccounts(subcategoryId);
                await suggestAccountCode(); // Now we can suggest after parents are loaded
            });

            parentSelectEl.on('change', suggestAccountCode);

        })(jQuery);
    });




    </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>
    // allow only 2 decimals
    var validate = function(e) {
        var t = e.value;
        e.value = (t.indexOf(".") >= 0) ? (t.substr(0, t.indexOf(".")) + t.substr(t.indexOf("."), 3)) : t;
    }
    //allow only numbers
    function isNumberKey(evt) {
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode != 46 && charCode > 31 && charCode > 57)
            return false;

        return true;
    }


</script>
@endsection