@extends('layouts.app')

{{--Important Variables--}}


@section('title')
    {{ $moduleName }}->{{ $createItemName }}
@stop

@section('top-bar')
    @include('includes.top-bar')
@stop
@section('left-sidebar')
    @include('includes.left-sidebar')
@stop
@section('content')


    <section class="content">
        <div class="container-fluid">
            <div class="block-header pull-right">
                <a class="btn btn-sm btn-info waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
            </div>
            <ol class="breadcrumb breadcrumb-col-cyan pull-left">
                <li><a href="{{ route('dashboard') }}"><i class="material-icons">home</i> {{__('lang.home')}}</a></li>
                <li><a href="{{ route($ParentRouteName) }}"> <i
                                class="material-icons">settings</i>{{  $breadcrumbMainName }}</a>
                </li>
                
            </ol>

            <!-- Inline Layout | With Floating Label -->

            <div class="container-fluid">
                <div class="row clearfix">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="card">
                            <div class="header">
                                <h2>
                                    {{ $createItemName  }}
                                </h2>

                                <ul class="nav nav-tabs custom_style_tab" role="tablist">
                                    <li role="presentation" class="active">
                                        <a href="#create_work" data-toggle="tab" aria-expanded="false">
                                            <i class="material-icons">file_present</i>Company Settings Manage
                                        </a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#create_report" data-toggle="tab" aria-expanded="false">
                                            <i class="material-icons">file_present</i>Official Users Manage
                                        </a>
                                    </li>
                                </ul>
                                <hr>
                                <div class="body">
                                    <form enctype="multipart/form-data" class="form company_form" id="form_validation"
                                        method="post" action="{{ route($ParentRouteName . '.update') }}">
                                        {{ csrf_field() }}
                                        <div class="tab-content" style="min-height: 120px;">
                                            <div role="tabpanel" class="tab-pane fade in active" id="create_work">
                                                @include('admin.settings.partials.company_partial')
                                            </div>
                                    </form>
                                            <div role="tabpanel" class="tab-pane fade" id="create_report">
                                                @include('includes.misc.official_users', ['all_users' => $all_users , 'official_users' => $official_users])
                                            </div>
                                        </div>
                                </div>
                                <hr>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@stop

@push('include-css')

    <!-- Colorpicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" rel="stylesheet"/>

    <!-- Dropzone Css -->
    <link href="{{ loadAsset('asset/plugins/dropzone/dropzone.css') }}" rel="stylesheet">

    <!-- Multi Select Css -->
    <link href="{{ loadAsset('asset/plugins/multi-select/css/multi-select.css') }}" rel="stylesheet">

    <!-- Bootstrap Spinner Css -->
    <link href="{{ loadAsset('asset/plugins/jquery-spinner/css/bootstrap-spinner.css') }}" rel="stylesheet">

    <!-- Bootstrap Tagsinput Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet">

    <!-- Bootstrap Select Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-select/css/bootstrap-select.css') }}" rel="stylesheet"/>



    <!-- Bootstrap Material Datetime Picker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}"
          rel="stylesheet"/>

    <!-- Bootstrap DatePicker Css -->
    <link href="{{ loadAsset('asset/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css') }}" rel="stylesheet"/>


    <!-- noUISlider Css -->
    <link href="{{ loadAsset('asset/plugins/nouislider/nouislider.min.css') }}" rel="stylesheet"/>

    <!-- Sweet Alert Css -->
    <link href="{{ loadAsset('asset/plugins/sweetalert/sweetalert.css') }}" rel="stylesheet"/>


@endpush

@push('include-js')


    <!-- Moment Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/momentjs/moment.js') }}"></script>

    <!-- Bootstrap Material Datetime Picker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}"></script>

    <!-- Bootstrap Datepicker Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js') }}"></script>


    <!-- Sweet Alert Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/sweetalert/sweetalert.min.js') }}"></script>


    <!-- Autosize Plugin Js -->
    <script src="{{ loadAsset('asset/plugins/autosize/autosize.js') }}"></script>

    <script src="{{ loadAsset('asset/js/pages/forms/basic-form-elements.js') }}"></script>


    <script type="text/javascript">

    $(document).ready(function(){

        checkFaiclityEnabled();
    })
        /* function addFlexibilityDays(evt){
            flexible_Days = evt.value;
            package_due_date = $('input[name=package_due_date]').val();
            split_due_date = package_due_date.split("/");
            due_day = split_due_date[split_due_date.length - 3];
            due_month = split_due_date[split_due_date.length - 2] - 1;
            due_year = split_due_date[split_due_date.length - 1];
            due_date = new Date(due_year, due_month, due_day);

            if(flexible_Days > 0){
                set_due_date = moment(due_date).add(flexible_Days, 'days').format('DD/MM/YYYY');
                $('input[name=package_due_date]').val(set_due_date);

            }
        } */
        function isNumberKey(evt, element) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57) && !(charCode == 46 || charCode == 8)){
                return false;
            }else {
                var len = $(element).val().length;
                var index = $(element).val().indexOf('.');
                if (index > 0 && charCode == 46) {
                    return false;
                }
                if (index > 0) {
                    var CharAfterdot = (len + 1) - index;
                    if (CharAfterdot > 3) {
                        return false;
                    }
                }
            }
            return true;
        }
        function checkPackageStatus(event){
            package_status = $('select[name=package_status]').val();
            if(package_status == 1){
                getDueDate(event);
            }
        }
        function getDueDate(event){
            // console.log(event);
            package_type = $('select[name=package_type]').val();
            package_due_date = $('input[name=package_due_date]').val();
            var currentdate = new Date();
            var dueDate = null;
            if(package_type == 'monthly'){
                dueDate = moment(currentdate).add(1, 'months').format('DD/MM/YYYY');
            }
            else if(package_type == 'quarterly'){
                dueDate = moment(currentdate).add(3, 'months').format('DD/MM/YYYY');
                
            }else if(package_type == 'biannually'){
                dueDate = moment(currentdate).add(6, 'months').format('DD/MM/YYYY');
                
            }else if(package_type == 'annually'){
                dueDate = moment(currentdate).add(12, 'months').format('DD/MM/YYYY');
            }

            $('#bs_datepicker_container').addClass("focused")
            $('.package_due_date').val(dueDate);
            
            /* if(event.text == 'Paid' || event.text == 'Un Paid'){
                $('.company_form').submit();
            } */
        }

        function checkFaiclityEnabled(){

            if($('#check_maintenance_module').prop('checked') == true){
                $('#facility_bill_config').fadeIn('slow');
            }else{
                $('#facility_bill_config').fadeOut('slow');
            }
        }
    </script>

    <script>
        @if (Session::has('success'))
            toastr["success"]('{{ Session::get('success') }}');
        @endif

        @if (Session::has('error'))
            toastr["error"]('{{ Session::get('error') }}');
        @endif

        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr["error"]('{{ $error }}');
            @endforeach
        @endif

    </script>

@endpush