@extends('layouts/contentLayoutMaster')

@section('title', 'Edit Employee')

@section('vendor-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection

@section('content')
    <!-- Basic multiple Column Form section start -->
    <section id="multiple-column-form">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"><b>Personal Details</b></h4>
                    </div>
                    <div class="card-body">
                        @if ($message = Session::get('success'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $message }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        @if ($message = Session::get('error'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $message }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        <form class="form" id="myForm" novalidate method="POST" action="{{ route('hr.employees.update', $employee->_id) }}">
                            @csrf
                            @method('PUT')
                            <div class="row">
                                <div class="col-12 mb-1">
                                    <div class="mb-1">
                                           <h6 class="text-secondary"><b>User : {{$userData ? $userData->name . ' ('. $userData->user_name .')'.'' : 'None'}}</b></h6>
                                           <h6 class="text-secondary"><b>Plant : {{$plant ? $plant : 'None'}}</b></h6>
                                           <h6 class="text-secondary"><b>Area Office : {{$ao ? $ao : 'None'}}</b></h6>  
                                           <h6 class="text-secondary"><b>Collection Point : {{$cp ? $cp : 'None'}}</b></h6>
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="full_name">Full Name </label>
                                        <input type="text" id="full_name" class="form-control"
                                            placeholder="Enter Full Name" name="name" value="{{ old('name', $employee->name) }}" required/>
                                        @error('name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="full_name">Father Name *</label>
                                        <input type="text" id="father_name" class="form-control"
                                            placeholder="Enter Father Name" name="father_name" value="{{ old('father_name', $employee->father_name) }}" required />
                                        @error('father_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="email">Email *</label>
                                        <input type="email" id="email" class="form-control" placeholder="Enter Email"
                                            name="email" value="{{ old('email', $employee->email) }}" required />
                                        @error('email')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="gender">Select Gender</label>
                                        <select id="gender" class="form-control" name="gender" required>
                                            <option value="" selected disabled>Select Gender</option>
                                            <option value="male" {{ (old('gender', $employee->gender) == 'male' ? 'selected' : '') }}>Male</option>
                                            <option value="female" {{ (old('gender', $employee->gender) == 'female' ? 'selected' : '') }}>Female</option>
                                            <option value="other" {{ (old('gender', $employee->gender) == 'other' ? 'selected' : '') }}>Other</option>
                                        </select>
                                        @error('gender')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                  <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="sap_code">Sap Code</label>
                                        <input type="text" id="sap_code" class="form-control"
                                            placeholder="Enter Sap Code" name="sap_code" value="{{ old('sap_code', $employee->sap_code) }}" />
                                        @error('sap_code')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="joining_date">Joining Date *</label>
                                        <input type="date" id="joining_date" class="form-control" placeholder="Enter Joining Date"
                                            name="joining_date" value="{{ old('joining_date', $employee->joining_date) }}" required/>
                                        @error('joining_date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="resignation_date">Resign Date </label>
                                        <input type="date" id="resignation_date" class="form-control" placeholder="Enter Resign Date"
                                            name="resignation_date" value="{{ old('resignation_date', $employee->resignation_date) }}" />
                                        @error('resignation_date')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6 col-12">
                                    <div class="mt-1 mb-1">
                                        <label class="form-label" for="status">Status</label>
                                        <div class="form-check form-switch form-check-primary">
                                            <input type="checkbox" class="form-check-input" id="status"
                                                name="status" value="1"
                                                {{ old('status', $employee->status) == '1' ? 'checked' : '' }} />
                                            <label class="form-check-label" for="status">
                                                <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>
                                <div class="row mt-2">
                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                        <ul class="nav nav-tabs scroller" id="myTab" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" data-toggle="tab" id="company-tab-dtl" href="#company-tab"
                                                    role="tab" aria-controls="company-tab"
                                                    aria-selected="true">Company</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" id="personal-tab-dtl" href="#personal-tab"
                                                    role="tab" aria-controls="personal-tab"
                                                    aria-selected="false">Personal</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" id="contact-tab-dtl" href="#contact-tab"
                                                    role="tab" aria-controls="contact-tab"
                                                    aria-selected="false">Contact Details</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link"  data-toggle="tab"
                                                    href="#qualification-tab" role="tab" id="qualification-tab-dtl" aria-controls="qualification-tab"
                                                    aria-selected="false">Qualification & Experience</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="bank-dtl-tab" data-toggle="tab" href="#bank-tab"
                                                    role="tab" aria-controls="bank-tab" aria-selected="false">Bank
                                                    Details</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="next-of-kin-dtls-tab" data-toggle="tab"
                                                    href="#next-of-kin-tab" role="tab" aria-controls="next-of-kin-tab"
                                                    aria-selected="false">Next of Kin</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" id="family-dtl-tab" data-toggle="tab"
                                                    href="#family-tab" role="tab" aria-controls="family-tab"
                                                    aria-selected="false">Family Details</a>
                                            </li>
                                            @if ($employee->access_level == 2 && $userData)                                            
                                                <li class="nav-item">
                                                    <a class="nav-link" id="cp-dtl-tab" data-toggle="tab"
                                                        href="#cp-tab" role="tab" aria-controls="cp-tab"
                                                        aria-selected="false">Collection Centers</a>
                                                </li>
                                            @endif
                                        </ul>
                                        <div class="tab-content tab-data" style="padding: 5px;" id="myTabContent">
                                            <div class="tab-pane fade show active" id="company-tab" role="tabpanel" aria-labelledby="company-tab-dtl">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Company Details</h2>
                                                    </div>
                                            
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Select Designation</label>
                                                            <select id="designation_id" class="form-control" name="designation_id" required>
                                                                <option value="" disabled>Select Employee Designation</option>
                                                                @foreach ($designations as $designation)
                                                                    <option value="{{ $designation->_id }}" 
                                                                        {{ (old("designation_id", $employee->designation_id ?? '') == $designation->_id) ? "selected" : "" }}>
                                                                        {{ $designation->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('designation_id')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    @if (!isset($employee->user_id) && $employee->user_id == null && empty($employee->user_id) )
                                                        
                                                        <div class="col-md-4 col-12">
                                                            <div class="mb-1">
                                                                <label class="form-label" for="user_exists">User Exists</label>
                                                                <select id="user_exists" class="form-control" name="user_exists">
                                                                    <option value="" selected disabled>User Exists</option>
                                                                    <option value="yes" {{ (Input::old("user_exists") == 'yes'  ? "selected":"") }}>Yes</option>
                                                                    <option value="no" {{ (Input::old("user_exists") == 5  ? "selected":"") }}>No</option>
                                                                </select>
                                                            </div>
                                                        </div> 
                                                        <div class="col-md-4 col-12" id="user_select">
                                                            <div class="mb-1">
                                                                <label class="form-label">Select User</label>
                                                                {{-- <select id="user_id" class="form-control" name="user_id" required>
                                                                    <option value="" selected disabled>Select User</option>
                                                                    @foreach ($users as $user)
                                                                        <option value="{{$user->_id}}" data-access_level="{{$user->access_level}}" 
                                                                            data-parent_id="{{$user->parent_id}}" 
                                                                            data-access_level_id="{{ isset($user->access_level_ids[0]) ? $user->access_level_ids[0] : '' }}"
                                                                            {{ (old("user_id") == $user->_id ? "selected":"") }}>
                                                                            {{$user->name}} ({{$user->user_name}})
                                                                        </option>
                                                                    @endforeach
                                                                </select> --}}
                                                                  <select id="user_id" class="form-control appendUsers" name="user_id" required>
                                                               
                                                               
                                                            </select>
                                                            </div>
                                                        </div>
                                                        <div class="row p-0 m-0 userAccess">
                                                            <div class="col-md-4 col-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label" for="mcc-latitude">Select Entity</label>
                                                                    <select id="role_dropdown" class="form-control" name="access_level" >
                                                                        <option value="" selected disabled>Select Entity</option>
                                                                        <option value="6" data-access="6" {{ (Input::old("access_level") == 6  ? "selected":"") }}>Plant</option>
                                                                        {{-- <option value="5" data-access="5" {{ (Input::old("access_level") == 5  ? "selected":"") }}>Departments</option>
                                                                        <option value="4" data-access="4" {{ (Input::old("access_level") == 4  ? "selected":"") }}>Sections</option>
                                                                        <option value="3" data-access="3" {{ (Input::old("access_level") == 3  ? "selected":"") }}>Zones</option> --}}
                                                                        <option value="2" data-access="2" {{ (Input::old("access_level") == 2  ? "selected":"") }}>Area Office</option>
                                                                        <option value="1" data-access="1" {{ (Input::old("access_level") == 1  ? "selected":"") }}>Collection Points</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 col-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label" for="parent_id">Choose Parent for Access Level</label>
                                                                    <select id="parent_id" name="parent_id"></select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 col-12">
                                                                <div class="mb-1">
                                                                    <label class="form-label" for="access_level_id">Choose Access Level</label>
                                                                    <select id="access_level_id" name="access_level_id" ></select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Select Category</label>
                                                            <select id="category_id" class="form-control" name="category_id" required onchange="getDropdownData()">
                                                                <option value="" disabled>Select Category</option>
                                                                @foreach ($categories as $category)
                                                                    <option value="{{ $category->_id }}" {{ (old("category_id", $employee->category_id ?? '') == $category->_id) ? "selected" : "" }}>
                                                                        {{ $category->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('category_id')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <div class="col-md-4 col-12">
                                                        <label class="form-label">Select Type </label><small> (Optional)</small>
                                                        <select id="type_id" name="type_id" class="select2 form-select">
                                                            <option value="" {{ (old("type_id", $employee->type_id ?? '') == '') ? "selected" : "" }}>None</option>
                                                           
                                                        </select>
                                                    </div>
                                            
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Emp Grade</label>
                                                            <input type="text" id="employee_grade" class="form-control" placeholder="Enter Employee Grade" 
                                                                name="employee_grade" value="{{ old('employee_grade', $employee->employee_grade ?? '') }}" required />
                                                            @error('employee_grade')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Gross Salary</label>
                                                            <input type="text" id="gross_salary" class="form-control" placeholder="Enter Gross Salary" 
                                                                name="gross_salary" value="{{ old('gross_salary', $employee->gross_salary ?? '') }}" required />
                                                            @error('gross_salary')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="personal-tab" role="tabpanel"
                                            aria-labelledby="personal-tab-dtl">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Personal Details</h2>
                                                    </div>
                                            
                                                    @php
                                                        $fields = [
                                                            ['label' => 'Nationality', 'name' => 'nationality', 'type' => 'text', 'placeholder' => 'Enter Nationality'],
                                                            ['label' => 'Religion', 'name' => 'religion', 'type' => 'text', 'placeholder' => 'Enter Religion'],
                                                            ['label' => 'Date of Birth', 'name' => 'dob', 'type' => 'date'],
                                                            ['label' => 'CNIC', 'name' => 'cnic', 'type' => 'text', 'placeholder' => 'CNIC XXXXX-XXXXXXX-X', 'class' => 'cnic'],
                                                            ['label' => 'CNIC Issuance Date', 'name' => 'cnic_issuance_date', 'type' => 'date'],
                                                            ['label' => 'CNIC Expiry Date', 'name' => 'cnic_expiry_date', 'type' => 'date'],
                                                            ['label' => 'NTN', 'name' => 'ntn', 'type' => 'text', 'placeholder' => 'Enter NTN Number', 'class' => 'ntn'],
                                                        ];
                                                    @endphp
                                            
                                                    @foreach ($fields as $field)
                                                        <div class="col-md-4 col-12">
                                                            <div class="mb-1">
                                                                <label class="form-label" for="{{ $field['name'] }}">{{ $field['label'] }}</label>
                                                                <input type="{{ $field['type'] }}" id="{{ $field['name'] }}" 
                                                                    class="form-control {{ $field['class'] ?? '' }}"
                                                                    name="{{ $field['name'] }}" 
                                                                    placeholder="{{ $field['placeholder'] ?? '' }}"
                                                                    value="{{ old($field['name'], $employee->{$field['name']} ?? '') }}" 
                                                                    required />
                                                                @error($field['name'])
                                                                    <span class="text-danger">{{ $message }}</span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    @endforeach
                                            
                                                    <!-- Marital Status Dropdown -->
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="marital_status">Marital Status</label>
                                                            <select id="marital_status" class="form-control" name="marital_status" required>
                                                                <option value="" disabled {{ old('marital_status', $employee->marital_status ?? '') == '' ? 'selected' : '' }}>Select Marital Status</option>
                                                                @foreach (['single', 'married', 'divorced', 'widowed'] as $status)
                                                                    <option value="{{ $status }}" {{ old('marital_status', $employee->marital_status ?? '') == $status ? 'selected' : '' }}>
                                                                        {{ ucfirst($status) }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('marital_status')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                            
                                                    <!-- Blood Group Dropdown -->
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="blood_group">Blood Group</label>
                                                            <select id="blood_group" class="form-control" name="blood_group" required>
                                                                <option value="" disabled {{ old('blood_group', $employee->blood_group ?? '') == '' ? 'selected' : '' }}>Select Blood Group</option>
                                                                @foreach (['A+', 'A-', 'B+', 'B-', 'O+', 'O-', 'AB+', 'AB-'] as $blood)
                                                                    <option value="{{ $blood }}" {{ old('blood_group', $employee->blood_group ?? '') == $blood ? 'selected' : '' }}>
                                                                        {{ $blood }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('blood_group')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="contact-tab" role="tabpanel"
                                                aria-labelledby="contact-tab-dtl">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Contact Details</h2>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="phone">Contact Number 1</label>
                                                            <input type="text" id="phone" class="form-control phone" name="contact1" value="{{ old('contact1', $employee->contact1) }}" required />
                                                            @error('contact1')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Contact Number 2</label>
                                                            <input type="text" class="form-control" name="contact2" value="{{ old('contact2', $employee->contact2) }}" />
                                                            @error('contact2')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="permanent_address">Home Address (Permanent)</label>
                                                            <input type="text" id="permanent_address" class="form-control" name="permanent_address" value="{{ old('permanent_address', $employee->permanent_address) }}" required />
                                                            @error('permanent_address')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="present_address">Home Address (Present)</label>
                                                            <input type="text" id="present_address" class="form-control" name="present_address" value="{{ old('present_address', $employee->present_address) }}" required />
                                                            @error('present_address')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="qualification-tab" role="tabpanel" aria-labelledby="qualification-tab-dtl">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Qualification & Experience</h2>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="qualification">Last Degree</label>
                                                            <input type="text" id="qualification" class="form-control" name="qualification"
                                                                placeholder="Last Degree" value="{{ old('qualification', $employee->qualification) }}" />
                                                            @error('qualification')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Degree Completion Year</label>
                                                            <input type="text" class="form-control" name="degree_completion_date"
                                                                placeholder="Degree Completion Year" value="{{ old('degree_completion_date', $employee->degree_completion_date) }}" />
                                                            @error('degree_completion_date')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="grade">Grade</label>
                                                            <input type="text" id="grade" class="form-control" name="grade"
                                                                placeholder="Enter Grade" value="{{ old('grade', $employee->grade) }}" />
                                                            @error('grade')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="experience">Years Of Experience</label>
                                                            <input type="text" id="experience" class="form-control" name="experience"
                                                                placeholder="Years of Experience" value="{{ old('experience', $employee->experience) }}" />
                                                            @error('experience')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="previous_organization">Previous Organization</label>
                                                            <input type="text" id="previous_organization" class="form-control" name="previous_organization"
                                                                placeholder="Previous Organization" value="{{ old('previous_organization', $employee->previous_organization) }}" />
                                                            @error('previous_organization')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="reference">Reference</label>
                                                            <input type="text" id="reference" class="form-control" name="reference"
                                                                placeholder="Reference" value="{{ old('reference', $employee->reference) }}" />
                                                            @error('reference')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="reference_details">Reference Details</label>
                                                            <input type="text" id="reference_details" class="form-control" name="reference_details"
                                                                placeholder="Reference Details" value="{{ old('reference_details', $employee->reference_details) }}" />
                                                            @error('reference_details')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="bank-tab" role="tabpanel"
                                                aria-labelledby="bank-dtl-tab">
                                                <div class="row">
                                                    @include('content._partials._sections.edit_bank', [
                                                        'bank_detail' => $employee,
                                                    ])
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="next-of-kin-tab" role="tabpanel" aria-labelledby="next-of-kin-dtls-tab">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Next of Kin Details</h2>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_name">Name</label>
                                                            <input type="text" id="next_of_kin_name" class="form-control" name="next_of_kin_name" placeholder="Name" value="{{ old('next_of_kin_name', $employee->next_of_kin_name) }}" />
                                                            @error('next_of_kin_name')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="relation">Relation</label>
                                                            <input type="text" id="relation" class="form-control" name="relation" placeholder="Relation" value="{{ old('relation', $employee->relation) }}" />
                                                            @error('relation')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_dob">Date of Birth</label>
                                                            <input type="date" id="next_of_kin_dob" class="form-control" name="next_of_kin_dob" value="{{ old('next_of_kin_dob', $employee->next_of_kin_dob) }}" required />
                                                            @error('next_of_kin_dob')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_cnic">CNIC</label>
                                                            <input type="text" id="next_of_kin_cnic" class="form-control cnic" name="next_of_kin_cnic" placeholder="Next Of Kin CNIC" value="{{ old('next_of_kin_cnic', $employee->next_of_kin_cnic) }}" />
                                                            @error('next_of_kin_cnic')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_contact1">Contact Number 1</label>
                                                            <input type="text" id="next_of_kin_contact1" class="form-control phone" name="next_of_kin_contact1" placeholder="Next of Kin Contact 1" value="{{ old('next_of_kin_contact1', $employee->next_of_kin_contact1) }}" required />
                                                            @error('next_of_kin_contact1')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label">Contact Number 2</label>
                                                            <input type="text" class="form-control" name="next_of_kin_contact2" placeholder="Next of Kin Contact 2" value="{{ old('next_of_kin_contact2', $employee->next_of_kin_contact2) }}" />
                                                            @error('next_of_kin_contact2')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_permanent_address">Home Address (Permanent)</label>
                                                            <input type="text" id="next_of_kin_permanent_address" class="form-control" name="next_of_kin_permanent_address" placeholder="Next of Kin Permanent Home Address" value="{{ old('next_of_kin_permanent_address', $employee->next_of_kin_permanent_address) }}" required />
                                                            @error('next_of_kin_permanent_address')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="next_of_kin_present_address">Home Address (Present)</label>
                                                            <input type="text" id="next_of_kin_present_address" class="form-control" name="next_of_kin_present_address" placeholder="Next of Kin Present Home Address" value="{{ old('next_of_kin_present_address', $employee->next_of_kin_present_address) }}" required />
                                                            @error('next_of_kin_present_address')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="family-tab" role="tabpanel" aria-labelledby="family-dtl-tab">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Family Details</h2>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="spouse_name">Spouse Name</label>
                                                            <input type="text" id="spouse_name" class="form-control" placeholder="Spouse Name" name="spouse_name" value="{{ old('spouse_name', $employee->spouse_name ?? '') }}" />
                                                            @error('spouse_name')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 col-12">
                                                        <div class="mb-1">
                                                            <label class="form-label" for="spouse_dob">Spouse Date of Birth</label>
                                                            <input type="date" id="spouse_dob" class="form-control" name="spouse_dob" value="{{ old('spouse_dob', $employee->spouse_dob ?? '') }}" required />
                                                            @error('spouse_dob')
                                                                <span class="text-danger">{{ $message }}</span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row dynamic-entry m-0 p-0">
                                                        <div class="col-12 mb-1 mt-1">
                                                            <h3>Children</h3>
                                                        </div>
                                                       
                                                        @foreach ($employee->children as $child)
                                                            <div class="row dynamic-entry">
                                                                <div class="col-md-5 col-12">
                                                                    <div class="mb-1">
                                                                        <label class="form-label" for="children_name">Children Name</label>
                                                                         <input type="text" class="form-control" name="children_name[]" placeholder="Enter Child Name" value="{{ old('children_name[]', $child['children_name'] ?? '') }}" />
                                                                        @error('children_name[]')
                                                                            <span class="text-danger">{{ $message }}</span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3 col-12">
                                                                    <div class="mb-1">
                                                                        <label class="form-label" for="children_dob">Children DOB</label>
                                                                        <input type="date" class="form-control" name="children_dob[]" value="{{ old('children_dob[]', $child['dob'] ?? '') }}" />
                                                                        @error('children_dob[]')
                                                                            <span class="text-danger">{{ $message }}</span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3 col-12">
                                                                    <div class="mb-1">
                                                                        <label class="form-label" for="gender">Gender</label>
                                                                        <select class="form-control" name="children_gender[]">
                                                                            <option value="" disabled>Select Gender</option>
                                                                            <option value="male" {{ old('children_gender[]', $child['gender'] ?? '') == 'male' ? 'selected' : '' }}>Male</option>
                                                                            <option value="female" {{ old('children_gender[]', $child['gender'] ?? '') == 'female' ? 'selected' : '' }}>Female</option>
                                                                            <option value="other" {{ old('children_gender[]', $child['gender'] ?? '') == 'other' ? 'selected' : '' }}>Other</option>
                                                                        </select>
                                                                        @error('children_gender[]')
                                                                            <span class="text-danger">{{ $message }}</span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-1 col-12 mt-2">
                                                                    <button type="button" class="btn btn-danger removeEntry">-</button>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                        <div class="col-12 m-0 p-0">
                                                            <button type="button" id="addEntry" class="btn btn-success" style="margin-left:15px; margin-top:5px">Add More +</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="cp-tab" role="tabpanel" aria-labelledby="cp-dtl-tab">
                                                <div class="row">
                                                    <div class="col-md-12 mb-1">
                                                        <h2>Collection Centers</h2>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-5">
                                                            <label class="form-label">Collection Center</label>
                                                            <select class="select2 form-select" multiple name="collectionPoints[]" data-placeholder="Choose Collection Center">
                                                                @foreach ($collectionPoints as $data)
                                                                    <option value="{{ $data['_id'] }}" 
                                                                        {{ $employee->collectionPoints && in_array($data['_id'], $employee->collectionPoints) ? 'selected' : '' }}>
                                                                        {{ $data['name'] }}
                                                                        @if (!empty($data['is_mcc']) && ($data['is_mcc'] == "1" || $data['is_mcc'] == 1 ))
                                                                            (FFL Owned)
                                                                        @endif
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            
                                            
                                        </div>  
                                    </div>  
                                </div>    
                                <!-- Add other fields similarly -->
                                <div class="row mt-3">
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary me-1" style="margin-left:5px">Update</button>
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('users.index') }}">Cancel</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Basic Floating Label Form section end -->
@endsection

@section('vendor-script')
    {{-- Vendor js files --}}
    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('/js/custom.js') }}"></script>
@endsection

@section('page-script')
<script src="{{ asset('js/scripts/forms/form-select2.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $('#myTab a').on('click', function(e) {
                e.preventDefault();
                $(this).tab('show');
            });

            // Initialize select2 and other scripts as needed
            $('#user_id').select2();
            $('#role_dropdown').select2();
            $('#category_id').select2();
            $('#access_level_id').select2({
                placeholder: "Access level"
            });
            $('#parent_id').select2({
                placeholder: "Choose Parent"
            });
            $('#role_dropdown').trigger('change');

            var selectedCategoryId = '{{ $employee->category_id ? $employee->category_id : '' }}'; // Ensure it's a string
            $('#category_id').val(selectedCategoryId).trigger('change');

        });

        $('#role_dropdown').change(function(e) {
            var accessLevel = $(this).find(':selected').data('access');
            var formData = new FormData();
            formData.append('access_level', accessLevel);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                method: 'POST',
                url: "{{ route('hr.get.employee.access.level.parent') }}",
                contentType: false,
                processData: false,
                data: formData,
                success: function(response) {
                    if (response.success) {
                        $('#parent_id').html('');
                        $.each(response.records, function(index, val) {
                            $('#parent_id').append('<option value="' + val['_id'] + '">' + val[
                                'name'] + '</option>');
                        });
                    }
                    if( $('#user_id').val() && $('#user_id').val() !== '' && $('#user_id').val() != null)
                    { 
                        const val = $('#user_id').find(':selected').data('parent_id');
                        $('#parent_id').val(val).trigger('change');                        
                    }
                    else
                    {
                        $('#parent_id').trigger('change');
                    }
                }
            });
        });

        $('#parent_id').change(function(e) {
            var accessLevel = $("#role_dropdown").find(':selected').data('access');
            var isSingle = $("#role_dropdown").find(':selected').data('single');
            var parent_id = $(this).find(':selected').val();
            var formData = new FormData();
            formData.append('access_level', accessLevel);
            formData.append('parent_id', parent_id);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                url: "{{ route('hr.get.employee.access.level.dropdown') }}",
                method: 'POST',
                contentType: false,
                processData: false,
                data: formData,
                success: function(response) {
                    if (response.success) {
                        $('#dispatch_point_id').html('');
                        $('#access_level_id').html('');
                        $.each(response.records, function(index, val) {
                            if (isSingle == 1)
                                $('#access_level_id').removeAttr('multiple');
                            $('#access_level_id').append('<option value="' + val['_id'] + '">' +
                                val['name'] + '</option>');
                        });

                        if( $('#user_id').val() && $('#user_id').val() !== '' && $('#user_id').val() != null)
                        {
                            const val = $('#user_id').find(':selected').data('access_level_id');
                            $('#access_level_id').val(val).trigger('change');                        
                        }
                        else
                        {
                            // var selectedValue = $('#access_level_id').val();
                            $('#access_level_id').trigger('change');
                        }
                    }
                }
            });
        });

        function getDropdownData() {
            $.ajax('{{ route('hr.get.employee-category-types') }}', {
                type: 'get',
                data: {
                    id: $('#category_id').val()
                },
                success: function(data) {
                    $('#type_id').html(data.data);
                    var selectedTypeId = '{{ $employee->type_id ?? '' }}'; // Ensure it's a string

                    if (data.success && selectedTypeId) {
                        $('#type_id').val(selectedTypeId).trigger('change');
                    }
                },
                error: function() {
                    alert('Error Occurred');
                }
            });
        }

        $('#user_id').val('');
        $('#user_id').hide().removeAttr('required');
        $('#user_select').hide();
        $('#role_dropdown').prop('disabled',true).select2();
        $('#parent_id').prop('disabled',true).select2();
        $('#access_level_id').prop('disabled',true).select2();
        
        $('#role_dropdown').hide();
        $('#parent_id').hide();
        $('#access_level_id').hide();
        $('.userAccess').hide();

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

            let check = $(this).find(':selected').val();

            $('#role_dropdown').val('');
            $('#user_id').val('');
            $('#parent_id').val('');
            $('#access_level_id').val('');
            // $('#role_dropdown').trigger('change');
            // $('#parent_id').trigger('change');
            // $('#access_level_id').trigger('change');
            $('#user_id').trigger('change');

            if(check === 'yes')
            { 
                  $.ajax('{{ route('hr.get.users.byaccesslevel') }}', {
                    type: 'get',
                
                    success: function(data) {
                        if (data.success == true) {
                            $('.appendUsers').append(data.data)
                        }
                    
                    },
                    error: function(jqXhr, textStatus, errorMessage) {
                        alert('Error Occurred')
                    }
                });
                $('.userAccess').show();
                $('#user_select').show();
                $('#user_id').show().attr('required', 'required');
                $('#user_id').trigger('change');

                $('#role_dropdown').show();
                $('#parent_id').show();
                $('#access_level_id').show();

                // $('#role_dropdown').trigger('change');
                $('#role_dropdown').prop('disabled',true).select2();
                $('#parent_id').prop('disabled',true).select2();
                $('#access_level_id').prop('disabled',true).select2();

            }
            else
            {
                $('#role_dropdown').hide();
                $('#parent_id').hide();
                $('#access_level_id').hide();

                $('#user_id').hide().removeAttr('required');
                $('#user_select').hide();
                $('.userAccess').hide();

                $('#role_dropdown').val('');

                // $('#role_dropdown').prop('disabled',false).select2();
                // $('#parent_id').prop('disabled',false).select2();
                // $('#access_level_id').prop('disabled',false).select2();
            }
            
        }
    );

        $('#user_id').change(function () {
            var selectedOption = $(this).find(':selected'); // Get the selected option

            var accessLevel = selectedOption.data('access_level'); 
            // var parentId = selectedOption.data('parent_id');
            // var accessLevelId = selectedOption.data('access_level_id');

            // console.log("Access Level: " + accessLevel);
            // console.log("Parent ID: " + parentId);
            // console.log("Access Level ID: " + accessLevelId);

            $('#role_dropdown').val(accessLevel).trigger('change');
        });

        $("#myForm").submit(function (event) {
            event.preventDefault(); // Prevent default form submission

            let isValid = true;

            // Check required fields
            $("input[required], select[required]").each(function () {
                let fieldValue = $(this).val() ? $(this).val().trim() : "";
                let fieldLabel = $(this).attr("placeholder") || $(this).prev("label").text();

                if (fieldValue === "") {
                    alert(fieldLabel + " is required!");
                    $(this).focus(); // Focus on first invalid field
                    isValid = false;
                    return false; // Stop loop
                }
            });

            // Check email validation only if the email field exists and is required
            let emailInput = document.getElementById("email");
            if (emailInput) {
                let emailValue = emailInput.value.trim();
                let emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

                if (emailInput.hasAttribute("required") && emailValue === "") {
                    alert("Email is required!");
                    emailInput.focus();
                    return false;
                }

                if (emailValue !== "" && !emailPattern.test(emailValue)) {
                    alert("Invalid Email! Please enter a valid email address.");
                    emailInput.focus();
                    return false;
                }
            }

            if (isValid) {

                // Remove any existing hidden fields first
                $('input[name="role_dropdown1"]').remove();
                $('input[name="parent_id1"]').remove();
                $('input[name="access_level_id1"]').remove();
                $('#myForm').append('<input type="hidden" name="role_dropdown1" value="' + $('#role_dropdown').val() + '">');
                $('#myForm').append('<input type="hidden" name="parent_id1" value="' + $('#parent_id').val() + '">');
                $('#myForm').append('<input type="hidden" name="access_level_id1" value="' + $('#access_level_id').val() + '">');


                let formData = $("#myForm").serialize();
                let employeeId = "{{ $employee->id }}"; // Get employee ID from Blade
                let updateUrl = '{{ route("hr.employees.update", ":id") }}'.replace(':id', employeeId);

                $.ajax({
                    url: updateUrl,
                    method: 'PUT', // Use PUT for updating records
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    data: formData,
                    success: function (response) {
                        if (response.success == true) {
                            showAlert('success', response.message);
                            location.reload();
                        } else {
                            showAlert('error', response.message);
                        }
                    }
                });
            }
        });


         // Add Entry Button
         $('#addEntry').click(function() {
            var entryHtml = `
        <div class="row dynamic-entry m-0 p-0">
            <div class="col-md-5 col-12">
                <div class="mb-1">
                    <input type="text" required class="form-control" name="children_name[]" placeholder="Enter Child Name" />
                </div>
            </div>
            <div class="col-md-3 col-12">
                <div class="mb-1">
                    <input type="date" required class="form-control" name="children_dob[]" />
                </div>
            </div>
            <div class="col-md-3 col-12">
                <div class="mb-1">
                    <select class="form-control" name="children_gender[]" required>
                        <option value="" selected disabled>Select Gender</option>
                        <option value="male">Male</option>
                        <option value="female">Female</option>
                        <option value="other">Other</option>
                    </select>
                </div>
            </div>
            <div class="col-md-1 col-12">
                <button type="button" class="btn btn-danger removeEntry">-</button>
            </div>
        </div>`;

                $(entryHtml).insertBefore('#addEntry');
            });

            // Remove Entry Button
            $(document).on('click', '.removeEntry', function() {
                $(this).closest('.dynamic-entry').remove();
            });

        // Add other scripts as needed
    </script>
         {{-- <script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script> --}}
        <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/jquery.inputmask.min.js"></script>
     <script>
            $('.cnic').inputmask({
             mask: '99999-9999999-9'
         });
         $('.phone').inputmask({
             mask: '+\\92-399-9999999'
         });
         $('.ntn').inputmask({
             mask: '99999-9999999-9'
         });
     </script>
@endsection