@extends('layouts.app')

@section('stitle', __('messages.Users'))
@section('title', __('messages.Users'))

@section('content')
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">


            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-body" id="form_submit">
                <section class="horizontal-wizard">
                    <div class="bs-stepper horizontal-wizard-example">
                        <div class="bs-stepper-header">
                            <div class="step" data-target="#user_info">
                                <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">1</span>
                                    <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">User Info</span>
{{--                                        <span class="bs-stepper-subtitle">Setup Account Details</span>--}}
                                    </span>
                                </button>
                            </div>
                            <div class="line">
                                <i data-feather="chevron-right" class="font-medium-2"></i>
                            </div>
                            <div class="step" data-target="#personal-info">
                                <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">2</span>
                                    <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">Personal Info</span>
                                    </span>
                                </button>
                            </div>
                            <div class="line">
                                <i data-feather="chevron-right" class="font-medium-2"></i>
                            </div>
                            <div class="step" data-target="#professional-info">
                                <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">3</span>
                                    <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">Professional Info</span>
                                    </span>
                                </button>
                            </div>
                            <div class="line">
                                <i data-feather="chevron-right" class="font-medium-2"></i>
                            </div>
                            <div class="step" data-target="#salary-package">
                                <button type="button" class="step-trigger">
                                    <span class="bs-stepper-box">4</span>
                                    <span class="bs-stepper-label">
                                        <span class="bs-stepper-title">Salary Package</span>
{{--                                        <span class="bs-stepper-subtitle">Add Social Links</span>--}}
                                    </span>
                                </button>
                            </div>
                        </div>
                        <div class="bs-stepper-content">
                            <div id="user_info" class="content">
                                <div id="user_info_form">
                                <form  action="" >
                                    <input type="hidden" name="user_id" id="user_id" value="{{$id}}">

