@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('accounting::chart_of_accounts.New 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">
<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.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('Create')</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.store', $subdomain) }}" method="POST" id="accountForm">
        @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>
                        @if (!request('getFormType') && !request('encodedFeeData'))
                        {{-- incase of request came from fee service don't show (create and new) button --}}
                            <button class="dropdown-item dev-account-submit save-font" name="action" type="button" dev-value="save_new">{{ __('Save And New') }}</button>
                        @endif
                    </div>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green redirect-item" href="{{ request('reference') ? URL::previous() : 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">
                @include('companyuser::errors.lists')
                <div class="card mb-0">
                    <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" id="account_type" class="w-100 form-control h-45 select2-tag @if($errors->has('account_type')) is-invalid @endif">
                                                        <option value="">@lang('accounting::chart_of_accounts.Select Account Type')</option>
                                                        @forelse($categories as $key => $category)
                                                            <optgroup label="{{ $key }}">
                                                                @forelse($category as $categoryKey => $account)
                                                                    <option @if(request('account_type') == $categoryKey) selected @endif value="{{ $categoryKey }}">{{ $account }}</option>
                                                                @empty
                                                                @endforelse
                                                            </optgroup>
                                                        @empty
                                                        @endforelse
                                                    </select>
                                                    @error('account_type')
                                                        <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">
                                                    <span class="custom-control-description pl-0 ml-0">
                                                        <label for="parent_id">@lang('accounting::chart_of_accounts.Parent Account')</label>
                                                        ( @lang('optional') )
                                                        <i class="ft-info text-bold-600" data-toggle="tooltip" data-placement="bottom" title="@lang('accounting::chart_of_accounts.Select a parent account if this account is a sub account')"></i>
                                                    </span>
                                                </div>
                                                <div class="col-md-7">
                                                    <select name="parent_id" 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>
                                                    </select>
                                                    @error('parent_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="code">@lang('accounting::chart_of_accounts.Code')</label>
                                                </div>
                                                <div class="col-md-7">
                                                    <input type="text" name="code" id="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
                                                </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" 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" 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"></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" checked name="receive_payment" value="1">
                                                    @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" checked name="link_cost_center" value="1">
                                                    @error('link_cost_center')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        @if($fiscalYear)
                                        <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($fiscalYear->year . '-' . $fiscalYear->month . '-' . $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" name="opening_balance" value="0" class="w-100 form-control h-45 number @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($fiscalYear->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day)}}" disabled="true" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <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
                                    @if(request('source'))
                                        <input name="source" type="hidden" value="{{ request('source') }}">
                                    @endif
                                    @if(request('paymentMethodId'))
                                        <input name="paymentMethodId" type="hidden" value="{{ request('paymentMethodId') }}">
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if(request('getFormType') && request('encodedFeeData'))
            <input name="getFormType" type="hidden" value="{{ request('getFormType') }}">
            <input name="encodedFeeData" type="hidden" value="{{ request('encodedFeeData') }}">
            <input name="feeReference" type="hidden" value="{{ request('feeReference') }}">
        @endif
    </form>
    @include('sales::includes.redirect_popup')
</section>
<input type="hidden" value="{{ old('parent_id', request('parent_id') ) }}" id="parent_value">
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_accounting_chart_of_accounts_create');
        console.log('web_accounting_chart_of_accounts_create event');
    </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($) {
            var accounts = null;
            var no_parent_selection = {!!json_encode(trans('accounting::chart_of_accounts.No Parent Account')) !!};
            $("#account_type").change(function() {

                let subCategoryId = $(this).val();
                $("#parent_id").empty();
                $("#parent_id").append($('<option selected="selected"></option>').attr('value', '').text(no_parent_selection));
                $('#code').val('');
                if (subCategoryId) {
                    if(accounts[subCategoryId]) {
                        $.each(accounts[subCategoryId], function (key, entry) {
                            $("#parent_id").append($('<option></option>').attr('value', key).text(entry['code'] + ' ' + entry['name']));
                        });
                    }

                    let url = '{{route("company.chart-of-accounts.generate-code", [$subdomain, ":subcategoryId"])}}';
                    url = url.replace(':subcategoryId', subCategoryId);

                    $.ajax({
                        url: url,
                        dataType: 'json',
                        type: "GET",
                        success: function(response) {
                            $('#code').val(response.data);
                        }
                    });
                }
            });

            $('#parent_id').change(function() {
                let subCategoryId = $("#account_type").val();
                let parentId = $(this).val();
                let url = '{{route("company.chart-of-accounts.generate-code", [$subdomain, ":subcategoryId", ":parentId"])}}';
                url = url.replace(':subcategoryId', subCategoryId);
                url = url.replace(':parentId', parentId);

                $.ajax({
                    url: url,
                    dataType: 'json',
                    type: "GET",
                    success: function(response) {
                        $('#code').val(response.data);
                    }
                });
            });
            //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);
            });


            if ($("#account_type").val() != '') {
                let subCategoryId = $("#account_type").val();
                let parent_id = $("#parent_value").val();

                $("#parent_id").empty();
                $("#parent_id").append($('<option selected="selected"></option>').attr('value', '').text(no_parent_selection));
                $.each(accounts[subCategoryId], function(key, entry) {
                    $("#parent_id").append($('<option></option>').attr('value', key).text(entry['code'] + ' ' + entry['name']));
                })

                if (parent_id != '') {
                    $('#parent_id').val(parent_id);
                    let url = '{{route("company.chart-of-accounts.generate-code", [$subdomain, ":subcategoryId", ":parentId"])}}';
                    url = url.replace(':subcategoryId', subCategoryId);
                    url = url.replace(':parentId', parent_id);
                    $.ajax({
                        url: url,
                        dataType: 'json',
                        type: "GET",
                        success: function(response) {
                            $('#code').val(response.data);
                        }
                    });

                } else {
                    let url = '{{route("company.chart-of-accounts.generate-code", [$subdomain, ":subcategoryId"])}}';
                    url = url.replace(':subcategoryId', subCategoryId);
                    $.ajax({
                        url: url,
                        dataType: 'json',
                        type: "GET",
                        success: function(response) {
                            $('#code').val(response.data);
                        }
                    });
                }
            }
        })(jQuery);
    });
</script>
@endsection