@extends('companyuser::layouts.master')
@section('title', __('companyuser::sidebar.Accounting Settings'))
@section('extra-styles')
<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/style-svgFont.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    .swal2-container.swal2-center{
        z-index: 99999999;
    }
    .modal-backdrop{
        z-index: 10000 !important;
    }
    #favoritesModal, #submit_modal, #start_date_confirmation_modal{
        z-index: 100001 !important;
    }
    .closing-info-list{
        font-size: 1.05rem;
        margin: 0;
        padding-left: 1rem;
    }
    .closing-info-list li{ 
        margin-bottom: 6px;
    }
</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('settings::accounting.Settings')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('companyuser::sidebar.Accounting Settings')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <form action="{{ route('company.accounting-settings.store', $subdomain) }}" method="POST" class="form" id="accountingSettingsForm">
        @csrf
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <button type="button" class="accSettingsSubmit" style="background-color: transparent;border:none" title="{{__('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
            </div>
            <section id="basic-form-layouts daterange" class="form- add-form-section filter-section-collapse">
                <div class=" match-height">
                    <div>
                        @include('companyuser::errors.operation-locked')
                        @include('companyuser::errors.lists')
                        <div class="card">
                            <div class="card-block mb-3">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4 mt-3">
                                                        <label for="year start date">@lang('settings::accounting.Year Start Date')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div>
                                                                    <label for="start_month">@lang('settings::accounting.Month')</label>
                                                                    <select class="form-control" id="start_month" name="start_month">
                                                                        <option @if($start_month == 1) selected @endif value="1">January</option>
                                                                        <option @if($start_month == 2) selected @endif value="2">February</option>
                                                                        <option @if($start_month == 3) selected @endif value="3">March</option>
                                                                        <option @if($start_month == 4) selected @endif value="4">April</option>
                                                                        <option @if($start_month == 5) selected @endif value="5">May</option>
                                                                        <option @if($start_month == 6) selected @endif value="6">June</option>
                                                                        <option @if($start_month == 7) selected @endif value="7">July</option>
                                                                        <option @if($start_month == 8) selected @endif value="8">August</option>
                                                                        <option @if($start_month == 9) selected @endif value="9">September</option>
                                                                        <option @if($start_month == 10) selected @endif value="10">October</option>
                                                                        <option @if($start_month == 11) selected @endif value="11">November</option>
                                                                        <option @if($start_month == 12) selected @endif value="12">December</option>
                                                                    </select>
                                                                </div>
                                                                @error('start_month')
                                                                <span class="invalid-feedback text text-danger" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                                @enderror
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div>
                                                                    <label for="start_day">@lang('settings::accounting.Day')</label>
                                                                    <select class="date form-control" id="start_day" name="start_day">
                                                                        <option value="1" selected="selected">1</option>
                                                                        <option value="2">2</option>
                                                                        <option value="3">3</option>
                                                                        <option value="4">4</option>
                                                                        <option value="5">5</option>
                                                                        <option value="6">6</option>
                                                                        <option value="7">7</option>
                                                                        <option value="8">8</option>
                                                                        <option value="9">9</option>
                                                                        <option value="10">10</option>
                                                                        <option value="11">11</option>
                                                                        <option value="12">12</option>
                                                                        <option value="13">13</option>
                                                                        <option value="14">14</option>
                                                                        <option value="15">15</option>
                                                                        <option value="16">16</option>
                                                                        <option value="17">17</option>
                                                                        <option value="18">18</option>
                                                                        <option value="19">19</option>
                                                                        <option value="20">20</option>
                                                                        <option value="21">21</option>
                                                                        <option value="22">22</option>
                                                                        <option value="23">23</option>
                                                                        <option value="24">24</option>
                                                                        <option value="25">25</option>
                                                                        <option value="26">26</option>
                                                                        <option value="27">27</option>
                                                                        <option value="28">28</option>
                                                                    </select>
                                                                </div>
                                                                @error('start_day')
                                                                <span class="invalid-feedback text text-danger" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="default tax rate">@lang('settings::accounting.Default Tax Rate')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <tax-dropdown-component 
                                                            :selected="{{ json_encode(\Modules\Settings\Models\Tax::getForDropdown($defaultTax, ['id', 'name'])) }}"
                                                            :lang="'{{ app()->getLocale() }}'"
                                                            :multi-select="false"
                                                            input-name="tax_id"
                                                            input-id="tax_id"
                                                            :show-no-default-tax="true"
                                                            :no-default-tax-label="'{{ __('No Default Tax Rate') }}'"
                                                            :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"
                                                        />
                                                        @error('tax_id')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            @if($accountingSettings)
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-5">
                                                        <a href="">
                                                            <fieldset class="right-checkbox">
                                                                <label class="custom-control custom-checkbox block pl-0" onclick="check()">
                                                                    <input type="checkbox" class="fiscal-year-checkbox custom-control-input" >
                                                                    <span class="custom-control-indicator indicatorAlign"></span>
                                                                    <span class="custom-control-description pl-0 ml-0">
                                                                        <label for="books closing">@lang('settings::accounting.Books Closing')</label>
                                                                        <i class="ft-info text-bold-600"
                                                                           data-toggle="tooltip"
                                                                           data-placement="bottom"
                                                                          title="@lang('settings::accounting.closing_base_info')@if($hasActiveRecurring) &#10;- @lang('settings::accounting.closing_recurring_info')@endif"></i>
                                                                    </span>
                                                                </label>
                                                            </fieldset>
                                                        </a>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <span class="custom-control-description pl-0 ml-0">
                                                            <label for="inventory_system">@lang('settings::general_settings.Inventory System')</label>
                                                            <i class="ft-info text-bold-600"
                                                            data-toggle="tooltip"
                                                            data-placement="bottom"
                                                            title="@lang('settings::general_settings.inventory_system_hint')"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="inventory_system" class="w-100 py-1 form-control select2-tag" required>
                                                            @forelse($inventory_systems as $key => $inventory_system)
                                                                <option @if(old_input($accountingSettings, 'inventory_system', $errors->has('inventory_system')) == $key) selected @endif value="{{ $key }}">{{ $inventory_system }}</option>
                                                                @empty
                                                            @endforelse
                                                        </select>
                                                        @error('inventory_system')
                                                        <span class="invalid-feedback" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="closing date">@lang('settings::accounting.Closing Date')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <x-date-picker
                                                            name="closing_date"
                                                            id="closing_date"
                                                            :disabled="true"
                                                            value="{{ old('closing_date') }}"
                                                            :required="true"
                                                            :error="$errors->has('closing_date')"
                                                        />
                                                        @error('closing_date')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror

                                                    </div>
                                                </div>
                                            </div>
                                            <retention-settings 
                                                :retention-account="{{ json_encode(($retention_account) ? $retention_account->name_en . ' (' . $retention_account->code . ')' : '') }}" 
                                                :parent-id="{{ json_encode($retention_static_data['parent_id']) }}"
                                                :account-type="{{ json_encode($retention_static_data['account_type']) }}"
                                                :translations="{{ json_encode(__('settings::accounting.retention')) }}"
                                                :is-retention-enabled="{{ json_encode($retention_static_data['is_retention_enabled']) }}"
                                                :retention-enum-value="{{ json_encode($retention_static_data['retention_enum_value']) }}"
                                                >
                                            </retention-settings>
                                            <br />
                                            <toggle-feature :feature="'negative_inventory'" :translations="{{ json_encode(__('settings::accounting.toggle_feature_negative_inventory')) }}" :is_inventory_enabled="{{ json_encode(isFeatureActive('inventory')) }}" />
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
            </section>
        </div>
    </form>
