@extends('companyuser::layouts.master')
@section('title', __('settings::financial_years.Edit fiscal year'))
@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 href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<script src="{{ asset('/js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.general-settings.index', $subdomain)}}">@lang('settings::financial_years.Settings')</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('company.financial-years.index', $subdomain)}}">@lang('settings::financial_years.title')</a>
            </li>
            <li class="breadcrumb-item active"><a href="#">@lang('Edit')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
{{-- <div class="content-wrapper"> --}}

<section>
    <form action="{{ route('company.financial-years.update', ['fiscalYear' => $fiscalYear->id, 'subdomain' => $subdomain]) }}" method="POST" class="form" id="update_fiscal_year_form" novalidate>
        @csrf
        @method('PUT')
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    <button type="button" class="" onclick="updateFiscalYear()"  style="background-color: transparent;border:none" title="{{__('Save')}}">
                        <span class="icon-Save action-icon"></span>
                    </button>
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green" href="{{route('company.financial-years.index', $subdomain)}}" 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>
            @include('companyuser::errors.operation-locked')
            @include('companyuser::errors.lists')
            <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
                <div class=" match-height">
                    <div>
                        <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 mb-1">
                                                        <div class="col-md-4">
                                                            <label for="start_date">@lang('settings::accounting.Year Start Date')</label>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <x-date-picker 
                                                                mode="single"
                                                                name="start_date"
                                                                input-id="start_date"
                                                                :value="old('start_date', \Carbon\Carbon::parse($fiscalYear->year . '-' . $fiscalYear->month . '-' . $fiscalYear->day)->format('d.m.Y'))"
                                                                input-class="h-45"
                                                                :is-invalid="$errors->has('start_date')"
                                                            />
                                                            @error('start_date')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                @if(!$fiscalYear->is_current)
                                                <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 
                                                                mode="single"
                                                                name="closing_date"
                                                                input-id="closing_date"
                                                                :value="old('closing_date', \Carbon\Carbon::parse($fiscalYear->closing_date)->format('d.m.Y'))"
                                                                input-class="h-45"
                                                                :is-invalid="$errors->has('closing_date')"
                                                            />
                                                            @error('closing_date')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                            @enderror

                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="modal fade" id="confirmUpdatingModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
                <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::financial_years.Edit fiscal year')
                            </h4>
                        </div>
                        <div class="modal-body">
                            <p class="startDateErrorMessage hidden confirmation_msgs">
                                @lang('settings::financial_years.there are transaction before the start date')
                            </p>
                            <p class="endDateErrorMessage hidden confirmation_msgs">
                                @lang('settings::financial_years.there are transaction after the closing date')
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                            <span class="@if(app()->getlocale() == 'ar') pull-right @else pull-left @endif mx-1">
                                <button type="button" class="btn btn-primary" onclick="confirmUpdateFiscalYear()">@lang('Continue')</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_settings_financial_years_edit');
        console.log('web_settings_financial_years_edit event');
    </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('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {

        });
    });

    function confirmUpdateFiscalYear() {
        $('#overlay').css('display', 'flex');
        $('#update_fiscal_year_form').submit()
    }

    function updateFiscalYear() {
        $('.confirmation_msgs').addClass('hidden');
        var firstJournalRecordInFiscalYear = new Date('{{$firstJournalRecordInFiscalYear}}');
        var lastJournalRecordInFiscalYear = new Date('{{$lastJournalRecordInFiscalYear}}');
        let startDate = getDate($('#start_date').val());
        let closingDate = getDate($('#closing_date').val());
        var displayConfirmModal = false;
        if (firstJournalRecordInFiscalYear < startDate) {
            displayConfirmModal = true;
            $('.startDateErrorMessage').removeClass('hidden');
        }
        if (closingDate && lastJournalRecordInFiscalYear > closingDate) {
            displayConfirmModal = true;
            $('.endDateErrorMessage').removeClass('hidden');
        }
        if (displayConfirmModal) {
            $('#confirmUpdatingModal').modal('show');
        } else {
            $('#update_fiscal_year_form').submit()
        }
    }

    function getDate($val) {
        if ($val) {
            let temp = $val.split("-");
            var date = temp[2] + '-' + temp[1] + '-' + temp[0];
            date = new Date(date);
            date.setHours(0, 0, 0, 0)
            return date;
        }
        return null;
    }
</script>
@endsection