@extends('app-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/pickers/pickadate/pickadate.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-pickadate.css">
    <!-- END: Page CSS-->
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Organization</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/home">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/organizations">Organization</a>
                    </li>
                    <li class="breadcrumb-item active">
                    @if(isset($organization) && ($organization->id))
                        Edit Organization
                    @else
                        Add New Organization
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content') 
    <!-- Vertical Wizard -->
    {!! Form::model($organization, ['method' => isset($organization) && $organization->id ? 'put' : 'post', 'files' => 'true', 'id' => 'jquery-val-form', 'novalidate']) !!}
        <input type="hidden" name="organization_id" value="{{$organization->id}}">

        <section class="vertical-wizard">
            <div class="bs-stepper vertical vertical-wizard-example">
                <div class="bs-stepper-header">
                    <div class="step" data-target="#personal-info-vertical" role="tab" id="personal-info-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">1</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Details</span>
                                <span class="bs-stepper-subtitle">Basic Details</span>
                            </span>
                        </button>
                    </div>
                    <div class="step" data-target="#account-details-vertical" role="tab" id="account-details-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">2</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Address</span>
                                <span class="bs-stepper-subtitle">Contact & Address</span>
                            </span>
                        </button>
                    </div>
                    <div class="step" data-target="#location-shift-vertical" role="tab" id="location-shift-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">3</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Leave Policies</span>
                                <span class="bs-stepper-subtitle">Policy Info</span>
                            </span>
                        </button>
                    </div>
                    <div class="step" data-target="#user-setting-vertical" role="tab" id="user-setting-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">4</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Time Configuration</span>
                                <span class="bs-stepper-subtitle">Time & Attendance</span>
                            </span>
                        </button>
                    </div>

                    <div class="step" data-target="#user-setting-payroll" role="tab" id="user-setting-payroll-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">5</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Payroll Configuration</span>
                                <span class="bs-stepper-subtitle">Payroll Settings</span>
                            </span>
                        </button>
                    </div>
                   
                    <div class="step" data-target="#notification-vertical" role="tab" id="notification-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">6</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">Notification Configuration</span>
                                <span class="bs-stepper-subtitle">Notification Configuration</span>
                            </span>
                        </button>
                    </div>
                   
                    <div class="step" data-target="#images-vertical" role="tab" id="images-vertical-trigger">
                        <button type="button" class="step-trigger">
                            <span class="bs-stepper-box">7</span>
                            <span class="bs-stepper-label">
                                <span class="bs-stepper-title">General Configuration</span>
                                <span class="bs-stepper-subtitle">General Configuration</span>
                            </span>
                        </button>
                    </div>
                </div>
                <div class="bs-stepper-content">
                    <div id="personal-info-vertical" class="content position-relative" role="tabpanel" aria-labelledby="account-details-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Basic Info</h5>
                            <small class="text-muted">Enter Your Organization Information.</small>
                        </div>

                        <div class="row">

                            <div class="mb-1 col-md-6">
                                <label class="form-label">{{ trans('organization/create_update.group') }}</label>
                                <select class="form-select select2" name="group_id" id = "group_id" onchange="getCompany(this)">
                                    <option value="">Select</option>
                                    @foreach($groups as $value)
                                        <option value="{{$value->id}}"  @if(isset($groups) && ($organization->group_id == $value->id) || (old('group_id') == $value->id)) selected @endif>{{ucwords($value->name)}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-1 col-md-6">
                                <label class="form-label">{{ trans('organization/create_update.company') }}</label>
                                <div id = "company">
                                    <select class="form-select select2" name="company_id" >
                                        <option value="">Select</option>
                                    
                                    </select>
                                </div>
                            </div>

                            <div class="mb-1 col-md-6">
                                <label class="form-label">{{ trans('organization/create_update.parent_organization') }}</label>
                                <select class="form-select select2" name="parent_id" id="parent_id" >
                                    <option value="">Select</option>
                                    @foreach($organizations as $value)
                                        <option value="{{$value->id}}"  @if(isset($organization) && ($organization->parent_id == $value->id) || (old('parent_id') == $value->id)) selected @endif>{{ucwords($value->name)}}</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('parent_id', '<label class="error" for="parent_id">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="gst_number">GST Number</label>
                                <input type="text" id="gst_number" name="gst_number" class="form-control {{{ $errors->has('gst_number') ? 'has-error' : '' }}}" placeholder="Enter GST Number" value="{{ old('gst_number', @$organization->gst_number) }}"/>
                                {!! $errors->first('gst_number','<label id="basic-default-error" for="gst_number" class="error">:message</label>')!!}
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="name">Organization Name
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="name" name="name" class="form-control {{{ $errors->has('name') ? 'has-error' : '' }}}" placeholder="Enter Organization Name" value="{{ isset($organization) && $organization->name ? $organization->name : old('name') }}" required/>
                                {!! $errors->first('name','<label id="basic-default-error" for="name" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="alias">Organization Alias
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="alias" name="alias" class="form-control {{{ $errors->has('alias') ? 'has-error' : '' }}}" placeholder="Enter Organization Alias" value="{{ isset($organization) && $organization->alias ? $organization->alias : old('alias')}}" required/>
                                {!! $errors->first('alias','<label id="basic-default-error" for="alias" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="name">Owner Name
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="owner_name" name="owner_name" class="form-control {{{ $errors->has('owner_name') ? 'has-error' : '' }}}" placeholder="Enter Organization Alias" value="{{ isset($organization->address) && $organization->address->name ? $organization->address->name : old('owner_name')}}" required/>
                                {!! $errors->first('owner_name','<label id="basic-default-error" for="owner_name" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="no_of_employees">Number Of Employees
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="no_of_employees" name="no_of_employees" class="form-control {{{ $errors->has('no_of_employees') ? 'has-error' : '' }}}" placeholder="Enter Number of Employees" value="{{ isset($organization->address) && $organization->no_of_employees ? $organization->no_of_employees : old('no_of_employees')}}" required/>
                                {!! $errors->first('no_of_employees','<label id="basic-default-error" for="no_of_employees" class="error">:message</label>')!!}
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="partner_id" class="required">Partner
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <select class="form-select select2 {{{ $errors->has('partner_id') ? 'has-error' : '' }}}" id="partner_id" name="partner_id" required>
                                    <option value="">Select Partner</option>
                                        @foreach($partners as $p)
                                        <option value="{{$p->id}}" @if(isset($organization) && ($organization->partner_id == $p->id) || (old('partner_id') == $p->id)) selected @endif>
                                            {{$p->name}}
                                        </option>
                                        @endforeach
                                </select>
                                {!! $errors->first('partner_id', '<label id="basic-default-name-error" for="partner_id" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_to" class="required">Package
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <select class="form-select select2 {{{ $errors->has('partner_id') ? 'has-error' : '' }}}" id="package_id" name="package_id" required>
                                    <option value="">Select Package</option>
                                    @foreach($packages as $package)
                                    <option value="{{$package->id}}" @if(isset($organization) && (($organization->package_id == $package->id) || (old('package_id') == $package->id))) selected @endif>{{$package->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_to" class="required">Status
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <select class="form-select select2 " name="status" required>
                                    @foreach($organizationStatus as $val)
                                    <option value="{{$val}}" @if(isset($organization) && ($organization->status == $val) || (old('status') == $val)) selected @endif>{{ucwords($val)}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="licence_expire_on required">License Expires on
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="date" id="licence_expire_on" name="licence_expire_on" class="form-control {{{ $errors->has('licence_expire_on') ? 'has-error' : '' }}}" placeholder="Enter Number of Employees" value="{{ isset($organization->licence_expire_on) ? $organization->licence_expire_on : old('licence_expire_on')}}" required/>
                                {!! $errors->first('licence_expire_on','<label id="basic-default-error" for="licence_expire_on" class="error">:message</label>')!!} 
                            </div>
                        </div>
                        <br>
                        <br/>
                        <div class="row">
                         <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev" disabled>
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-primary btn-next">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="account-details-vertical" class="content position-relative" role="tabpanel" aria-labelledby="personal-info-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Organization Contact Info</h5>
                            <small>Enter Organization Contact Info</small>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="line_1">Registered address
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="line_1" name="line_1" class="form-control {{{ $errors->has('line_1') ? 'has-error' : '' }}}" placeholder="Enter Registered Address" value="{{ isset($organization->address) && $organization->address->line_1 ? $organization->address->line_1 : old('line_1') }}" required/>
                                {!! $errors->first('line_1','<label id="basic-default-error" for="line_1" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="line_2">Town / area</label>
                                <input type="text" id="line_2" name="line_2" class="form-control  {{{ $errors->has('line_2') ? 'has-error' : '' }}}" placeholder="Enter Town or Area" value="{{ isset($organization->address) && $organization->address->line_2 ? $organization->address->line_2 : old('line_2')}}" required/>
                                {!! $errors->first('line_2','<label id="basic-default-error" for="line_2" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="country_id">Country
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <select name="country_id" class="form-select select2 {{{ $errors->has('country_id') ? 'has-error' : '' }}}" onchange="getStates(this,'states')" data-live-search="true" id="country_id">
                                    <option value="">Select Country</option>
                                    @foreach($countries as $val)
                                    <option value="{{$val->id}}" @if(isset($organization->address) && ($organization->address->country_id == $val->id) || (old('country_id') == $val->id)) selected @endif>{{$val->name}}</option>
                                    @endforeach
                                </select>
                                {!! $errors->first('country_id', '<label class="control-label error" for="country_id">:message</label>')!!}
                            </div>
                            
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="state_id">State
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <div class="form-group {{{ $errors->has('state_id') ? 'has-error' : '' }}}" id="states">
                                    <select name="blank_state" class="form-control select2" data-live-search="true" id="blank_state">
                                        <option value="">Select State</option>
                                    </select>
                                    {!! $errors->first('state_id', '<label class="control-label error" for="state_id">:message</label>')!!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="city_id">City
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <div class="form-group {{{ $errors->has('city_id') ? 'has-error' : '' }}}" id="cities">
                                    <select name="blank_city" class="form-control select2" data-live-search="true" id="blank_city">
                                        <option value="">Select City</option>
                                    </select>
                                    {!! $errors->first('city_id', '<label class="control-label error" for="city_id">:message</label>')!!}
                                </div>
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="postal_code">Postal Code
                                <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="postal_code" name="postal_code" class="form-control {{{ $errors->has('postal_code') ? 'has-error' : '' }}}" placeholder="Enter Postal Code" value="{{ isset($organization->address) && $organization->address->postal_code ? $organization->address->postal_code : old('postal_code')}}" required/>
                                {!! $errors->first('postal_code','<label id="basic-default-error" for="postal_code" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="mobile">Registered landline no.
                                <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="mobile" name="mobile" class="form-control {{{ $errors->has('mobile') ? 'has-error' : '' }}}" placeholder="Enter Postal Code" value="{{ isset($organization->address) && $organization->address->mobile ? $organization->address->mobile : old('mobile')}}" required/>
                                {!! $errors->first('mobile','<label id="basic-default-error" for="mobile" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="mobile">Email
                                <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="email" name="email" class="form-control {{{ $errors->has('email') ? 'has-error' : '' }}}" placeholder="Enter Email Id" value="{{ isset($organization->address) && $organization->address->email ? $organization->address->email : old('email')}}" required/>
                                {!! $errors->first('email','<label id="basic-default-error" for="email" class="error">:message</label>')!!}
                            </div>
                        </div>
                        <br/>
                        <br/>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-primary btn-next">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>    
                        </div>    
                    </div>
                    <div id="location-shift-vertical" class="content position-relative" role="tabpanel" aria-labelledby="address-step-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Organization Policy Info</h5>
                            <small>Enter Organization Policy Info</small>
                        </div>
                       
                        <div class="row">
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="short_leaves">Short Leaves</label>
                                <input type="text" id="short_leaves" name="short_leaves" class="form-control {{{ $errors->has('short_leaves') ? 'has-error' : '' }}}" placeholder="Enter Short Leaves" value="{{ isset($organization->short_leaves) ? $organization->short_leaves : old('short_leaves')}}" required/>
                                {!! $errors->first('short_leaves','<label id="basic-default-error" for="short_leaves" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="short_leaves_hrs">Short Leaves Hours</label>
                                <input type="text" id="short_leaves_hrs" name="short_leaves_hrs" class="form-control {{{ $errors->has('short_leaves_hrs') ? 'has-error' : '' }}}" placeholder="Enter Short Leaves Hours" value="{{ isset($organization->short_leaves_hrs) ? $organization->short_leaves_hrs : old('short_leaves_hrs')}}" required/>
                                {!! $errors->first('short_leaves_hrs','<label id="basic-default-error" for="short_leaves_hrs" class="error">:message</label>')!!}
                            </div>   
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="certificate_type_id">Certificate</label>
                                <select class="form-select select2" name="certificate_type_id">
                                    <option value="" selected>Select Certificate Type</option>
                                    @foreach($certificateTypes as $certificateType)
                                        <option value="{{$certificateType->id}}" @if(isset($organization) && (($organization->certificate_type_id == $certificateType->id) || (old('certificate_type_id') == $certificateType->id))) selected @endif>{{ ucwords($certificateType->name) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label  class="form-label" for="valid_to">Can Mask</label>
                                <select class="form-select select2" name="can_mask">
                                    @foreach($organizationMask as $key=>$val)
                                    <option value="{{$key}}" @if(isset($organization) && (($organization->can_mask == $key) || (old('can_mask') == $key))) selected @endif>{{$val}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="warning_letter_type_id">Warning Letter</label>
                                <select class="form-select select2" name="warning_letter_type_id">
                                    <option value="" selected>Select Warning Letter Type</option>
                                    @foreach($warningLetterTypes as $warningLetterType)
                                        <option value="{{$warningLetterType->id}}" @if(isset($organization) && (($organization->warning_letter_type_id == $warningLetterType->id) || (old('warning_letter_type_id') == $warningLetterType->id))) selected @endif>{{ ucwords($warningLetterType->name) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="valid_to">Policy</label>
                                    <select class="form-select select2" name="policy">
                                        @foreach($organizationMask as $key=>$val)
                                        <option value="{{$key}}" @if(isset($organization) && (($organization->policy == $key) || (old('policy') == $key))) selected @endif>{{$val}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_to">Leave Pattern</label>
                                <select class="form-select select2" name="leave_pattern">
                                    @foreach($leavePattern as $key=>$val)
                                    <option value="{{$val}}" @if(isset($organization) && (($organization->leave_pattern == $val) || (old('leave_pattern') == $key))) selected @endif>{{$val}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="attendance_data_removal">Attendance Data Removal</label>
                                    <select class="form-control select2" name="attendance_data_removal" id="attendance_data_removal">
                                        <option value="0" @if(isset($organization) && (($organization->attendance_data_removal == 0) || (old('attendance_data_removal') == 0))) selected @endif>No</option>
                                        <option value="1" @if(isset($organization) && (($organization->attendance_data_removal == 1) || (old('attendance_data_removal') == 1))) selected @endif>Yes</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="customizable_ot">Do you want to make the OT customizable for this organization?</label>
                                    <select class="form-control select2" name="customizable_ot" id="customizable_ot" onchange="overTimeUpdateOn()">
                                        <option value="0" @if(isset($organization) && (($organization->customizable_ot == 0) || (old('customizable_ot') == 0))) selected @endif>No</option>
                                        <option value="1" @if(isset($organization) && (($organization->customizable_ot == 1) || (old('customizable_ot') == 1))) selected @endif>Yes</option>
                                    </select>
                                </div>
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="overtime_update_on">Overtime Update on Date <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" id="overtime_update_on" name="overtime_update_on" class="form-control {{{ $errors->has('overtime_update_on') ? 'has-error' : '' }}}" placeholder="between 1-31" value="{{ isset($organization->overtime_update_on) ? $organization->overtime_update_on : old('overtime_update_on')}}"/>
                                {!! $errors->first('overtime_update_on','<label id="basic-default-error" for="overtime_update_on" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <br>
                        <br>
                        
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-primary btn-next">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="user-setting-vertical" class="content position-relative" role="tabpanel" aria-labelledby="user-setting-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Organization Time Configuration</h5>
                            <small>Enter Organization Time Configuration</small>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label required" for="working_hour">Standard Working Hours</label>
                                <span class="mendatory-field text-danger">*</span>
                                {!! Form::time('working_hour', 
                                    isset($organization) && $organization->working_hour ? $organization->working_hour : old('working_hour'), 
                                    ['class' => 'form-control',
                                    'id' => 'working_hour']) 
                                !!}
                                {!! $errors->first('working_hour','<label id="basic-default-error" for="working_hour" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label required" for="break">Standard Break (in minutes)</label>
                                <span class="mendatory-field text-danger">*</span>
                                <input type="text" id="break" name="break" class="form-control {{{ $errors->has('break') ? 'has-error' : '' }}}" placeholder="Enter Standard Break" value="{{ isset($organization) && $organization->break ? $organization->break : old('break')}}" required/>
                                {!! $errors->first('break','<label id="basic-default-error" for="break" class="error">:message</label>')!!}
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_from">Valid From</label>
                                <input type="date" id="valid_from" name="valid_from" class="form-control {{{ $errors->has('valid_from') ? 'has-error' : '' }}}" placeholder="Enter Valid Time" value="{{ isset($organization->valid_from) ? $organization->valid_from : old('valid_from')}}" required/>
                                {!! $errors->first('valid_from','<label id="basic-default-error" for="valid_from" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="valid_to">Valid To</label>
                                <input type="date" id="valid_to" name="valid_to" class="form-control {{{ $errors->has('valid_to') ? 'has-error' : '' }}}" placeholder="Enter Valid Time" value="{{ isset($organization->valid_to) ? $organization->valid_to : old('valid_to')}}" required/>
                                {!! $errors->first('valid_to','<label id="basic-default-error" for="valid_to" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-6"> 
                                <label class="form-label">Minimum Working Hours</label>
                                {!! Form::time('minimum_hour', 
                                    isset($organization) && $organization->minimum_hour ? $organization->minimum_hour : old('minimum_hour'), 
                                    ['class' => 'form-control',
                                    'id' => 'minimum_hour'])
                                !!}
                            </div>
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="">Max Hour</label>
                                <input type="text" id="max_hour" name="max_hour" class="form-control" placeholder="Enter Max Hour" value="{{ isset($organization) && $organization->max_hour ? $organization->max_hour : old('max_hour')}}" required/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="buffer_time">Buffer Time</label>
                                <input type="text" id="buffer_time" name="buffer_time" class="form-control {{{ $errors->has('buffer_time') ? 'has-error' : '' }}}" placeholder="Enter Buffer Time" value="{{ isset($organization->buffer_time) ? $organization->buffer_time : old('buffer_time')}}" required/>
                                {!! $errors->first('buffer_time','<label id="basic-default-error" for="buffer_time" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6"> 
                                <label class="form-label" for="auto_punch">Auto punch by Mobile</label>
                                <select class="form-control select2" name="auto_punch[]" multiple>
                                    <option value="location_based" @if((old('auto_punch') && in_array('location_based', old('auto_punch'))) || (isset($configData['auto_punch']) && (in_array('location_based', json_decode($configData['auto_punch'] ?: "[]"))))) selected @endif>Location Based</option>
                                    <option value="wifi_based" @if((old('auto_punch') && in_array('wifi_based', old('auto_punch'))) || (isset($configData['auto_punch']) && (in_array('wifi_based', json_decode($configData['auto_punch'] ?: "[]"))))) selected @endif>Wifi Based</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">

                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="week_off_restriction">{{ trans('organization/create_update.week_off_restriction') }}</label>
                                <input type="text" name="week_off_restriction" class="form-control" placeholder="{{ trans('organization/create_update.week_off_restriction_place_holder') }}" value="{{ isset($configData['week_off_restriction']) ? $configData['week_off_restriction'] : old('week_off_restriction') }}">
                                {!! $errors->first('week_off_restriction','<label id="basic-default-error" for="week_off_restriction" class="error">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-6"> 
                                <label class="form-label" for="absent_duty_deduction">{{ trans('organization/create_update.absent_duty_deduction') }}</label>
                                <select class="form-control select2" name="absent_duty_deduction">
                                    @foreach ($absentDutyDeduction as $key)
                                        <option value="{{$key}}" @if((old('absent_duty_deduction') == $key) || (isset($configData['absent_duty_deduction']) && ($configData['absent_duty_deduction'] == $key))) selected @endif>{{ ucfirst($key) }}</option>
                                    @endforeach
                                </select>
                            </div>

                        </div>

                        <br>
                        <br>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-primary btn-next">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="user-setting-payroll" class="content position-relative" role="tabpanel" aria-labelledby="user-setting-payroll-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Payroll Configuration</h5>
                            <small>Enter Payroll Configuration</small>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-4">
                                <label class="form-label required" for="payroll_type">Payroll Type</label>
                                <select class="form-control select2" name="payroll_type" id="payroll_type">
                                    <option value="monthly" @if((old('payroll_type') == 'monthly') || (isset($configData['payroll_type']) && ($configData['payroll_type'] == 'monthly'))) selected @endif>Monthly</option>
                                    <option value="multiple_payments" @if((old('payroll_type') == 'multiple_payments') || (isset($configData['payroll_type']) && ($configData['payroll_type'] == 'multiple_payments'))) selected @endif>Multiple Payments</option>
                                </select>
                                {!! $errors->first('payroll_type','<label id="basic-default-error" for="payroll_type" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4">
                                <label class="form-label required" for="payroll_cycle">Payroll Cycle Date (every month)</label>
                                <input type="number" class="form-control" min="1" max="28" name="payroll_cycle" id="payroll_cycle" value="{{old('payroll_cycle', @$configData['payroll_cycle'])}}" placeholder="e.g. 25">
                                {!! $errors->first('payroll_cycle','<label id="basic-default-error" for="payroll_cycle" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4 payroll_month_flexi_div">
                                <label class="form-label required" for="payroll_month">Payroll Month</label>
                                <select class="form-control select2" name="payroll_month" id="payroll_month">
                                    <option value="current" @if((old('payroll_month') == 'current') || (isset($configData['payroll_month']) && ($configData['payroll_month'] == 'current'))) selected @endif>Current</option>
                                    <option value="previous" @if((old('payroll_month') == 'previous') || (isset($configData['payroll_month']) && ($configData['payroll_month'] == 'previous'))) selected @endif>Previous</option>
                                </select>
                                {!! $errors->first('payroll_month','<label id="basic-default-error" for="payroll_month" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4 payroll_month_flexi_div" id="payroll_flexi_div">
                                <label class="form-label required" for="is_flexi_payroll">Flexi Payroll</label>
                                <select class="form-control select2" name="is_flexi_payroll" id="is_flexi_payroll">
                                    <option value="0" @if((old('is_flexi_payroll') == '0') || (isset($configData['is_flexi_payroll']) && ($configData['is_flexi_payroll'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('is_flexi_payroll') == '1') || (isset($configData['is_flexi_payroll']) && ($configData['is_flexi_payroll'] == '1'))) selected @endif>Yes</option>
                                </select>
                                {!! $errors->first('is_flexi_payroll','<label id="basic-default-error" for="is_flexi_payroll" class="error">:message</label>')!!}
                            </div>
                        </div>


                        <div class="card" style="padding:10px">
                            <small>On Roll Employee</small>
                            <div class="row">
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_weekoff">Pay On Weekoff</label>
                                    <select class="form-control select2" name="pay_on_weekoff">
                                        <option value="1" @if(old('pay_on_weekoff', @$configData['pay_on_weekoff']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_weekoff', @$configData['pay_on_weekoff']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_extra_weekoff">Pay On Extra Weekoff</label>
                                    <select class="form-control select2" name="pay_on_extra_weekoff">
                                        <option value="1" @if(old('pay_on_extra_weekoff', @$configData['pay_on_extra_weekoff']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_extra_weekoff', @$configData['pay_on_extra_weekoff']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_shutdown">Pay On Shutdown</label>
                                    <select class="form-control select2" name="pay_on_shutdown">
                                        <option value="1" @if(old('pay_on_shutdown', @$configData['pay_on_shutdown']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_shutdown', @$configData['pay_on_shutdown']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_holiday">Pay On Holiday</label>
                                    <select class="form-control select2" name="pay_on_holiday">
                                        <option value="1" @if(old('pay_on_holiday', @$configData['pay_on_holiday']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_holiday', @$configData['pay_on_holiday']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_national_holiday">Pay On National Holiday</label>
                                    <select class="form-control select2" name="pay_on_national_holiday">
                                        <option value="1" @if(old('pay_on_national_holiday', @$configData['pay_on_national_holiday']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_national_holiday', @$configData['pay_on_national_holiday']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_restricted_holiday">Pay On Restricted Holiday</label>
                                    <select class="form-control select2" name="pay_on_restricted_holiday">
                                        <option value="1" @if(old('pay_on_restricted_holiday', @$configData['pay_on_restricted_holiday']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_restricted_holiday', @$configData['pay_on_restricted_holiday']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="compensatory_type">Compensatory Type</label>
                                    <select class="form-control select2" name="compensatory_type">
                                        @foreach ($compensatoryOffs as $key)
                                            <option value="{{$key}}" @if((old('compensatory_type') == $key) || (isset($configData['compensatory_type']) && ($configData['compensatory_type'] == $key))) selected @endif>{{ trans('master/master.'.$key) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="card" style="padding:10px">
                            <small>Contractual Workman</small>
                            <div class="row">
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_weekoff_workman">Pay On Weekoff</label>
                                    <select class="form-control select2" name="pay_on_weekoff_workman">
                                        <option value="1" @if(old('pay_on_weekoff_workman', @$configData['pay_on_weekoff_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_weekoff_workman', @$configData['pay_on_weekoff_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_extra_weekoff_workman">Pay On Extra Weekoff</label>
                                    <select class="form-control select2" name="pay_on_extra_weekoff_workman">
                                        <option value="1" @if(old('pay_on_extra_weekoff_workman', @$configData['pay_on_extra_weekoff_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_extra_weekoff_workman', @$configData['pay_on_extra_weekoff_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_shutdown_workman">Pay On Shutdown</label>
                                    <select class="form-control select2" name="pay_on_shutdown_workman">
                                        <option value="1" @if(old('pay_on_shutdown_workman', @$configData['pay_on_shutdown_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_shutdown_workman', @$configData['pay_on_shutdown_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_holiday_workman">Pay On Holiday</label>
                                    <select class="form-control select2" name="pay_on_holiday_workman">
                                        <option value="1" @if(old('pay_on_holiday_workman', @$configData['pay_on_holiday_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_holiday_workman', @$configData['pay_on_holiday_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_national_holiday_workman">Pay On National Holiday</label>
                                    <select class="form-control select2" name="pay_on_national_holiday_workman">
                                        <option value="1" @if(old('pay_on_national_holiday_workman', @$configData['pay_on_national_holiday_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_national_holiday_workman', @$configData['pay_on_national_holiday_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="pay_on_restricted_holiday_workman">Pay On Restricted Holiday</label>
                                    <select class="form-control select2" name="pay_on_restricted_holiday_workman">
                                        <option value="1" @if(old('pay_on_restricted_holiday_workman', @$configData['pay_on_restricted_holiday_workman']) == '1') selected @endif>Yes</option>
                                        <option value="0" @if(old('pay_on_restricted_holiday_workman', @$configData['pay_on_restricted_holiday_workman']) == '0') selected @endif>No</option>
                                    </select>
                                </div>
                                <div class="mb-1 col-md-4"> 
                                    <label class="form-label" for="compensatory_type_workman">Compensatory Type</label>
                                    <select class="form-control select2" name="compensatory_type_workman">
                                        @foreach ($compensatoryOffs as $key)
                                            <option value="{{$key}}" @if((old('compensatory_type_workman') == $key) || (isset($configData['compensatory_type_workman']) && ($configData['compensatory_type_workman'] == $key))) selected @endif>{{ trans('master/master.'.$key) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                      

                        <br>
                        <br>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-primary btn-next">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ms-sm-25 ms-0"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="notification-vertical" class="content position-relative" role="tabpanel" aria-labelledby="notification-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Organization Notification Configuration</h5>
                            <small>Add Organization Notification Configuration</small>
                        </div>
                        
                        <div class="row">
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="sms_enable">Enable SMS</label>
                                <select class="form-control select2" name="sms_enable">
                                    <option value="1" @if(isset($organization) && (($organization->sms_enable == '1') || (old('sms_enable') == '1'))) selected @endif>Yes</option>
                                    <option value="0" @if(isset($organization) && (($organization->sms_enable == '0') || (old('sms_enable') == '0'))) selected @endif>No</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label">Enable Email Notifications</label>
                                <select class="form-control select2" name="enable_email_notifications" id="enable_email_notifications">
                                    <option value="0" @if((old('enable_email_notifications') == '0') || isset($organization) && (($organization->enable_email_notifications == '0') )) selected @endif>No</option>
                                    <option value="1" @if((old('enable_email_notifications') == '1') || isset($organization) && (($organization->enable_email_notifications == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="is_notification_allowed">Enable Push Notifications</label>
                                <select class="form-control select2" name="is_notification_allowed">
                                    <option value="0" @if((old('is_notification_allowed') == '0') || (isset($configData['is_notification_allowed']) && ($configData['is_notification_allowed'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('is_notification_allowed') == '1') || (isset($configData['is_notification_allowed']) && ($configData['is_notification_allowed'] == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>

                            <div class="col-md-12">
                                <div class="row">
                                    @foreach ($notificationConfigArr as $key => $label )
                                        <div class="col-md-4">
                                            <div class="mb-1">
                                                <input type="checkbox" name="{{$key}}" id="{{$key}}" {{ @$configData[$key] == "1" ? 'checked' : '' }}>
                                                <label class="form-label" for="{{$key}}">{{$label}}</label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="images-vertical" class="content position-relative" role="tabpanel" aria-labelledby="images-vertical-trigger">
                        <div class="content-header">
                            <h5 class="mb-0">Organization General Configuration</h5>
                            <small>Add Organization General Configuration</small>
                        </div>
                        
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_to">Meeting approval required?</label>
                                <select class="form-control select2" name="meeting_approval_required">
                                    <option value="Y" @if(isset($organization) && (($organization->meeting_approval_required == 'Y') || (old('meeting_approval_required') == 'Y'))) selected @endif>Yes</option>
                                    <option value="N" @if(isset($organization) && (($organization->meeting_approval_required == 'N') || (old('meeting_approval_required') == 'N'))) selected @endif>No</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-6">
                                <label class="form-label" for="valid_to">Allow multiple entries for Visitor</label>
                                <select class="form-control select2" name="visitor_multi_entries">
                                    <option value="0" @if(isset($organization) && (($organization->visitor_multi_entries == 0) || (old('visitor_multi_entries') == 0))) selected @endif>No</option>
                                    <option value="1" @if(isset($organization) && (($organization->visitor_multi_entries == 1) || (old('visitor_multi_entries') == 1))) selected @endif>Yes</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-4">
                                <label class="form-label" for="valid_to">Send pass on email to Visitor</label>
                                <select class="form-control select2" name="pass_notification">
                                    <option value="0" @if(isset($organization) && (($organization->pass_notification == 0) || (old('pass_notification') == 0))) selected @endif>No</option>
                                    <option value="1" @if(isset($organization) && (($organization->pass_notification == 1) || (old('pass_notification') == 1))) selected @endif>Yes</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="auto_shift_enable">Enable Auto Shift Configuration</label>
                                <select class="form-control select2" name="auto_shift_enable">
										<option value="0" @if(isset($organization) && (($organization->auto_shift_enable == '0') || (old('auto_shift_enable') == '0'))) selected @endif>No</option>
                                        <option value="1" @if(isset($organization) && (($organization->auto_shift_enable == '1') || (old('auto_shift_enable') == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="auto_shift_range_enable">Enable Auto Shift Range</label>
                                <select class="form-control select2" name="auto_shift_range_enable">
										<option value="0" @if(isset($organization) && (($organization->auto_shift_range_enable == '0') || (old('auto_shift_range_enable') == '0'))) selected @endif>No</option>
                                        <option value="1" @if(isset($organization) && (($organization->auto_shift_range_enable == '1') || (old('auto_shift_range_enable') == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>
                        </div>    

                        <div class="row">
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="no_of_live_tracking">Number Of Live Trackings
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="no_of_live_tracking" name="no_of_live_tracking" class="form-control {{{ $errors->has('no_of_live_tracking') ? 'has-error' : '' }}}" placeholder="Enter No. of Live Trackings" value="{{ isset($organization->no_of_live_tracking) ? $organization->no_of_live_tracking : old('no_of_live_tracking')}}" required/>
                                {!! $errors->first('no_of_live_tracking','<label id="basic-default-error" for="no_of_live_tracking" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-6">  
                                <label class="form-label" for="no_of_checkin">Number Of Check Ins
                                    <span class="mendatory-field text-danger">*</span>
                                </label>
                                <input type="text" id="no_of_checkin" name="no_of_checkin" class="form-control {{{ $errors->has('no_of_checkin') ? 'has-error' : '' }}}" placeholder="Enter No. of Check Ins" value="{{ isset($organization->no_of_checkin) ? $organization->no_of_checkin : old('no_of_checkin')}}" required/>
                                {!! $errors->first('no_of_checkin','<label id="basic-default-error" for="no_of_checkin" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="no_of_app_login">Number Of App Users Login <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" id="no_of_app_login" name="no_of_app_login" class="form-control {{{ $errors->has('no_of_app_login') ? 'has-error' : '' }}}" placeholder="Enter No. of App user login" value="{{ isset($organization->no_of_app_login) ? $organization->no_of_app_login : old('no_of_app_login')}}" required/>
                                {!! $errors->first('no_of_app_login','<label id="basic-default-error" for="no_of_app_login" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="no_of_attendance_access">Number Of Attendance Users <span class="mendatory-field text-danger">*</span></label>
                                <input type="text" id="no_of_attendance_access" name="no_of_attendance_access" class="form-control {{{ $errors->has('no_of_attendance_access') ? 'has-error' : '' }}}" placeholder="Enter No. of Attendance Users" value="{{ isset($organization->no_of_attendance_access) ? $organization->no_of_attendance_access : old('no_of_attendance_access')}}" required/>
                                {!! $errors->first('no_of_attendance_access','<label id="basic-default-error" for="no_of_attendance_access" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="location_freq">Location Frequency(in ms)</label>
                                <span class="mendatory-field text-danger">*</span>
                                <input type="text" id="location_freq" name="location_freq" class="form-control {{{ $errors->has('location_freq') ? 'has-error' : '' }}}" placeholder="Enter Location frequency" value="{{ isset($organization) && $organization->location_freq ? $organization->location_freq : old('location_freq')}}" required/>
                                {!! $errors->first('location_freq','<label id="basic-default-error" for="location_freq" class="error">:message</label>')!!}
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="sms_enable">Enable Report Cron</label>
                                <select class="form-control select2" name="report_cron_enable">
                                    <option value="0" @if(isset($organization) && (($organization->report_cron_enable == '0') || (old('report_cron_enable') == '0'))) selected @endif>No</option>
                                    <option value="1" @if(isset($organization) && (($organization->report_cron_enable == '1') || (old('report_cron_enable') == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="mb-1 col-md-4">
                                <label class="form-label" for="second_level_approval">Second Level Approval</label>
                                <select class="form-select select2" name="second_level_approval" id="second_level_approval" onchange="secondLevelHierarchy()">
                                    <option value="0" selected >NO</option>
                                    <option value="1" @if(isset($organization) && (($organization->second_level_approval == '1') || (old('second_level_approval') == '1'))) selected @endif>YES</option>
                                </select>
                            </div> 
                            <div class="mb-1 col-md-4 second_level_hierarchy"> 
                                <label class="form-label" for="second_level_hierarchy">Second Level Approval Hierarchy</label>
                                <select class="form-select select2" name="second_level_hierarchy" id="second_level_hierarchy">
                                    <option value="admin" @if(isset($organization) && (($organization->second_level_hierarchy == 'admin') || (old('second_level_hierarchy') == 'admin'))) selected @endif>Admin</option>
                                    <option value="manager" @if(isset($organization) && (($organization->second_level_hierarchy == 'manager') || (old('second_level_hierarchy') == 'manager'))) selected @endif>Manager</option>
                                </select>
                                {!! $errors->first('second_level_hierarchy','<label id="basic-default-error" for="second_level_hierarchy" class="error">:message</label>')!!}
                            </div>
                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="auto_weekoff_days">{{ trans('organization/create_update.auto_week_off') }}</label>
                                <input type="text" id="auto_weekoff_days" name="auto_weekoff_days" class="form-control" placeholder="{{ trans('organization/create_update.auto_week_off_place_holder') }}" value="{{ isset($organization->auto_weekoff_days) ? $organization->auto_weekoff_days : old('auto_weekoff_days')}}">
                                {!! $errors->first('auto_weekoff_days','<label id="basic-default-error" for="auto_weekoff_days" class="error">:message</label>')!!}
                            </div>
                        </div>

                        <div class="mb-1 row">
                            
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label" for="enrollment-limit">Enrollment Limit<span class="mendatory-field text-danger">*</span></label>
                                    <input type="text" id="enrollment-limit" name="enrollment_limit" class="numberonly form-control {{{ $errors->has('enrollment_limit') ? 'has-error' : '' }}}" placeholder="Enter Enrollment Limit" value="{{ isset($organization->enrollment_limit) ? $organization->enrollment_limit : old('enrollment_limit')}}" />
                                     {!! $errors->first('enrollment_limit','<label id="basic-default-error" for="enrollment-limit" class="error">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label" for="enrollment-buffer-limit">Enrollment Buffer  Limit<span class="mendatory-field text-danger">*</span></label>
                                    <input type="text" id="enrollment-buffer-limit" name="enrollment_buffer_limit" class="numberonly form-control {{{ $errors->has('enrollment_buffer_limit') ? 'has-error' : '' }}}" placeholder="Enter Buffer Enrollment Limit" value="{{ isset($organization->enrollment_buffer_limit) ? $organization->enrollment_buffer_limit : old('enrollment_buffer_limit')}}" />
                                     {!! $errors->first('enrollment_buffer_limit','<label id="basic-default-error" for="enrollment-buffer-limit" class="error">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label" for="daily-attendance-limit">Daily Attendance Limit<span class="mendatory-field text-danger">*</span></label>
                                    <input type="text" id="daily-attendance-limit" name="daily_attendance_limit" class="numberonly form-control {{{ $errors->has('daily_attendance_limit') ? 'has-error' : '' }}}" placeholder="Enter Daily Attendance Limit" value="{{ isset($organization->daily_attendance_limit) ? $organization->daily_attendance_limit : old('daily_attendance_limit')}}" />
                                     {!! $errors->first('daily_attendance_limit','<label id="basic-default-error" for="daily-attendance-limit" class="error">:message</label>')!!}
                                </div>
                            </div>

                        </div>

                        <div class="mb-1 row">

                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="absent_alert_1">{{ trans('organization/create_update.absent_alert_1') }}</label>
                                <input type="text" name="absent_alert_1" class="form-control" placeholder="{{ trans('organization/create_update.absent_alert_1_place_holder') }}" value="{{ isset($configData['absent_alert_1']) ? $configData['absent_alert_1'] : old('absent_alert_1') }}">
                                {!! $errors->first('absent_alert_1','<label id="basic-default-error" for="absent_alert_1" class="error">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="absent_alert_2">{{ trans('organization/create_update.absent_alert_2') }}</label>
                                <input type="text" name="absent_alert_2" class="form-control" placeholder="{{ trans('organization/create_update.absent_alert_2_place_holder') }}" value="{{ isset($configData['absent_alert_2']) ? $configData['absent_alert_2'] : old('absent_alert_2') }}">
                                {!! $errors->first('absent_alert_2','<label id="basic-default-error" for="absent_alert_2" class="error">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="absent_alert_3">{{ trans('organization/create_update.absent_alert_3') }}</label>
                                <input type="text" name="absent_alert_3" class="form-control" placeholder="{{ trans('organization/create_update.absent_alert_3_place_holder') }}" value="{{ isset($configData['absent_alert_3']) ? $configData['absent_alert_3'] : old('absent_alert_3') }}">
                                {!! $errors->first('absent_alert_3','<label id="basic-default-error" for="absent_alert_3" class="error">:message</label>')!!}
                            </div>

                        </div>

                        <div class="row">

                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="auto_absent_inactive">{{ trans('organization/create_update.auto_absent_inactive') }}</label>
                                <input type="text" name="auto_absent_inactive" class="form-control" placeholder="Enter Auto Absent In-Active" value="{{ isset($configData['auto_absent_inactive']) ? $configData['auto_absent_inactive'] : old('auto_absent_inactive') }}">
                                {!! $errors->first('auto_absent_inactive','<label id="basic-default-error" for="auto_absent_inactive" class="error">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-4">  
                                <label class="form-label" for="auto_absent_inactive_on_present">{{ trans('organization/create_update.auto_absent_inactive_on_present') }}</label>
                                <input type="text" name="auto_absent_inactive_on_present" class="form-control" placeholder="Enter Auto Absent In-Active On Present" value="{{ isset($configData['auto_absent_inactive_on_present']) ? $configData['auto_absent_inactive_on_present'] : old('auto_absent_inactive_on_present') }}">
                                {!! $errors->first('auto_absent_inactive_on_present','<label id="basic-default-error" for="auto_absent_inactive_on_present" class="error">:message</label>')!!}
                            </div>

                            <div class="mb-1 col-md-4"> 
                                <label class="form-label">Portal Version</label>
                                <select class="form-control select2" name="portal_version">
                                    <option value="">Select</option>
                                    @foreach ($portalVersions as $value)
                                        <option value="{{ $value }}" @if((old('portal_version') == $value) || (isset($configData['portal_version']) && ($configData['portal_version'] == $value))) selected @endif> {{ ucfirst($value) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="imei_enable">Multi Device IMEI Restriction</label>
                                <select class="form-control select2" name="imei_enable">
                                    <option value="0" @if((old('imei_enable') == '0') || (isset($configData['imei_enable']) && ($configData['imei_enable'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('imei_enable') == '1') || (isset($configData['imei_enable']) && ($configData['imei_enable'] == '1'))) selected @endif>Yes</option>
                                </select>
                                @if (isset($configData['imei_enable']))
                                    <input type="hidden" name="imei_enable_exists" value="1">
                                @endif
                            </div>
                            <div class="mb-1 col-md-4">
                                <label class="form-label" for="no_face_punching">Allow No Face Punching</label>
                                <select class="form-control select2" name="no_face_punching">
                                    <option value="0" @if((old('no_face_punching') == '0') || (isset($configData['no_face_punching']) && ($configData['no_face_punching'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('no_face_punching') == '1') || (isset($configData['no_face_punching']) && ($configData['no_face_punching'] == '1'))) selected @endif>Yes</option>
                                </select>
                                @if (isset($configData['no_face_punching']))
                                    <input type="hidden" name="no_face_punching_exists" value="1">
                                @endif
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="two_step_verification">2 Step Verification</label>
                                <select class="form-control select2" name="two_step_verification">
                                    <option value="0" @if((old('two_step_verification') == '0') || (isset($configData['two_step_verification']) && ($configData['two_step_verification'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('two_step_verification') == '1') || (isset($configData['two_step_verification']) && ($configData['two_step_verification'] == '1'))) selected @endif>Yes</option>
                                </select>
                            </div>
                            <div class="mb-1 col-md-4"> 
                                <label class="form-label" for="offline_attendance_access">Offline Attendance Access</label>
                                <select class="form-control select2" name="offline_attendance_access">
                                    <option value="0" @if((old('offline_attendance_access') == '0') || (isset($configData['offline_attendance_access']) && ($configData['offline_attendance_access'] == '0'))) selected @endif>No</option>
                                    <option value="1" @if((old('offline_attendance_access') == '1') || (isset($configData['offline_attendance_access']) && ($configData['offline_attendance_access'] == '1'))) selected @endif>Yes</option>
                                </select>
                                @if (isset($configData['offline_attendance_access']))
                                    <input type="hidden" name="offline_attendance_access_exists" value="1">
                                @endif
                            </div>
                        
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label" for="website">Website<span class="mendatory-field text-danger">*</span></label>
                                    <input type="text" id="website" name="website" class="form-control {{{ $errors->has('website') ? 'has-error' : '' }}}" placeholder="Enter website link" value="{{ isset($organization->website) ? $organization->website : old('website')}}" />
                                     {!! $errors->first('website','<label id="basic-default-error" for="website" class="error">:message</label>')!!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 mb-1">
                                <div class="form-group {{{ $errors->has('logo') ? 'has-error' : '' }}}">
                                        <label  class="form-label">Organization Logo</label> 
                                        <div class="uploadedDocBox text-center">
                                            @if($organization->logo)
                                                <a href="{!! $organization->logo !!}" target="_blank"><img id="id_upload_preview"  src="{{$organization->logo}}" alt="logo" style="height: 200px; width:200px; object-fit: contain;"></a>
                                                <a href="/{{$organization->alias}}/organization/{{$organization->id}}/delete-logo" class="deleteLogo">
                                                    <img src="/assets/img/closered.svg">
                                                </a>
                                            @else
                                                <img id="id_upload_preview" src="https://via.placeholder.com/300x60?text=Organization Logo" value="{{ old('logo') }}" alt="logo" style="width:100%;height: 140px;object-fit: contain;" onerror="this.src='/assets/img/default-profile-3.png'"/> 
                                            @endif
                                        </div>
                                        <div class="text-center" style="display:flex;justify-content:center;margin-top:10px">
                                            <input type="file" class="fileinput form-control" name="logo" accept="image/*" id="inputIdFile" data-filename-placement="inside" title="Browse">
                                        </div>
                                        <i><b>Max size limit: 5MB</b></i><br />
                                        {!! $errors->first('logo', '<label class="control-label" for="logo">:message</label>')!!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group {{{ $errors->has('logo') ? 'has-error' : '' }}}">
                                        <label  class="form-label">Organization Stamp</label> 
                                        <div class="uploadedDocBox text-center">
                                            @if($organization->stamp)
                                                <img id="id_upload_preview_stamp"  src="{{$organization->stamp}}" alt="stamp" style="height: 140px; width:140px; object-fit: contain;">
                                                <a href="/{{$organization->alias}}/organization/{{$organization->id}}/delete-stamp" class="deleteStamp">
                                                <img src="/assets/img/closered.svg">
                                            </a>
                                            @else
                                                <img id="id_upload_preview_stamp" src="https://via.placeholder.com/300x60?text=Organization Stamp"  style="width:140px; height: 140px;object-fit: contain;" />
                                            @endif
                                        </div>
                                        <div class="text-center" style="display:flex;justify-content:center;margin-top:10px">
                                            <input type="file" class="fileinput form-control" name="stamp" accept="image/*" id="inputIdFileStamp" data-filename-placement="inside" title="Browse">
                                        </div>
                                        <i><b>Max size limit: 5MB</b></i><br />
                                        {!! $errors->first('stamp', '<label class="control-label" for="stamp">:message</label>')!!}
                                </div>
                            </div>
                        </div>

                        <br>
                        <br>
                        <div class="row">
                            <div class="mb-1 col-md-6">
                                <div class="content-footer position-absolute bottom-0 col-md-12">
                                    <div class="d-flex justify-content-between content-footer">
                                        <button type="button" class="btn btn-outline-secondary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle me-sm-25 me-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button type="button" class="btn btn-success btn-submit" id="confirm-submit-text">Submit</button>                            
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    {!! Form::close() !!}
    
    <!-- /Vertical Wizard -->
@endsection

@push('footer-script')
<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
<script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
    <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
<!-- END: Page JS-->

<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2();
    });
    var confirmText = $('#confirm-submit-text');
    if (confirmText.length) {
        confirmText.on('click', function () {
        Swal.fire({
            title: 'Are you sure?',
            // text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes, Submit!!',
            customClass: {
            confirmButton: 'btn btn-primary',
            cancelButton: 'btn btn-outline-danger ms-1'
            },
            buttonsStyling: false
        }).then(function (result) {
            if (result.value) {
                $('form')[0].submit();
            }
        });
        });
    }


    function select_unselect_all() {
        let x = document.querySelector(`#permissions_all`);
        if (x.checked) {
            document.querySelectorAll(`.permissions_`).forEach(element => {
                element.checked = true;
            });
        } else {
            document.querySelectorAll(`.permissions_`).forEach(element => {
                element.checked = false;
            });
        }
    }

    function getStates(th) {
        var countryId = $('#country_id').val();
        var stateId = "";

        @if(isset($organization->address->state_id) && $organization->address->state_id)
        stateId = '{{$organization->address->state_id}}';
        @endif

        console.log(stateId);
        var data = {
            country_id: countryId,
            '_token': '{{{csrf_token()}}}'
        }
        $.ajax({
            url: '/ajax/states',
            type: 'POST',
            data: data,
            success: function(data) {
                var selectbox = '';
                if (data) {
                    selectbox = '<select name="state_id" class="form-control select2" data-live-search="true" onchange="getCities(this)" id="state_id">';
                    selectbox += '<option>Select State</option>';
                    $.each(data, function(i, item) {
                        if (i == stateId) {
                            selectbox += '<option value="' + i + '" selected="selected">' + item + '</option>';
                        } else {
                            selectbox += '<option value="' + i + '">' + item + '</option>';
                        }
                    });
                    selectbox += '</select>';
                }
                $('#blank_state').css('display', 'none');
                $('#states').css('display', 'block');
                $('#states').html(selectbox);
                $('.select2#state_id').select2();

                if (stateId) {
                    getCities();
                }
            }
        });
    }

    function getCities(th) {
        var stateId = $('#state_id').val();
        var cityId = "";

        @if(isset($organization->address->city_id) && $organization->address->city_id)
        cityId = '{{$organization->address->city_id}}';
        @endif

        var data = {
            state_id: stateId,
            '_token': '{{{csrf_token()}}}'
        }
        $.ajax({
            url: '/ajax/cities',
            type: 'POST',
            data: data,
            success: function(data) {
                var selectbox = '';
                if (data) {
                    selectbox = '<select name="city_id" class="form-control select2" data-live-search="true" id="city_id">';
                    selectbox += '<option>Select City</option>';
                    $.each(data, function(i, item) {
                        if (i == cityId) {
                            selectbox += '<option value="' + i + '" selected="selected">' + item + '</option>';
                        } else {
                            selectbox += '<option value="' + i + '">' + item + '</option>';
                        }
                    });
                    selectbox += '</select></div>';
                }
                $('#blank_city').css('display', 'none');
                $('#cities').html(selectbox);
                $('#cities').css('display', 'block');
                $('.select2#city_id').select2();
            }
        });
    }

    function getCompany(th) {
        var groupId = $('#group_id').val();
        @if($organization->group_id)
        groupId = '{{$organization->group_id}}';
        @endif

        var data = {
            group_id: groupId,
            '_token': '{{{csrf_token()}}}'
        }
        $.ajax({
            url: '/ajax/companies',
            type: 'POST',
            data: data,
            success: function(data) {
                var selectbox = '';
                if (data) {
                    selectbox = '<select name="company_id" class="form-control select2" data-live-search="true">';
                    selectbox += '<option value="">Select</option>';
                    $.each(data, function(i, item) {
                        if (i == groupId) {
                            selectbox += '<option value="' + i + '" selected="selected">' + item + '</option>';
                        } else {
                            selectbox += '<option value="' + i + '">' + item + '</option>';
                        }
                    });
                    selectbox += '</select>';
                }
                $('#company').html(selectbox);

            }
        });
    }


    function readURLid(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('#id_upload_preview').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }
    function readURLid2(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#id_upload_preview_stamp').attr('src', e.target.result);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#inputIdFile").change(function() {
        readURLid(this);
    });
    $("#inputIdFileStamp").change(function() {
        readURLid2(this);
    });

    $(document).ready(function() {
        if ($('#country_id').val()) {
            getStates();
        }

        if ($('#group_id').val()) {
            getCompany();
        }

        secondLevelHierarchy();
        overTimeUpdateOn();

        $('#payroll_cycle').trigger('change');
        $('#payroll_month').trigger('change');
        $('#enable_email_notifications').trigger('change');
    });

    function secondLevelHierarchy(){
        var val = $('#second_level_approval').val();
        $('#second_level_hierarchy').hide();
        $('.second_level_hierarchy').hide();
        if(val==1){
            $('#second_level_hierarchy').show();
            $('.second_level_hierarchy').show();
        }
    }

    function overTimeUpdateOn(){
        var val = $('#customizable_ot').val();
        $('#overtime_update_on').hide();
        $('#overtime_update_on').parent().hide();

        if(val==1){
            $('#overtime_update_on').show();
            $('#overtime_update_on').parent().show();
        }
        if(val==0){
            $('#overtime_update_on').val('');
        }
    }

    $('.numberonly').keypress(function (e) {    
        var charCode = (e.which) ? e.which : e.keyCode    
        if (String.fromCharCode(charCode).match(/[^0-9]/g))    
            return false;                        
    }); 

    $('#payroll_cycle').change(function() {
        if($(this).val() > 1){
            $('.payroll_month_flexi_div').show();
        }else{
            $('.payroll_month_flexi_div').hide();
            $('#payroll_month').val('current');
        }

        $('#payroll_month').trigger('change');
    })

    $('#payroll_month').change(function() {
        if($(this).val() == 'previous'){
            $('#payroll_flexi_div').show();
        }else{
            $('#payroll_flexi_div').hide();
        }
    });
</script>
@endpush