</section>
{{---------------- popup to close booking -------------------------------}}

<div class="modal hide fade" id="favoritesModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel" style="z-index: 100001 !important;" 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" id="favoritesModalLabel">@lang('settings::accounting.Books Closing')</h4>
            </div>
            <div class="modal-body">
                <div class="closing-info">
                    <ul class="closing-info-list list-unstyled">
                        <li>@lang('settings::accounting.closing_base_info')</li>
                        @if($hasActiveRecurring)
                        <li class="text-danger font-weight-bold">@lang('settings::accounting.closing_recurring_info')</li>
                        @endif
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default mx-1" data-dismiss="modal" onclick="unchecked()">@lang('Cancel')</button>
                <span class="pull-right">
                    <button  class="btn btn-primary" id="continue" data-dismiss="modal" onclick="handleContinueClick()">@lang('settings::accounting.Continue')</button>
                </span>
            </div>
        </div>
    </div>
</div>
{{---------------- popup to confirm submition -------------------------------}}
<div class="modal hide fade" id="submit_modal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel" style="z-index: 100001 !important;" 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" id="favoritesModalLabel">@lang('settings::accounting.Books Closing')</h4>
            </div>
            <div class="modal-body">
                <div class="closing-info">
                    <ul class="closing-info-list list-unstyled">
                        <li>@lang('settings::accounting.closing_base_info')</li>
                        @if($hasActiveRecurring)
                        <li class="text-danger font-weight-bold">@lang('settings::accounting.closing_recurring_info')</li>
                        @endif
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default mx-1" data-dismiss="modal" onclick="unchecked()">@lang('Cancel')</button>
                <span class="pull-right">
                    <button  class="btn btn-primary" id="formSubmit" data-dismiss="modal">@lang('settings::accounting.Continue')</button>
                </span>
            </div>
        </div>
    </div>
