@extends('admin.layouts.main')

@section('title')
Employee - Payroll
@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @if(Session::get('panel') == 'payroll-admin')
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('payroll.employees') }}</li>
                    @else
                    <li class="breadcrumb-item"><a href="javascript:void(0)">{{ @trans('company.directory') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.companies.indexpageload', ['panel' => Session::get('panel')]) }}">{{ @trans('company.company') }}</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{ route('admin.companies.detail',['panel' => Session::get('panel'), 'id' => $id]) }}">{{ @trans('candidate.detail') }}</a> </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('payroll.employee') }}</li>
                    @endif
                </ol>
            </nav>

            <div class="form-sec">

                @include('payroll::employee_payroll.modules.store.common.form-step')

                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-8 offset-lg-1">
                            <div class="step-box">
                                <form method="POST" id="employeeContractsDetails" action="{{ route('admin.payroll.storeContractsDetails',['panel' => Session::get('panel')]) }}" enctype="multipart/form-data">

                                    @csrf
                                    <input name="user_id" id="user_id" value="{{$user_id}}" type="hidden">
                                    <input name="company_id" id="company_id" value="{{$id}}" type="hidden">
                                    <input type="hidden" name="edit" value="@if(isset($edit) && $edit == true) {{$edit ?? ''}} @endif" />
                                    <div class="tab">
                                        <h2 class="form-sec-title">{{ @trans('payroll.employment_details') }}</h2>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <input type="hidden" id="employee-status" name="employee-status" class="form-control" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->payroll_emp_status_id }}@endif">
                                                <input type="hidden" id="employee-status-name" name="employee-status-name" class="form-control" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->status_name }}@endif">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">{{ @trans('payroll.employee_status') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select id="employee_status" name="employee_status" class="form-control">
                                                        <option value="" hidden="">{{ @trans('payroll.select_employee_status') }}</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group ">
                                                    <label class="control-label" for="reference_id">{{ @trans('payroll.employment_number') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="reference_id" name="reference_id" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->reference_id }}@endif" class="form-control" placeholder="{{ @trans('payroll.employment_number') }}">

                                                    @if($errors->has('reference_id'))
                                                    <span class="invalid-feedback">
                                                        {{ $errors->first('reference_id') }}
                                                    </span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="contract_type">{{ @trans('payroll.contract_type') }}
                                                    </label>
                                                    <select class="form-control" id="contract_type" name="contract_type">
                                                        <option value="">{{ @trans('payroll.select_contract_type') }}</option>
                                                        <option value="specified" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_type == 'specified' ? 'selected' : '' }}>Specified</option>
                                                        <option value="temporary" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_type == 'temporary' ? 'selected' : '' }}>Temporary</option>
                                                        <option value="permanent" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_type == 'permanent' ? 'selected' : '' }}>Permanent</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group mb-1 documentFileNameClass">
                                                    <label class="control-label">{{ @trans('payroll.upload_contract') }}</label>
                                                    <div class="custom-file w-100 file-type-new file-upload">
                                                        <input type="file" class="custom-file-input w-100 fileInput" id="upload_contract" name="upload_contract" accept=".doc,.docx,.odt,.pdf,.jpeg,.jpg,.png">
                                                        <label class="custom-file-label bg-white form-control text-left d-flex">Choose
                                                            file...</label>
                                                        <span class="attachment-bg"><img src="{{ asset('img/admin/ic-attachment-dark.svg') }}" alt="ic-attachment" /></span>
                                                    </div>
                                                    @if(isset($employeeContracrDetails->upload_document_id) && $employeeContracrDetails->upload_document_id)
                                                        <span class="m-0 xs-font-size upload_contract">{{ $employeeContracrDetails->upload_document_id->file_name }}</span>
                                                    @else
                                                        <span class="m-0 xs-font-size upload_contract"></span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.designation') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="designation" name="designation" class="form-control" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->designation }}@endif" placeholder="{{ @trans('payroll.designation') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.deparment') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control" id="deparment" name="deparment">
                                                        <option value="" hidden="">{{ @trans('payroll.deparment') }}</option>
                                                        @foreach($companyDepartments as $item)
                                                        <option value="{{ $item->id }}" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->company_department_id == $item->id ? 'selected' : '' }}> {{$item->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class=" col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.branch') }}
                                                    </label>
                                                    <select class="form-control" id="branch" name="branch">
                                                        <option value="">{{ @trans('payroll.select_branch') }}</option>
                                                        @foreach($companyBranches as $item)
                                                        <option value="{{ $item->id }}" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->company_branch_id == $item->id ? 'selected' : '' }}> {{$item->branch_name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.line_of_bunsiness') }}
                                                    </label>
                                                    <select class="form-control" id="line_of_bunsiness" name="line_of_bunsiness">
                                                        <option value="">{{ @trans('payroll.select_line_of_bunsiness') }}</option>
                                                        @foreach($companyLineOfBusiness as $item)
                                                        <option value="{{ $item->id }}" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->company_line_of_business_id == $item->id ? 'selected' : '' }}> {{$item->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.nature_of_employment') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select class="form-control {{ $employeeContracrDetails->is_employee_multiple_company == true ? 'disabled' : '' }}" id="nature_of_employment" name="nature_of_employment">
                                                        <option value="" hidden="">{{ @trans('payroll.nature_of_employment') }}</option>
                                                        <option value="primary" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->nature_of_employment == 'primary' ? 'selected' : '' }}>Primary</option>
                                                        <option value="secondary" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->nature_of_employment == 'secondary' || ($employeeContracrDetails->is_employee_multiple_company == true) ? 'selected' : '' }}>Secondary</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.monthly_working_hours') }}
                                                    </label>
                                                    <input type="text" id="monthly_working_hours" name="monthly_working_hours" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->monthly_working_hours }}@endif" class="form-control" placeholder="{{ @trans('payroll.monthly_working_hours') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">{{ @trans('payroll.contract_period') }}
                                                    </label>
                                                    <select class="form-control" id="contract_period" name="contract_period">
                                                        <option value="">{{ @trans('payroll.select_contract_period') }}</option>
                                                        <option value="1" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '1' ? 'selected' : '' }}>1 Year</option>
                                                        <option value="2" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '2' ? 'selected' : '' }}>2 Year</option>
                                                        <option value="3" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '3' ? 'selected' : '' }}>3 Year</option>
                                                        <option value="4" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '4' ? 'selected' : '' }}>4 Year</option>
                                                        <option value="5" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '5' ? 'selected' : '' }}>5 Year</option>
                                                        <option value="6" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '6' ? 'selected' : '' }}>6 Year</option>
                                                        <option value="7" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '7' ? 'selected' : '' }}>7 Year</option>
                                                        <option value="8" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '8' ? 'selected' : '' }}>8 Year</option>
                                                        <option value="9" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '9' ? 'selected' : '' }}>9 Year</option>
                                                        <option value="10" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->contract_period == '10' ? 'selected' : '' }}>10 Year</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="probation_period">{{ @trans('payroll.probation_period') }}
                                                    </label>
                                                    <select class="form-control" id="probation_period" name="probation_period">
                                                        <option value="">{{ @trans('payroll.select_probation_period') }}</option>
                                                        <option value="3" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->probation_period == '3' ? 'selected' : '' }}>3 Months</option>
                                                        <option value="6" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->probation_period == '6' ? 'selected' : '' }}>6 Months</option>
                                                        <option value="9" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->probation_period == '9' ? 'selected' : '' }}>9 Months</option>
                                                        <option value="12" {{ (isset($employeeContracrDetails)) && $employeeContracrDetails->probation_period == '12' ? 'selected' : '' }}>12 Months</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group date">
                                                    <!-- As per client feedback we just rename the employment start date to contract start date -->
                                                    <label class="control-label">{{ @trans('payroll.contract_start_date') }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <div class="input-group date">
                                                        <input type="text" class="form-control employment_start_date bg-white dateselect" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->employment_date }}@endif" placeholder="{{ @trans('payroll.contract_start_date') }}" id="employment_start_date" name="employment_start_date">
                                                        <div class="input-group-addon">
                                                            <span class="material-icons">date_range</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group date">
                                                    <!-- As per client feedback we just rename the employment end date to contract end date -->
                                                    <label class="control-label">{{ @trans('payroll.contract_end_date') }}</label>
                                                    <div class="input-group date">
                                                        <input type="hidden" class="form-control bg-white" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->employment_end_date }}@endif" placeholder="{{ @trans('payroll.employment_end_date') }}" id="employmentEndDate" name="employmentEndDate">
                                                        <input type="text" class="form-control employment_end_date bg-white" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->employment_end_date }}@endif" placeholder="{{ @trans('payroll.contract_end_date') }}" id="employment_end_date" name="employment_end_date">
                                                        <div class="input-group-addon">
                                                            <span class="material-icons">date_range</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group date">
                                                    <label class="control-label">{{ @trans('payroll.employment_start_date') }}</label>
                                                    <div class="input-group date">
                                                        <input type="text" class="form-control joining_date bg-white dateselect" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->joining_date }}@endif" placeholder="{{ @trans('payroll.employment_start_date') }}" id="joining_date" name="joining_date">
                                                        <div class="input-group-addon">
                                                            <span class="material-icons">date_range</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group date">
                                                    <label class="control-label">{{ @trans('payroll.employment_end_date') }}</label>
                                                    <div class="input-group date">
                                                        <input type="text" class="form-control leaving_date bg-white dateselect" value="@if(isset($employeeContracrDetails)){{ $employeeContracrDetails->leaving_date }}@endif" placeholder="{{ @trans('payroll.employment_end_date') }}" id="leaving_date" name="leaving_date">
                                                        <div class="input-group-addon">
                                                            <span class="material-icons">date_range</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <h2 class="form-sec-title">{{ @trans('payroll.leave') }}</h2>
                                        <div class="row">

                                            @foreach($companyLeaveTypesQuota as $key => $item)
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ $item->leave_type }}
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" id="{{ 'leave_' . $item->leave_type }}" name="leave[{{ $item->id }}]" class="form-control" value="@if(isset($employeeEmployeeLeavesAssign) && isset($employeeEmployeeLeavesAssign[$key]->company_leave_types_quota_id) == $item->id){{ $employeeEmployeeLeavesAssign[$key]->leave }}@endif" placeholder="{{ $item->leave_type }}">
                                                </div>
                                            </div>
                                            @endforeach

                                            <div class="col-md-12">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="x">{{ @trans('payroll.line_manager') }}
                                                    </label>
                                                    <select class="form-control" id="line_manager" name="line_manager">
                                                        <option value="">{{ @trans('payroll.select_line_manager') }}</option>
                                                        @foreach($line_manage as $item)
                                                        <option value="{{ $item->user_id }}" {{ (isset($employeeEmployeeLeavesAllocation)) && $employeeEmployeeLeavesAllocation->line_manager_id == $item->user_id ? 'selected' : '' }}> {{$item->first_name}} {{$item->last_name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                        </div>
                                        <h2 class="form-sec-title">{{ @trans('payroll.retirement') }}</h2>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('payroll.retirement_year') }}
                                                    </label>
                                                    <input type="text" id="retirement_year" name="retirement_year" class="form-control numeric-val" value="{{ $companyPayrollDetails->retirement_year }}" placeholder="{{ @trans('payroll.retirement_year') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group date">
                                                    <label class="control-label">{{ @trans('payroll.retirement_date') }}
                                                    </label>
                                                    <div class="input-group date">
                                                        <input type="text" class="form-control bg-white" readonly placeholder="{{ @trans('payroll.retirement_date') }}" value="{{ $retirement_date }}" id="retirement_date" name="retirement_date">
                                                        <div class="input-group-addon">
                                                            <span class="material-icons">date_range</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class=" tab-btn">
                                            @if (isset($edit) && $edit == true)
                                            @if(Session::get('panel') == 'payroll-admin')
                                            <div style="float: left;">
                                                <a class="btn btn-cncl" href="{{ route('payrollAdmin.employees.index',['panel' => Session::get('panel'), 'id' => $user_id, 'type' => 'contract']) }}">{{ @trans('project::project.cancel') }}</a>
                                            </div>
                                            @else
                                            <div style="float: left;">
                                                <a class="btn btn-cncl" href="{{ route('admin.payroll.tabs',['panel' => Session::get('panel'), 'id' => $id,'user_id' => $user_id, 'type' => 'contract']) }}">{{ @trans('project::project.cancel') }}</a>
                                            </div>
                                            @endif
                                            <div style="float:right;">
                                                <button type="submit" id="employeeContractsBtn" class="btn step-btn employeeContractsBtn">{{ @trans('project::project.save') }}</button>
                                            </div>
                                            @else
                                            @if(Session::get('panel') == 'payroll-admin')
                                            <div style="float: left;">
                                                <a class="btn btn-cncl" href="{{ route('admin.payroll.admin.employee.contact',['panel' => Session::get('panel'), 'id' => $id, 'user_id' => $user_id]) }}">{{ @trans('project::project.prev') }}</a>
                                            </div>
                                            <div style="float:right;">
                                                <button type="submit" id="employeeContractsBtn" class="btn step-btn employeeContractsBtn">{{ @trans('project::project.save_next') }}</button>
                                            </div>
                                            @else
                                            <div style="float: left;">
                                                <a class="btn btn-cncl" href="{{ route('admin.payroll.employee.contact',['panel' => Session::get('panel'), 'id' => $id, 'user_id' => $user_id]) }}">{{ @trans('project::project.prev') }}</a>
                                            </div>
                                            <div style="float:right;">
                                                <button type="submit" id="employeeContractsBtn" class="btn step-btn employeeContractsBtn">{{ @trans('project::project.save_next') }}</button>
                                            </div>
                                            @endif
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection

@push('pageJs')
{!! JsValidator::formRequest('Modules\Payroll\Http\Requests\StoreEmployeeContractsRequest', '#employeeContractsDetails') !!}

<script src="{{ asset('js/vendor/select2.customSelectionAdapter.js') }}"></script>
<script src="{{ asset('js/vendor/jquery.alphanum.min.js')}}"></script>
<script>
    $(document).ready(function() {
        $(".numeric-val").numeric({
            allowMinus: false,
            allowDecSep: false,
            maxDecimalPlaces: 2,
            allowThouSep: false,
        })
        $(".age-numeric-val").numeric({
            allowMinus: false,
            allowDecSep: false,
            maxDecimalPlaces: 3,
            allowThouSep: false,
            min: 1,
            max: 100
        })
        $('#project_importance').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 10
        });
        $('#actualization').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 100
        });

        var contract_period = $('#contract_period').val();
        if (contract_period === '') {
            $('#employment_end_date').prop('disabled', false);
        } else {
            $('#employment_end_date').prop('disabled', true);
        }

    });
    employeeStatus()
    $(document).ready(function() {
        var today = new Date();
        var $date = $('.employment_start_date').datepicker({
            autoHide: true,
            format: 'd-m-yyyy',
            zIndex: 2048,
            startDate: null,
            defaultViewDate: new Date(),
        });

        var $date = $('.resignation_date').datepicker({
            autoHide: true,
            format: 'd-m-yyyy',
            zIndex: 2048,
            startDate: null,
            defaultViewDate: new Date(),
        });

        var $date = $('.employment_end_date').datepicker({
            autoHide: true,
            format: 'd-m-yyyy',
            zIndex: 2048,
            startDate: today,
            defaultViewDate: new Date(),
        });

        var $date = $('.joining_date').datepicker({
            autoHide: true,
            format: 'd-m-yyyy',
            zIndex: 2048,
            startDate: null,
            defaultViewDate: new Date(),
        });

        var $date = $('.leaving_date').datepicker({
            autoHide: true,
            format: 'd-m-yyyy',
            zIndex: 2048,
            startDate: null,
            defaultViewDate: new Date(),
        });

        $('#joining_date').change(function() {
            $(this).valid();
        })
        $('#leaving_date').change(function() {
            $(this).valid();
        })
        $('#employment_start_date').change(function() {
            $(this).valid();
        })
        $('#employment_end_date').change(function() {
            $(this).valid();
        })
        $('#resignation_date').change(function() {
            $(this).valid();
        })
        $('#leave_cycle_start_date').change(function() {
            $(this).valid();
        })
        $('#retirement_date').change(function() {
            $(this).valid();
        })
        $("#contract_period").change(function() {
            var contract_period = $('#contract_period').val();
            if (contract_period === '') {
                $('#employment_end_date').prop('disabled', false);
                $("#employment_end_date").val('');
                $("#employmentEndDate").val('');
            } else {
                var today = new Date();
                $('#employment_end_date').prop('disabled', true);

                var start_date = $('#employment_start_date').val();
                var contract_period = $('#contract_period').val();

                if (start_date !== '') {
                    var inputDate = $("#employment_start_date").val();
                    var parts = inputDate.split("-");
                    var dateObject = new Date(parseInt(parts[2]), parseInt(parts[1]) - 1, parseInt(parts[0]));
                    dateObject.setFullYear(dateObject.getFullYear() + parseInt(contract_period));
                    dateObject.setDate(dateObject.getDate() - 1);
                    const formattedDate = dateObject.getDate() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getFullYear();
                    console.log(formattedDate);
                    $("#employment_end_date").val('');
                    $("#employment_end_date").val(formattedDate);
                    $("#employmentEndDate").val('');
                    $("#employmentEndDate").val(formattedDate);
                } else {
                    console.log('else');
                }
            }
        });
    });
    $(document).ready(function() {
        var today = new Date();

        $('.retirement_date').datepicker({
            format: 'd-m-yyyy',
            autoclose: true,
            todayHighlight: true,
            keyboardNavigation: false,
            forceParse: false,
            showOnFocus: false // Prevent showing the datepicker on focus
        }).on('changeDate', function(e) {
            // Update the value of the input field when a date is selected
            $(this).val(e.format('d-m-yyyy'));
        });

        // Disable manual input on the datepicker field
        $('.retirement_date').keydown(function(e) {
            e.preventDefault();
        });

        $('#employment_start_date').change(function(e) {
            var contract_period = $('#contract_period').val();

            if (contract_period !== '') {
                var inputDate = $("#employment_start_date").val();
                var parts = inputDate.split("-");
                var dateObject = new Date(parseInt(parts[2]), parseInt(parts[1]) - 1, parseInt(parts[0]));
                dateObject.setFullYear(dateObject.getFullYear() + parseInt(contract_period));
                dateObject.setDate(dateObject.getDate() - 1);
                const formattedDate = dateObject.getDate() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getFullYear();

                $("#employment_end_date").val('');
                $("#employment_end_date").val(formattedDate);
                $("#employmentEndDate").val('');
                $("#employmentEndDate").val(formattedDate);
            } else {
                $("#employment_end_date").val('');
                $("#employmentEndDate").val('');

            }
        })

        $('#employment_end_date').change(function(e) {

            var data = $("#employment_end_date").val();
            $("#employmentEndDate").val('');
            $("#employmentEndDate").val(data);
        })
        $('#retirement_year').keyup(function(e) {
            var retirement_date = null;

            var getRetirementDate = null;

            var old_retirement_year = null;


            // var years = '';

            var retirement_year = $("#retirement_year").val();

            if (retirement_year === '') {
                $("#retirement_date").val(getRetirementDate);
            } else {
                if (retirement_date !== '') {
                    var parts = retirement_date.split("-");
                    var dateObject = new Date(parseInt(parts[2]), parseInt(parts[1]) - 1, parseInt(parts[0]));
                    dateObject.setFullYear(dateObject.getFullYear() + parseInt(retirement_year));

                    const formattedDate = dateObject.getDate() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getFullYear();
                    $("#retirement_date").val('');
                    $("#retirement_date").val(formattedDate);
                }
            }
        })
    });

    $(document).on('click', '.employeeContractsBtn', function(e) {
        console.log('else');

        if ($('#employeeContractsDetails').valid()) {
            console.log('if');
            $('.employeeContractsBtn').text('Please wait...');
            $('.employeeContractsBtn').attr('disabled', 'disabled');
            $('#employeeContractsDetails').submit();
        }
    });


    $(document).ready(function() {
        $('#upload_contract').on('change', function(e) {
            $(this).parents('.documentFileNameClass').find('.upload_contract').text(e.target.files[
                0].name);
        });
    });
    $(document).ready(function() {
        $('#recent_contract_renewal').on('change', function(e) {
            $(this).parents('.documentFileNameClass').find('.recent_contract_renewal').text(e.target.files[
                0].name);
        });
    });

    function employeeStatus() {

        var company_id = $('#company_id').val();
        var csrfToken = $('meta[name="csrf-token"]').attr('content');

        $.ajax({
            url: '{{ route("admin.payroll.employeeStatus", ["panel" => session("panel")]) }}',
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken
            },
            data: {
                'company_id': company_id
            },
            success: function($response) {
                // Handle the response from the server
                $('#employee_status').empty();

                // Append new HTML content to the element with ID 'container'
                $('#employee_status').append('<option value="" hidden="">Select Employee Status</option>')

                $.each($response.data, function(index, item) {
                    $('#employee_status').append('<option value="' + item.id + '">' + item.name + '</option>')
                });
                var user_id = $('#user_id').val()

                if (user_id != '') {

                    var employee_status = $('#employee-status').val();
                    var exists = false;

                    var employee_status_name = $('#employee-status-name').val();
                    $('#employee_status option').each(function() {
                        if ($(this).val() === employee_status) {
                            exists = true;
                            return false; // Break out of the loop
                        }
                    });
                    if (exists == false) {
                        // If the value doesn't exist, append it to the dropdown

                        $('#employee_status').append('<option value="' + employee_status + '">' + employee_status_name + '</option>')
                    }

                    $('#employee_status').val(employee_status);
                }
            },
            error: function(xhr, status, error) {}
        });
    }
</script>
@endpush

@push('pageCss')
<link rel="stylesheet" href="{{ asset('css/vendor/select2.customSelectionAdapter.css') }}">
<link rel="stylesheet" href="{{ asset('css/admin/project/store.css') }}">
@endpush