{{--                                    <div class="row">--}}
{{--                                        <div class="form-group col-md-6">--}}
{{--                                            --}}{{--                                            <label class="form-label" for="password">Password</label>--}}
{{--                                            --}}{{--                                            <input type="password" name="password" id="password" class="form-control" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" />--}}
{{--                                            <div class="media " style="display: flex; justify-content: flex-end ">--}}
{{--                                                <a href="javascript:void(0);" class="col-md-4 ml-3 col-12 mr-25">--}}
{{--                                                    @if(isset($receipt->logo) == null)--}}
{{--                                                        <img src="{{ asset('app-assets/images/portrait/small/acc_image.png') }}" id="account-upload-img" class="rounded mr-50" alt="profile image" height="100" width="100" />--}}
{{--                                                    @else--}}
{{--                                                        <img src="{{ asset('storage/images/logo/'.Auth::user()->business->getReceipt->logo) }}"   id="account-upload-img" class="rounded mr-50" alt="profile image" height="100" width="100" >--}}
{{--                                                    @endif--}}
{{--                                                </a>--}}
{{--                                                --}}{{--                <div class="media-body col-md-1 ml-4 col-12 mt-75">--}}
{{--                                                <label for="account-upload" class="btn btn-outline-secondary mb-75 mr-75" data-toggle="tooltip" title="On Upload previous image will be deleted If exists!" >{{__('messages.Upload')}} <i data-feather='alert-circle' class=""></i></label>--}}
{{--                                                <input type="file" id="account-upload" name="logo" hidden accept="image/*" />--}}
{{--                                                --}}{{--                </div>--}}
{{--                                                <!--/ upload button -->--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                        <div class="form-group form-password-toggle col-md-6">--}}
{{--                                            <div class="form-check form-check-inline">--}}
{{--                                                <div class="demo-inline-spacing">--}}
{{--                                                    <div class="custom-control custom-control-primary  mb-2">--}}
{{--                                                        <label  for="hide_free_modifier_option">Active</label>--}}
{{--                                                        <input type="checkbox"  name="active" id="active" class="checkbox_user_active"  {{ $user->active ==1 ?'checked':'' }}  />--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="username">Username</label>
                                            <input type="text" name="username" id="username" class="form-control" value="{{ $user->name }}" placeholder="Ahmed" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="email">Email</label>
                                            <input type="email" name="email" id="email" class="form-control" value="{{ $user->email }}" placeholder="ahmed@email.com" aria-label="email" />
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group form-password-toggle col-md-3">
{{--                                            <div class="user-avatar-section">--}}
{{--                                                <div class="d-flex justify-content-start">--}}
{{--                                                    <img class="img-fluid rounded" src="{{ asset('app-assets/images/portrait/small/acc_image.png') }}" height="104" width="100"   alt="User avatar" />--}}
{{--                                                    <label for="account-upload" class="btn btn-outline-secondary ml-5 " data-toggle="tooltip" title="On Upload previous image will be deleted If exists!" >{{__('messages.Upload')}} <i data-feather='alert-circle' class=""></i></label>--}}
{{--                                                    <input type="file" id="" name="image" hidden accept="image/*" />--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
                                            <div class="custom-control custom-switch custom-switch-success">
                                                <p class="mb-50">{{ __('messages.STATUS')}}</p>
                                                <input type="checkbox" value="1" {{$user->active ?'checked':''}} class="custom-control-input checkbox_user_active" name="status" id="customSwitch111"  />
                                                <label class="custom-control-label" for="customSwitch111">
                                                    <span class="switch-icon-left"><i data-feather="check"></i></span>
                                                    <span class="switch-icon-right"><i data-feather="x"></i></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="d-flex justify-content-between">
                                    <button class="btn btn-outline-secondary btn-prev" disabled>
                                        <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                        <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                    </button>
                                    <button class="btn btn-primary btn-next" id="user_info_btn">
                                        <span class="align-middle d-sm-inline-block d-none">Next</span>
                                        <i data-feather="arrow-right" class="align-middle ml-sm-25 ml-0"></i>
                                    </button>
                                </div>
                                </div>
                            </div>

                            <!-- personal Info Starts-->
                            <div id="personal-info" class="content">
                                <div id="user_personal_info_form">
                                <form>
                                    <input type="hidden" name="user_id" id="user_id" value="{{$id}}">
                                    <input type="hidden" name="branch_id" id="branch_id" value="{{$user->branches[0]->id}}">

                                    <div class="row">
                                        <div class="form-group col-md-2">
                                            <label class="form-label" for="">Send On-Boarding Package</label>
                                            <input type="checkbox" name="boarding_check" id="boarding_check"  />
                                        </div>
                                    </div>
                                    <div class="row" id="row1">
                                        <div class="form-group col-md-6">
                                            <label class="form-label asterisk" for="emp_number">Employment Number <span></span></label>
                                            <input type="text" name="emp_number" id="emp_number" class="form-control" value="{{ $user->userPersonalInfo->employment_number ?? '' }}" placeholder="123" required />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="nationality">Nationality</label>
                                            <input type="text" name="nationality" id="nationality" class="form-control" value="{{ $user->userPersonalInfo->nationality ?? '' }}" placeholder="US" />
                                        </div>
                                    </div>
                                    <div class="row" id="row2">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="religion">Religion</label>
                                            <input type="text" name="religion" id="religion" class="form-control" value="{{ $user->userPersonalInfo->religion ?? '' }}" placeholder="ISLAM" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="national_id">National ID</label>
                                            <input type="text" name="national_id" id="national_id" value="{{ $user->userPersonalInfo->national_id ??'' }}" class="form-control" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="passport_number">Passport Number</label>
                                            <input type="text" name="passport_number" id="passport_number" value="{{ $user->userPersonalInfo->passport_number ?? '' }}" class="form-control" placeholder="" />
                                        </div>
                                        <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="hiring_date">Hiring Date <span></span></label>
                                                <input class="form-control my-flatpickr-basic" id="hiring_date" type="text"  name="hiring_date" placeholder="YYYY-MM-DD" value="{{ isset($user->userPersonalInfo->hiring_date) ? \Carbon\Carbon::parse($user->userPersonalInfo->hiring_date)->format('d F, Y') : '' }}"  autofocus="" tabindex="3" value="{{ old('hiring_date') }}" required />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="start_date">End of Probation</label>
                                            <input class="form-control my-flatpickr-basic-end" id="end_probation" type="text"  name="end_probation" placeholder="YYYY-MM-DD" value="{{ isset($user->userPersonalInfo->end_probation) ? \Carbon\Carbon::parse($user->userPersonalInfo->end_probation)->format('d F, Y') : '' }}"    autofocus="" tabindex="3" value="{{ old('end_probation') }}" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="personal_email">Personal Email</label>
                                            <input type="email" name="personal_email" id="personal_email" value="{{ $user->userPersonalInfo->personal_email ??'' }}" class="form-control" placeholder=""  />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label asterisk" for="birth_date">Birth Date <span></span></label>
                                            <input class="form-control my-flatpickr-basic-birthday" id="birth_date" value="{{ isset($user->userPersonalInfo->birth_date) ? \Carbon\Carbon::parse($user->userPersonalInfo->birth_date)->format('d F, Y') : '' }}" type="text"  name="birth_date" placeholder="YYYY-MM-DD"   autofocus="" tabindex="3" value="{{ old('birth_date') }}" required />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="phone_number">Phone Number</label>
                                            <input type="text" name="phone_number" id="phone_number" value="{{ $user->userPersonalInfo->phone_number ??'' }}"  class="form-control"  />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="extension_number">Extension Number</label>
                                            <input type="text" name="extension_number" id="extension_number" class="form-control" value="{{ $user->userPersonalInfo->extension_number ?? '' }}" placeholder="" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="mobile_number">Mobile Number</label>
                                            <input type="text" name="mobile_number" id="mobile_number" class="form-control" value="{{ $user->userPersonalInfo->mobile_number ?? '' }}" placeholder="" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="address">Address</label>
                                            <input type="text" name="address" id="address" class="form-control" value="{{ $user->userPersonalInfo->address ?? '' }}"  />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="gender">Gender</label>
                                            <select class="select2 form-control form-control-lg" name="gender" id="gender" required>
                                                <option value="">Select Gender</option>
                                                <option value="male" {{ isset($user->userPersonalInfo->gender) && $user->userPersonalInfo->gender == 'male' ? 'selected' : '' }}>Male</option>
                                                <option value="female" {{ isset($user->userPersonalInfo->gender) && $user->userPersonalInfo->gender == 'female' ? 'selected' : '' }}>Female</option>
                                                <option value="other" {{ isset($user->userPersonalInfo->gender) && $user->userPersonalInfo->gender == 'other' ? 'selected' : '' }} >Other</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="marital_status">Marital Status</label>
                                            <select class="select2 form-control form-control-lg" name="marital_status" id="marital_status" >
                                                <option value="">Select Marital Status</option>
                                                <option value="1" {{ isset($user->userPersonalInfo->marital_status) && $user->userPersonalInfo->marital_status == '1' ? 'selected': ''}}>Single</option>
                                                <option value="2" {{ isset($user->userPersonalInfo->marital_status) && $user->userPersonalInfo->marital_status == '2' ? 'selected': ''}}>Married</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="labor_card">Labor Card</label>
                                            <input type="text" name="labor_card" id="labor_card" class="form-control"  value="{{ $user->userPersonalInfo->labor_card ?? '' }}" placeholder="" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                                <label class="form-label">Labor Card Expiry</label>
                                                <input class="form-control my-flatpickr-basic-birthday" id="labor_card_expiry" type="text" value="{{ isset($user->userPersonalInfo->labor_card_expiry) ? \Carbon\Carbon::parse($user->userPersonalInfo->labor_card_expiry)->format('d F, Y') : '' }}"  name="labor_card_expiry" placeholder="YYYY-MM-DD" autofocus="" tabindex="3"  />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="mol_number">Mol Number</label>
                                            <input type="number" name="mol_number" id="mol_number" class="form-control" value="{{ $user->userPersonalInfo->mol_number ??'' }}" placeholder="" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="resident_id">Resident ID</label>
                                            <input type="text" name="resident_id" id="resident_id" class="form-control" value= "{{ $user->userPersonalInfo->resident_id ??'' }}" placeholder="" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label asterisk" for="contract_type">Contract Type <span></span></label>
                                            <select class="select2 form-control form-control-lg " name="contract_type" id="contract_type" required >
                                                <option value="">Select Marital Status</option>
                                                <option value="1" {{ isset($user->userPersonalInfo->contract_type) && $user->userPersonalInfo->contract_type == '1' ? 'selected' : ''}}>Unlimited</option>
                                                <option value="2" {{ isset($user->userPersonalInfo->contract_type) && $user->userPersonalInfo->contract_type == '2' ? 'selected' : ''}}>Limited</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label">End of Contract</label>
                                            <input class="form-control my-flatpickr-basic-end" id="end_of_contract" type="text"  value="{{ isset($user->userPersonalInfo->end_of_contract) ? \Carbon\Carbon::parse($user->userPersonalInfo->end_of_contract)->format('d F, Y') :'' }}"  name="end_of_contract" placeholder="YYYY-MM-DD"   autofocus="" tabindex="3"  />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="form-check form-check-inline">
                                                <div class="demo-inline-spacing">
                                                    <div class="custom-control custom-control-primary custom-checkbox mb-2">
{{--                                                        <label class="custom-control-label" for="citizen">Citizen</label>--}}
{{--                                                        <input type="checkbox" class="custom-control-input checkbox_citizen " name="citizen " id="citizen"    />--}}
                                                        <input type="checkbox" class="custom-control-input checkbox_citizen" name="citizen " {{ isset($user->userPersonalInfo->citizen) && $user->userPersonalInfo->citizen == 1 ? 'checked' : '' }} id="colorCheck1"  />
                                                        <label class="custom-control-label" for="colorCheck1">Citizen</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <div class="demo-inline-spacing">
                                                    <div class="custom-control custom-checkbox mb-2">
                                                        <input type="checkbox" class="custom-control-input checkbox_roster_shift" name="roster_shifts" {{ isset($user->userPersonalInfo->roster_shifts)  && $user->userPersonalInfo->roster_shifts == 1 ? 'checked' : '' }}  id="customCheck1"  />
                                                        <label class="custom-control-label" for="customCheck1">Roster Shifts</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <h4>Emergency Contact</h4>
                                    <div class="row mt-2">
                                        <div class="form-group col-md-4">
                                            <label class="form-label asterisk">Name <span></span></label>
                                            <input type="name" name="emergency_name" id="emergency_name" value=" {{ $user->userPersonalInfo->emergency_name ??'' }}" class="form-control" placeholder="" required/>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label class="form-label" for="relation">Relation</label>
                                            <input type="text" name="relation" id="relation" class="form-control" value= "{{ $user->userPersonalInfo->emergency_relation ??'' }}" placeholder="" />
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label class="form-label asterisk" for="Phone">Phone Number <span></span></label>
                                            <input type="number" name="emergency_phone_number" id="emergency_phone_number" value="{{ $user->userPersonalInfo->emergency_phone ??'' }}" class="form-control" placeholder=""  required/>
                                        </div>
                                    </div>
                                </form>
                                <div class="d-flex justify-content-between">
                                    <button class="btn btn-primary btn-prev">
                                        <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                        <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                    </button>
                                    <button class="btn btn-primary btn-next user_personal_info_btn">
                                        <span class="align-middle d-sm-inline-block d-none " id="user_personal_info_btn">Next</span>
                                        <i data-feather="arrow-right" class="align-middle ml-sm-25 ml-0"></i>
                                    </button>
                                </div>
                                </div>
                            </div>
                            <!-- personal form end-->
                            <!-- Professional Info Starts-->
                            <div id="professional-info" class="content">
                                <div id="user_professional_info_form">
                                <form>
                                    <input type="hidden" name="pro_user_id" id="pro_user_id" value="{{$id}}">
                                    <input type="hidden" name="branch_id" id="branch_id" value="{{$user->branches[0]->id}}">

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="position">Position <span></span></label>
                                            <input type="text" name="position" id="position" value="{{ $user->role->name }}" class="form-control" disabled  />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="work_location">Work Location</label>
                                            <select class="select2 w-100" name="work_location" id="work_location"  >
                                                <option>location 1</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="department">Department</label>
                                            <select class="select2 w-100" name="department" id="department"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="section">Section</label>
                                            <select class="select2 w-100" name="section" id="section"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="main_project">Main Project</label>
                                            <select class="select2 w-100" name="main_project" id="main_project"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="hierarchy_group">Hierarchy Group</label>
                                            <select class="select2 w-100" name="hierarchy_group" id="hierarchy_group"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="work_type">Work Type</label>
                                            <select class="select2 w-100" name="work_type" id="work_type"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="direct_manager">Direct Manager</label>
                                            <select class="select2 w-100" name="direct_manager" id="direct_manager"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="supervisor">Supervisor</label>
                                            <select class="select2 w-100" name="supervisor" id="supervisor"  >
                                                <option>pos 1</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="fp-default" class="asterisk">Effective On <span></span></label>
                                            <input type="text" id="effective_on" class="form-control my-flatpickr-basic" value="{{ isset($user->userProInfo->effective_on) ? \Carbon\Carbon::parse($user->userProInfo->effective_on)->format('d F, Y') : '' }}" required placeholder="YYYY-MM-DD" name="effective_on" />
                                        </div>
                                    </div>
                                    <div class="row">

                                        <div class="form-group col-md-6">
                                            <label for="fp-default">Expires On</label>
                                            <input type="text" id="expires_on" class="form-control my-flatpickr-basic" value="{{ isset($user->userProInfo->expires_on) ? \Carbon\Carbon::parse($user->userProInfo->expires_on)->format('d F, Y') : '' }}" placeholder="YYYY-MM-DD" name="expires_on" />
                                        </div>
                                    </div>
                                </form>
                                    <div class="d-flex justify-content-between">
                                        <button class="btn btn-primary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button class="btn btn-primary btn-next" id="user_professional_info_btn">
                                            <span class="align-middle d-sm-inline-block d-none">Next</span>
                                            <i data-feather="arrow-right" class="align-middle ml-sm-25 ml-0"></i>
                                        </button>
                                    </div>
                                </div>

                            </div>
                            <!-- Professional Info ENds-->
                            <div id="salary-package" class="content">
                                <div id="salary_package_form">
                                    <form>
                                        <input type="hidden" name="user_id" id="user_id" value="{{$id}}">
                                        <input type="hidden" name="branch_id" id="branch_id" value="{{$user->branches[0]->id}}">

                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="basic_allowances">Basic Salary Allowance</label>
                                                <select class="select2 w-100" name="basic_salary_chart_of_acc" id="basic_salary_chart_of_acc"  >
                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>
                                                    @forelse($chartSalary as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->basic_salary_chart_of_acc) && $chartAcc->id == $user->salaryPackage->basic_salary_chart_of_acc ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                    <option value="">N/A</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="basic_salary">Basic Salary  <span></span> </label>
                                                <input type="number" id="basic_salary" name="basic_salary"  class="form-control" value="{{ $user->salaryPackage->basic_salary ?? '' }}" required />
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="Basic_salary_currency">Basic Salary Currency <span></span></label>
                                                <select class="select2 w-100" name="Basic_salary_currency" id="Basic_salary_currency" value="{{ $user->salaryPackage->Basic_salary_currency ?? '' }}" required >
                                                    <option>pos 1</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="salary_count">Salary Count <span></span> </label>
                                                <select class="select2 w-100" name="salary_count" id="salary_count" required >
                                                    <option value="1">pos 1</option>
                                                </select>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="gl_account_number">GL Account Number</label>
                                                <input type="text" id="gl_account_number" name="gl_account_number" class="form-control" value="{{ $user->salaryPackage->gl_account_number ?? '' }}"/>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="salary_transfered_form">Salary Transferred Form</label>
                                                <select class="select2 w-100" name="salary_transferred_form" id="salary_transferred_form" required >
                                                    <option>pos 1</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="payment_method">Payment Method</label>
                                                <select class="select2 w-100" name="payment_method" id="payment_method" required >
                                                    <option>pos 1</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="form-check form-check-inline">
                                                    <div class="demo-inline-spacing">
                                                        <div class="custom-control custom-control-primary custom-checkbox mb-2">
                                                            <input type="checkbox" class="custom-control-input resident"  {{ isset($user->salaryPackage->resident) && $user->salaryPackage->resident == 1 ? 'checked' : '' }} name="resident " id="colorCheck11"  />
                                                            <label class="custom-control-label" for="colorCheck11">Resident</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <h2 class=""> Allowances </h2>
{{--                                        <div class="row">--}}
{{--                                            <div class="form-group col-md-6">--}}
{{--                                                <label class="form-label" for="basic_allowances">Basic Salary Allowance</label>--}}
{{--                                                <select class="select2 w-100" name="basic_salary_chart_of_acc" id="basic_salary_chart_of_acc"  >--}}
{{--                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>--}}
{{--                                                    @forelse($chartSalary as $chartAcc)--}}
{{--                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->basic_salary_chart_of_acc) && $chartAcc->id == $user->salaryPackage->basic_salary_chart_of_acc ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{  $chartAcc->code }} - {{ $chartAcc->name }} </option>--}}
{{--                                                    @empty--}}
{{--                                                        <option value="">Please Add a Head to Add Amount</option>--}}
{{--                                                    @endforelse--}}
{{--                                                    <option value="">N/A</option>--}}
{{--                                                </select>--}}
{{--                                            </div>--}}

{{--                                            <div class="form-group col-md-6">--}}
{{--                                                <label class="form-label" for="">Basic Salary Allowance Amount</label>--}}
{{--                                                <input type="number" id="basic_allowance_amount" name="basic_allowance_amount" value="{{ $user->salaryPackage->basic_allowances_amount ?? '' }}" class="form-control" value=""/>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="chart_of_acc_transportation">Transportation Allowance</label>
                                                <select class="select2 w-100" name="chart_of_acc_transportation" id="chart_of_acc_transportation"  >
                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>
                                                    @forelse($chartSalary as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_transportation) && $chartAcc->id == $user->salaryPackage->chart_of_acc_transportation ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">Transportation Allowance Amount</label>
                                                <input type="number" id="transport_allowances_amount" name="transport_allowances_amount" value="{{ $user->salaryPackage->transport_allowances_amount ?? '' }}"  class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="basic_allowances">Housing Allowance </label>
                                                <select class="select2 w-100" name="chart_of_acc_housing" id="chart_of_acc_housing">
                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>
                                                    @forelse($chartSalary as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_transportation) && $chartAcc->id == $user->salaryPackage->chart_of_acc_housing ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">Housing Allowance Amount</label>
                                                <input type="number" id="housing_allowances_amount" name="housing_allowances_amount" value="{{ $user->salaryPackage->housing_allowances_amount ?? '' }}"  class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> Medical Allowance  </label>
                                                <select class="select2 w-100" name="chart_of_acc_medical" id="chart_of_acc_medical">
                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>
                                                    @forelse($chartSalary as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_transportation) && $chartAcc->id == $user->salaryPackage->chart_of_acc_medical ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">Medical Allowance Amount</label>
                                                <input type="number" id="medical_allowances_amount" name="medical_allowances_amount"  value="{{ $user->salaryPackage->medical_allowances_amount ?? '' }}" class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> Other Facilities  </label>
                                                <select class="select2 w-100" name="chart_of_acc_other" id="chart_of_acc_other"  >
                                                    <option value="{{$chartParent->id}}" disabled  >{{ $chartParent->name }}</option>
                                                    @forelse($chartSalary as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_transportation) && $chartAcc->id == $user->salaryPackage->chart_of_acc_other ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">Other Facilities Amount</label>
                                                <input type="number" id="other_allowances_amount" name="other_allowances_amount" value="{{ $user->salaryPackage->other_allowances_amount ?? '' }}" class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> EOBI Allowance   </label>
                                                <select class="select2 w-100" name="chart_of_acc_eobi_expense" id="chart_of_acc_eobi_expense"  >
                                                    <option value="{{$eobiParent->id}}" disabled  >{{ $eobiParent->name }}</option>
                                                    @forelse($eobiChart as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_transportation) && $chartAcc->id == $user->salaryPackage->chart_of_acc_eobi_expense ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">EOBI Allowance Amount</label>
                                                <input type="number" id="eobi_allowances_amount" name="eobi_allowances_amount" value="{{ $user->salaryPackage->eobi_allowances_amount ?? '' }}" class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> Social Insurance   </label>
                                                <select class="select2 w-100" name="chart_of_acc_social_ins_expense" id="chart_of_acc_social_ins_expense"  >
                                                    <option value="{{$socialInsuranceParent->id}}" disabled  >{{ $socialInsuranceParent->name }}</option>
                                                    @forelse($socialInsExpChart as $chartAcc)
                                                        <option value="{{ $chartAcc->id }}"   {{ isset($user->salaryPackage->chart_of_acc_social_ins_expense) && $chartAcc->id == $user->salaryPackage->chart_of_acc_social_ins_expense ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAcc->code }} - {{ $chartAcc->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">Social Insurance Allowance Amount</label>
                                                <input type="number" id="social_ins_expense_amount" name="social_ins_expense_amount" value="{{ $user->salaryPackage->social_ins_allowances_amount ?? '' }}" class="form-control" value=""/>
                                            </div>
                                        </div>

                                        <h2 class="mt-2">GOSI Salary</h2>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> GOSI Head  </label>
                                                <select class="select2 w-100" name="chart_of_acc_gosi" id="chart_of_acc_gosi"  >
                                                <option value="{{$chartGosiParent->id}}" disabled  >{{ $chartGosiParent->name }}</option>
                                                    @forelse($chartGOSI as $chartAccGOSI)
                                                        <option value="{{ $chartAccGOSI->id }}"   {{ isset($user->salaryPackage->chart_of_acc_other) && $chartAccGOSI->id == $user->salaryPackage->chart_of_acc_other ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAccGOSI->code }} - {{ $chartAccGOSI->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="">GOSI Allowance Amount</label>
                                                <input type="number" id="gosi_allowances_amount" name="gosi_allowances_amount"  value="{{ $user->salaryPackage->gosi_allowances_amount ?? '' }}" class="form-control" value=""/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for="gosi_gl_account_number">GL Account Number</label>
                                                <input type="text" id="gosi_gl_account_number" name="gosi_gl_account_number" value="{{ $user->salaryPackage->gosi_gl_account_number ?? ''}}" class="form-control"/>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label " for="gosi_salary">GOSI Salary   </label>
                                                <input type="number" id="gosi_salary" name="gosi_salary" value="{{ $user->salaryPackage->gosi_salary ?? '' }}" class="form-control" placeholder="0.000" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label " for="gosi_currency">GOSI Currency </label>
                                                <select class="select2 w-100" name="gosi_currency" id="gosi_currency"  required >
                                                    <option>pos 1</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label " for="gosi_number">GOSI Number   </label>
                                                <input type="number" id="gosi_number" name="gosi_number" class="form-control" placeholder="0.000" value="{{ $user->salaryPackage->gosi_number ?? '' }}" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label " for="gosi_rule">GOSI Rule </label>
                                                <select class="select2 w-100" name="gosi_rule" id="gosi_rule" required >
                                                    <option value="1">Please Select</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label " for="gosi_participation">GOSI ParticipationDate   </label>
                                                <input type="text" id="gosi_participation_date" name="gosi_participation" class="form-control my-flatpickr-basic" required placeholder="YYYY-MM-DD" value="{{ isset($user->salaryPackage->gosi_participation_date) ? \Carbon\Carbon::parse($user->salaryPackage->gosi_participation_date)->format('d F, Y') : '' }}" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="effective_on">Effective On <span></span></label>
                                                <input type="text" id="effective_on_date" name="effective_on_date" class="form-control my-flatpickr-basic" required placeholder="YYYY-MM-DD" value="{{ isset($user->salaryPackage->effective_on_date) ? \Carbon\Carbon::parse($user->salaryPackage->effective_on_date)->format('d F, Y') : '' }}" />
                                            </div>
                                        </div>
                                        <h2 class="mt-2">Provident Fund</h2>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <label class="form-label" for=""> End Of Services Head  </label>
                                                <select class="select2 w-100" name="chart_of_acc_services" id="chart_of_acc_services"  >
                                                    <option value="" data-level="" selected>{{__('messages.selectAccount')}}</option>
                                                    <option value="{{$endOfServiceP->id}}"   >{{ $endOfServiceP->name }}</option>
                                                    @forelse($chartEendOfSerive as $chartAccGOSI)
                                                        <option value="{{ $chartAccGOSI->id }}"   {{ isset($user->salaryPackage->chart_of_acc_services) && $chartAccGOSI->id == $user->salaryPackage->chart_of_acc_services ? 'selected' : ''  }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{  $chartAccGOSI->code }} - {{ $chartAccGOSI->name }} </option>
                                                    @empty
                                                        <option value="">Please Add a Head to Add Amount</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="form-label asterisk" for="provident_fund_amount"> Provident Fund  Amount</label>
                                                <input type="number" id="provident_fund_amount" name="provident_fund_amount" class="form-control" placeholder="0.000" value="{{ $user->salaryPackage->provident_fund_amount ??'' }}" />
                                            </div>
                                        </div>

                                    </form>
                                    <div class="d-flex justify-content-between">
                                        <button class="btn btn-primary btn-prev">
                                            <i data-feather="arrow-left" class="align-middle mr-sm-25 mr-0"></i>
                                            <span class="align-middle d-sm-inline-block d-none">Previous</span>
                                        </button>
                                        <button class="btn btn-success" id="user_salary_btn">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
@endsection
@push('my_scripts')
    <script>

        if ($('#boarding_check').attr('checked')) {
            $("#row1").hide();
            $("#row2").hide();
        }else {
            $("#row1").show();
            $("#row2").show();
        }
        $('#boarding_check').on('change', function() {
            if ($(this).prop("checked") == true) {
                $("#row1").hide();
                $("#row2").hide();
            }else {
                $("#row1").show();
                $("#row2").show();
            }
        });
            // $('#inlineCheckbox2').val($(this).is(':checked'));


        $('.my-flatpickr-basic').pickadate({
            onStart: function() {
            },
            // formatSubmit: 'yyyy/mm/dd',
            dateFormat: "Y-m-d",
            closeOnSelect: true,
            closeOnClear: true,
        });
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        })
        // $('.my-flatpickr-basic').pickadate({
        //     onStart: function() {
        //     },
        //     formatSubmit: 'yyyy/mm/dd',
        //     closeOnSelect: true,
        //     closeOnClear: true,
        //     max:true
        // });
        $('.my-flatpickr-basic-end').pickadate({
            onStart: function() {
            },
            dateFormat: "Y-m-d",
            // formatSubmit: 'yyyy/mm/dd',
            closeOnSelect: true,
            closeOnClear: true,
        });
        $('.my-flatpickr-basic-birthday').pickadate({
            onStart: function() {
            },
            dateFormat: "Y-m-d",
            // formatSubmit: 'yyyy/mm/dd',
            closeOnSelect: true,
            closeOnClear: true,
        });
        $('#form_submit').on('click','#user_info_btn', function(e){
            e.preventDefault();
            let user_id = $('#user_id').val();
            let username = $('#username').val();
            let email = $('#email').val();
            let password = $('#password').val();
            let active_value;
            if ($('input.checkbox_user_active').is(':checked')) {
                active_value = 1;
            }else{
                active_value = 0
            }
            const method = 'POST';
            const url = "{{ route('user.update_user_info') }}";
            const headers = {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            };
            const data = {
                user_id: user_id ,username :username, email:email, password:password, active_value:active_value
            }
            $.ajax({
                method,
                url,
                headers,
                data, // data to be sent to server
                dataType: 'json', // type of data expecting back from server
                success: function (data) {
                    console.log(data);
                },
                error: function (data) {
                    console.log(data);
                }
            });
        });

        $('#form_submit').on('click','.user_personal_info_btn', function(e){
            e.preventDefault();
            // alert('hi')
            let user_id = $('#user_id').val();
            let branch_id = $('#branch_id').val();
            let emp_number = $('#emp_number').val();
            let nationality = $('#nationality').val();
            let religion = $('#religion').val();
            let national_id = $('#national_id').val();
            let passport_number = $('#passport_number').val();
            let hiring_date = $('#hiring_date').val();
            let end_probation = $('#end_probation').val();
            let personal_email = $('#personal_email').val();
            let birth_date = $('#birth_date').val();
            let phone_number = $('#phone_number').val();
            let extension_number = $('#extension_number').val();
            let mobile_number = $('#mobile_number').val();
            let address = $('#address').val();
            let gender = $('#gender').val();
            let marital_status = $('#marital_status').val();
            let labor_card = $('#labor_card').val();
            let labor_card_expiry = $('#labor_card_expiry').val();
            let mol_number = $('#mol_number').val();
            let resident_id = $('#resident_id').val();
            let citizen;
            if ($('input.checkbox_citizen').is(':checked')) {
                citizen = 1;
            }else{
                citizen = 0
            }
            let roster_shift;
            if ($('input.checkbox_roster_shift').is(':checked')) {
                roster_shift = 1;
            }else{
                roster_shift = 0
            }
            let contract_type = $('#contract_type').val();
            let end_of_contract = $('#end_of_contract').val();
            let emergency_name = $('#emergency_name').val();
            let relation = $('#relation').val();
            let emergency_phone_number = $('#emergency_phone_number').val();
            const method = 'POST';
            const url = "{{ route('user.update_personal_info') }}";
            const headers = {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            };
            const data = {
                user_id: user_id ,branch_id:branch_id ,emp_number :emp_number, nationality:nationality, religion:religion, national_id:national_id,passport_number:passport_number, hiring_date:hiring_date ,end_probation:end_probation,personal_email:personal_email,birth_date:birth_date,phone_number:phone_number,extension_number:extension_number
                ,mobile_number:mobile_number,address:address,gender:gender,marital_status:marital_status,labor_card:labor_card,labor_card_expiry:labor_card_expiry,mol_number:mol_number,resident_id:resident_id,contract_type:contract_type,end_of_contract:end_of_contract,emergency_name:emergency_name,relation:relation,emergency_phone_number:emergency_phone_number,citizen:citizen,roster_shift:roster_shift
            }
            $.ajax({
                method,
                url,
                headers,
                data, // data to be sent to server
                dataType: 'json', // type of data expecting back from server
                success: function (data) {
                    console.log(data);
                },
                error: function (data) {
                    console.log(data);
                }
            });
        });

        $('#form_submit').on('click','#user_professional_info_btn', function(e){
            e.preventDefault();
            let user_id = $('#pro_user_id').val();
            let branch_id = $('#branch_id').val();
            let position = $('#position').val();
            let work_location = $('#work_location').val();
            let department = $('#department').val();
            let section = $('#section').val();
            let main_project = $('#main_project').val();
            let hierarchy_group = $('#hierarchy_group').val();
            let work_type = $('#work_type').val();
            let direct_manager = $('#direct_manager').val();
            let supervisor = $('#supervisor').val();
            let effective_on = $('#effective_on').val();
            let expires_on = $('#expires_on').val();

            const method = 'POST';
            const url = "{{ route('user.update_professional_info') }}";
            const headers = {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            };
            const data = {
                user_id: user_id ,branch_id:branch_id,position: position ,work_location: work_location ,department: department ,section: section ,main_project: main_project ,hierarchy_group: hierarchy_group ,work_type: work_type ,direct_manager: direct_manager ,
                supervisor:supervisor, effective_on:effective_on, expires_on:expires_on
            }
            $.ajax({
                method,
                url,
                headers,
                data, // data to be sent to server
                dataType: 'json', // type of data expecting back from server
                success: function (data) {
                    console.log(data);
                },
                error: function (data) {
                    console.log(data);
                }
            });
        });

        $('#form_submit').on('click','#user_salary_btn', function(e){
            e.preventDefault();
            let user_id = $('#user_id').val();
            let branch_id = $('#branch_id').val();
            let resident ;
            if ($('input.resident').is(':checked')) {
                resident = 1;
            }else{
                resident = 0
            }
            let basic_salary = $('#basic_salary').val();
            let Basic_salary_currency = $('#Basic_salary_currency').val();
            let salary_count = $('#salary_count').val();
            let gl_account_number = $('#gl_account_number').val();
            let salary_transferred_form = $('#salary_transferred_form').val();
            let payment_method = $('#payment_method').val();
            let basic_salary_chart_of_acc = $('#basic_salary_chart_of_acc').val();
            let basic_allowance_amount = $('#basic_allowance_amount').val();
            let chart_of_acc_transportation = $('#chart_of_acc_transportation').val();
            let transport_allowances_amount = $('#transport_allowances_amount').val();
            let chart_of_acc_housing = $('#chart_of_acc_housing').val();
            let housing_allowances_amount = $('#housing_allowances_amount').val();
            let chart_of_acc_medical = $('#chart_of_acc_medical').val();
            let medical_allowances_amount = $('#medical_allowances_amount').val();
            let chart_of_acc_other = $('#chart_of_acc_other').val();
            let other_allowances_amount = $('#other_allowances_amount').val();
            let chart_of_acc_eobi_expense = $('#chart_of_acc_eobi_expense').val();
            let eobi_allowances_amount = $('#eobi_allowances_amount').val();
            let chart_of_acc_social_ins_expense = $('#chart_of_acc_social_ins_expense').val();
            let social_ins_expense_amount = $('#social_ins_expense_amount').val();
            let chart_of_acc_gosi = $('#chart_of_acc_gosi').val();
            let gosi_allowances_amount = $('#gosi_allowances_amount').val();
            let gosi_gl_account_number = $('#gosi_gl_account_number').val();
            let gosi_salary = $('#gosi_salary').val();
            let chart_of_acc_services = $('#chart_of_acc_services').val();
            let provident_fund_amount = $('#provident_fund_amount').val();
            let gosi_currency = $('#gosi_currency').val();
            let gosi_number = $('#gosi_number').val();
            let gosi_rule = $('#gosi_rule').val();
            let gosi_participation = $('#gosi_participation_date').val();
            let effective_on = $('#effective_on_date').val();
            const method = 'POST';
            const url = "{{ route('user.update_salary_info') }}";
            const headers = {
                'X-CSRF-TOKEN': $('input[name="_token"]').val()
            };
            const data = {
                user_id: user_id , branch_id:branch_id ,basic_salary: basic_salary ,Basic_salary_currency: Basic_salary_currency ,salary_count: salary_count ,gl_account_number: gl_account_number ,salary_transferred_form: salary_transferred_form , basic_salary_chart_of_acc : basic_salary_chart_of_acc, basic_allowance_amount : basic_allowance_amount, chart_of_acc_transportation : chart_of_acc_transportation , transport_allowances_amount: transport_allowances_amount
                ,chart_of_acc_housing : chart_of_acc_housing ,housing_allowances_amount : housing_allowances_amount, chart_of_acc_medical : chart_of_acc_medical , medical_allowances_amount : medical_allowances_amount ,chart_of_acc_other : chart_of_acc_other, other_allowances_amount: other_allowances_amount , chart_of_acc_eobi_expense :chart_of_acc_eobi_expense , eobi_allowances_amount : eobi_allowances_amount , chart_of_acc_social_ins_expense : chart_of_acc_social_ins_expense,social_ins_expense_amount : social_ins_expense_amount , chart_of_acc_gosi :chart_of_acc_gosi ,gosi_allowances_amount :gosi_allowances_amount, payment_method: payment_method ,
                gosi_salary: gosi_salary ,gosi_currency: gosi_currency , gosi_number:gosi_number, gosi_rule:gosi_rule, gosi_participation:gosi_participation, effective_on :effective_on,gosi_gl_account_number:gosi_gl_account_number,chart_of_acc_services :chart_of_acc_services,provident_fund_amount:provident_fund_amount,resident:resident,
            }
            $.ajax({
                method,
                url,
                headers,
                data, // data to be sent to server
                dataType: 'json', // type of data expecting back from server
                success: function (data) {
                    console.log(data);
                    Swal.fire({
                        icon: 'success',
                        title: `${data.status}`,
                        text: `${data.message}`,
                    }).then(function(result) {
                        if (result.value) {
                            location.href = "{{ route('user.list') }}";
                        }
                    });
                },
                error: function (data) {
                    console.log(data);
                }
            });
        });

    </script>

@endpush