</div>

<div class="modal hide fade" style="z-index: 100001 !important;" id="start_date_confirmation_modal" tabindex="-1"
     role="dialog" aria-labelledby="favoritesModalLabel"  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" id="favoritesModalLabel">@lang('settings::accounting.start date overlapping')</h4>
            </div>
            <div class="modal-body">
                <p id="confirm_start_date_msg"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default mx-1" id="declineRecommendedDate">@lang('No')</button>
                <span class="pull-right">
                    <button  class="btn btn-primary" id="confirmRecommendedDate" data-dismiss="modal">@lang('Yes')</button>
                </span>
            </div>
        </div>
    </div>
</div>

@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_accounting_settings');
        console.log('web_settings_accounting_settings event');
    </script>
<script src="{{url('assets/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.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('vendor/sweetalert/sweetalert.all.js') }}"></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>
    //continue => -check box -enable date and give it name
    function checked()
    {
        $(".fiscal-year-checkbox").prop("checked", true);
        $('#favoritesModal').hide();
    }
    //cancel => -disable date and remove it's name
    function unchecked() {
        $(".fiscal-year-checkbox").prop("checked", false);

        // Properly disable the flatpickr date picker
        const datePickerInput = $('input[name="closing_date"]')[0]
        if (datePickerInput) {
            datePickerInput.setAttribute("disabled", "disabled")

            // Disable the calendar icon button (next sibling)
            const dateButton = datePickerInput.nextElementSibling
            if (dateButton) {
                dateButton.setAttribute("disabled", "disabled")
            }
            // Tell flatpickr to stop opening on click and clear its value
            if (datePickerInput._flatpickr) {
                datePickerInput._flatpickr.set("clickOpens", false)
                datePickerInput._flatpickr.clear();
            }
        }

        $('#favoritesModal').hide();
    }
    function check() {
        $('#continue').prop("disabled", false);
        if ($(".fiscal-year-checkbox").prop("checked") == false) {
            $('#favoritesModal').modal('show');
            checked();
        }else{
            $(".fiscal-year-checkbox").prop("checked", false);
            $('#favoritesModal').modal('hide');
            unchecked();
        }
    }

    function handleContinueClick () {
        const datePickerInput = $('input[name="closing_date"]')[0]
        const flatPickerInstance = datePickerInput._flatpickr

        // Correctly enable the input — setAttribute("disabled", false) sets the
        // string "false" which still disables; removeAttribute is the right way
        datePickerInput.removeAttribute("disabled")

        // Enable the calendar icon button (next sibling)
        const dateButton = datePickerInput.nextElementSibling
        if (dateButton) {
            dateButton.removeAttribute("disabled")
        }

        // Tell flatpickr it can open on click now
        flatPickerInstance.set("clickOpens", true)
        const today = new Date();
        today.setHours(0, 0, 0, 0);
        flatPickerInstance.setDate(today, true, 'Y-m-d');
    }
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            $(".fiscal-year-checkbox").prop("checked", false);

            //applied to prevent multiple overlays of popup
            $(document).on('show.bs.modal', '.modal', function (event) {
                var zIndex = 10040 + (10 * $('.modal:visible').length);
                $(this).css('z-index', zIndex);
                setTimeout(function() {
                    $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
                }, 0);
                $('.modal').on("hidden.bs.modal", function (e) { //fire on closing modal box
                    if ($('.modal:visible').length) { // check whether parent modal is opend after child modal close
                        $('body').addClass('modal-open'); // if open mean length is 1 then add a bootstrap css class to body of the page
                    }
                });
            });

            //action on submit btn to show pop up if checkbox is checked
            $(".accSettingsSubmit").click(function() {
                if ($(".fiscal-year-checkbox").prop("checked") == false){
                    $('#submit_modal').modal('hide');
                    $('#accountingSettingsForm').submit();
                } else {
                    $('#submit_modal').modal('show');
                }
            });
            $(document).on('click', '#formSubmit', function () {
                if(checkStartFiscalYearOverlapping()){
                    var recommendedStartDate = getDate($('#closing_date').val());
                    debugger;
                    recommendedStartDate.setDate(recommendedStartDate.getDate()+1);
                    $('#confirm_start_date_msg').text('{{__('settings::accounting.new fiscal year start date is overlapping with another')}}'
                                                        .replace(':date', recommendedStartDate.getDate()
                                                                            + "/" + (Number(recommendedStartDate.getMonth()) + 1)
                                                                            + "/" + recommendedStartDate.getFullYear()))
                    $('#start_date_confirmation_modal').modal('show')
                }else{
                    $('#accountingSettingsForm').submit();
                }
            });
            $(document).on('click', '#confirmRecommendedDate', function () {
                var recommendedStartDate = getDate($('#closing_date').val());
                recommendedStartDate.setDate(recommendedStartDate.getDate()+1);
                $('#start_day').val(recommendedStartDate.getDate())
                $('#start_month').val(Number(recommendedStartDate.getMonth()) + 1);
                $('#accountingSettingsForm').submit();
            });

            $(document).on('click', '#declineRecommendedDate', function () {
                $('#accountingSettingsForm').submit();
            })
        })(jQuery);
    });

    function checkStartFiscalYearOverlapping(){
        debugger;
        var fiscalYears = null;
        var currentFiscalYear = null;
        var start_date_overlapping = false;
        var configuredStartYear = new Date(new Date().getFullYear(), Number($('#start_month').val())-1, $('#start_day').val(), 0, 0, 0, 0);
        fiscalYears.forEach(function(fiscalYear){
            var fiscalYearStartDate = new Date(fiscalYear['year'], Number(fiscalYear['month']) - 1, fiscalYear['day'], 0, 0, 0, 0);
            var fiscalYearClosingDate = new Date(fiscalYear['closing_date']);
            if(configuredStartYear >= fiscalYearStartDate && configuredStartYear <= fiscalYearClosingDate){
                start_date_overlapping = true;
            }
        });
        if(!start_date_overlapping){
            var currentYearClosingDate = getDate($('#closing_date').val());
            var currentYearStartDate = new Date(currentFiscalYear['year'], Number(currentFiscalYear['month']) - 1, currentFiscalYear['day'], 0, 0, 0, 0);
            if(configuredStartYear >= currentYearStartDate && configuredStartYear <= currentYearClosingDate){
                start_date_overlapping = true;
            }
        }
        return start_date_overlapping;
    }

    function getDate($val){
        if($val) {
            let datePart = ($val.split(" "))[0];
            let temp = datePart.split("-");
            
            let year, month, day;
            if (temp[0].length === 4) {
                // Format: YYYY-MM-DD (New Standard)
                year = parseInt(temp[0]);
                month = parseInt(temp[1]) - 1;
                day = parseInt(temp[2]);
            } else {
                // Format: DD-MM-YYYY (Legacy)
                year = parseInt(temp[2]);
                month = parseInt(temp[1]) - 1;
                day = parseInt(temp[0]);
            }
            
            return new Date(year, month, day, 0, 0, 0, 0);
        }
        return null;
    }
</script>
@endsection