@extends('tenants.layouts.master')
@section('title')
    @if (isset($edit_list) and !empty($edit_list))
        @lang('Employee Edit')
    @else
        @lang('Employee Add')
    @endif
@endsection
@section('css')
    <link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
    <link href="{{ url('css/employee-new/employee.add.css') }}" rel="stylesheet" />
@endsection
@section('content')
    @component('tenants.components.breadcrumb')
        @slot('li_1')
            Employee
        @endslot
        @slot('title')
            {{ (isset($edit_list) and !empty($edit_list)) ? 'Edit' : 'Add' }} Employee
        @endslot
    @endcomponent

    <div class="row">
        <form action="" method="POST" id="employeeForm" enctype="multipart/form-data" class="p-0">
            @csrf
            <input value="{{ isset($edit_list['id']) ? $edit_list['id'] : '' }}" type="hidden" name="edit_id">
            <input value="{{ isset($edit_list['city']) ? $edit_list['city'] : '' }}" type="hidden" name="city_id">
            <input value="{{ isset($edit_list['state']) ? $edit_list['state'] : '' }}" type="hidden" name="state_id">
            <input value="{{ route('employee.list') }}" type="hidden" id="employeelisturl">
            <input value="{{ route('employee.store') }}" type="hidden" id="employeestoreURL">
            <input value="{{ route('employee.unique') }}" type="hidden" id="employeeunique">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header align-items-center d-flex pos-sticky">
                        <h4 class="card-title mb-0 flex-grow-1">Personal Details</h4>
                        @if (
                            (auth()->user()->can('employee create') && !(isset($edit_list) and !empty($edit_list))) ||
                                (auth()->user()->can('employee edit') && (isset($edit_list) and !empty($edit_list))))
                            <div>
                                <button class="btn btn_primary">Save</button>
                            </div>
                        @endif

                    </div><!-- end card header -->
                    <div class="card-body">
                        <div class="live-preview">
                            <div class="row gy-4">
                                <div class="col-12">
                                    <label for="" class="form-label">Upload New Image</label>
                                    <div class="file-upload-wrapper"
                                        onclick="document.getElementById('fileInput').click();">
                                        <svg class="svg add_edit_photo d-none" xmlns="http://www.w3.org/2000/svg"
                                            width="21" height="20" viewBox="0 0 21 20" fill="none">
                                            <path
                                                d="M12.9006 11.2008C12.9006 12.5263 11.8261 13.6008 10.5006 13.6008C9.1751 13.6008 8.10059 12.5263 8.10059 11.2008C8.10059 9.8753 9.1751 8.80078 10.5006 8.80078C11.8261 8.80078 12.9006 9.8753 12.9006 11.2008Z"
                                                stroke="#404040" stroke-width="1.5" />
                                            <circle cx="10.5002" cy="6.0002" r="0.8" fill="#404040" />
                                            <path
                                                d="M17.7008 12.8002V9.6002C17.7008 7.39106 15.9099 5.6002 13.7008 5.6002H13.6C13.2447 4.22001 11.9919 3.2002 10.5008 3.2002C9.00971 3.2002 7.75683 4.22001 7.4016 5.6002H7.30078C5.09164 5.6002 3.30078 7.39106 3.30078 9.6002V12.8002C3.30078 15.0093 5.09164 16.8002 7.30078 16.8002H13.7008C15.9099 16.8002 17.7008 15.0093 17.7008 12.8002Z"
                                                stroke="#404040" stroke-width="1.5" stroke-linejoin="round" />
                                        </svg>
                                        <input type="file" class="form-control" id="fileInput" accept=".jpg, .png, .gif"
                                            name="profile">
                                        @if (isset($edit_list->profiles->id))
                                            <img src="{{$edit_list->profile_image_url }}"
                                                alt="Image preview"
                                                style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px;">
                                        @endif


                                    </div>
                                    <p id="error-message" style="color: #f06548; display: none;">Only JPG, PNG, and GIF
                                        images are allowed.</p> <!-- Error message -->
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <label for="first_name" class="form-label">First Name <sup
                                                    class="required-start-icon ">*</sup></label>
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.5003 8.33366C12.3413 8.33366 13.8337 6.84127 13.8337 5.00033C13.8337 3.15938 12.3413 1.66699 10.5003 1.66699C8.65938 1.66699 7.16699 3.15938 7.16699 5.00033C7.16699 6.84127 8.65938 8.33366 10.5003 8.33366Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path
                                                        d="M17.1673 14.584C17.1673 16.6548 17.1673 18.334 10.5007 18.334C3.83398 18.334 3.83398 16.6548 3.83398 14.584C3.83398 12.5132 6.81898 10.834 10.5007 10.834C14.1823 10.834 17.1673 12.5132 17.1673 14.584Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                </svg>
                                            </span>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['f_name']) ? $edit_list['f_name'] : '' }}"
                                                placeholder="Enter First Name" name="first_name" id="first_name">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <label for="last_name" class="form-label">Last Name{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.5003 8.33366C12.3413 8.33366 13.8337 6.84127 13.8337 5.00033C13.8337 3.15938 12.3413 1.66699 10.5003 1.66699C8.65938 1.66699 7.16699 3.15938 7.16699 5.00033C7.16699 6.84127 8.65938 8.33366 10.5003 8.33366Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path
                                                        d="M17.1673 14.584C17.1673 16.6548 17.1673 18.334 10.5007 18.334C3.83398 18.334 3.83398 16.6548 3.83398 14.584C3.83398 12.5132 6.81898 10.834 10.5007 10.834C14.1823 10.834 17.1673 12.5132 17.1673 14.584Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                </svg>
                                            </span>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['l_name']) ? $edit_list['l_name'] : '' }}"
                                                placeholder="Enter Last Name" name="last_name" id="last_name">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <label for="employee_id" class="form-label">Employee
                                                ID{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M8.00065 9.16634C8.92113 9.16634 9.66732 8.42015 9.66732 7.49967C9.66732 6.5792 8.92113 5.83301 8.00065 5.83301C7.08018 5.83301 6.33398 6.5792 6.33398 7.49967C6.33398 8.42015 7.08018 9.16634 8.00065 9.16634Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path
                                                        d="M11.3337 12.4997C11.3337 13.4205 11.3337 14.1663 8.00033 14.1663C4.66699 14.1663 4.66699 13.4205 4.66699 12.4997C4.66699 11.5788 6.15866 10.833 8.00033 10.833C9.84199 10.833 11.3337 11.5788 11.3337 12.4997Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path
                                                        d="M2.16699 9.99967C2.16699 6.85717 2.16699 5.28551 3.14366 4.30967C4.12033 3.33384 5.69116 3.33301 8.83366 3.33301H12.167C15.3095 3.33301 16.8812 3.33301 17.857 4.30967C18.8328 5.28634 18.8337 6.85717 18.8337 9.99967C18.8337 13.1422 18.8337 14.7138 17.857 15.6897C16.8803 16.6655 15.3095 16.6663 12.167 16.6663H8.83366C5.69116 16.6663 4.11949 16.6663 3.14366 15.6897C2.16783 14.713 2.16699 13.1422 2.16699 9.99967Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path d="M16.3337 10H13.0003M16.3337 7.5H12.167M16.3337 12.5H13.8337"
                                                        stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round" />
                                                </svg>
                                            </span>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['employee_no']) ? $edit_list['employee_no'] : '' }}"
                                                placeholder="Enter Employee ID" name="employee_id" id="employee_id"
                                                pattern="^[a-zA-Z0-9_-]+$"
                                                title="Only alphanumeric characters, hyphens (-), and underscores (_) are allowed">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M2.16699 9.99967C2.16699 6.85698 2.16699 5.28563 3.1433 4.30932C4.11961 3.33301 5.69096 3.33301 8.83366 3.33301H12.167C15.3097 3.33301 16.881 3.33301 17.8573 4.30932C18.8337 5.28563 18.8337 6.85698 18.8337 9.99967V11.6663C18.8337 14.809 18.8337 16.3804 17.8573 17.3567C16.881 18.333 15.3097 18.333 12.167 18.333H8.83366C5.69096 18.333 4.11961 18.333 3.1433 17.3567C2.16699 16.3804 2.16699 14.809 2.16699 11.6663V9.99967Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path d="M6.33301 3.33301V2.08301" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path d="M14.667 3.33301V2.08301" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path d="M2.58301 7.5H18.4163" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path
                                                        d="M15.4997 14.1667C15.4997 14.6269 15.1266 15 14.6663 15C14.2061 15 13.833 14.6269 13.833 14.1667C13.833 13.7064 14.2061 13.3333 14.6663 13.3333C15.1266 13.3333 15.4997 13.7064 15.4997 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M15.4997 10.8333C15.4997 11.2936 15.1266 11.6667 14.6663 11.6667C14.2061 11.6667 13.833 11.2936 13.833 10.8333C13.833 10.3731 14.2061 10 14.6663 10C15.1266 10 15.4997 10.3731 15.4997 10.8333Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M11.3337 14.1667C11.3337 14.6269 10.9606 15 10.5003 15C10.0401 15 9.66699 14.6269 9.66699 14.1667C9.66699 13.7064 10.0401 13.3333 10.5003 13.3333C10.9606 13.3333 11.3337 13.7064 11.3337 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M11.3337 10.8333C11.3337 11.2936 10.9606 11.6667 10.5003 11.6667C10.0401 11.6667 9.66699 11.2936 9.66699 10.8333C9.66699 10.3731 10.0401 10 10.5003 10C10.9606 10 11.3337 10.3731 11.3337 10.8333Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M7.16667 14.1667C7.16667 14.6269 6.79357 15 6.33333 15C5.8731 15 5.5 14.6269 5.5 14.1667C5.5 13.7064 5.8731 13.3333 6.33333 13.3333C6.79357 13.3333 7.16667 13.7064 7.16667 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M7.16667 10.8333C7.16667 11.2936 6.79357 11.6667 6.33333 11.6667C5.8731 11.6667 5.5 11.2936 5.5 10.8333C5.5 10.3731 5.8731 10 6.33333 10C6.79357 10 7.16667 10.3731 7.16667 10.8333Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="date_of_birth" class="form-label ">Date of
                                                Birth{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <input type="text" class="form-control flat  flatpickr-input"
                                                data-provider="flatpickr" data-altFormat="m/d/Y"
                                                value="{{ (isset($edit_list['birth_date']) and $edit_list['birth_date'] != '') ? date('m/d/Y', strtotime($edit_list['birth_date'])) : '' }}"
                                                placeholder="Enter DOB" name="dob" id="date_of_birth">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M2.16699 9.99967C2.16699 6.85698 2.16699 5.28563 3.1433 4.30932C4.11961 3.33301 5.69096 3.33301 8.83366 3.33301H12.167C15.3097 3.33301 16.881 3.33301 17.8573 4.30932C18.8337 5.28563 18.8337 6.85698 18.8337 9.99967V11.6663C18.8337 14.809 18.8337 16.3804 17.8573 17.3567C16.881 18.333 15.3097 18.333 12.167 18.333H8.83366C5.69096 18.333 4.11961 18.333 3.1433 17.3567C2.16699 16.3804 2.16699 14.809 2.16699 11.6663V9.99967Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                    <path d="M6.33301 3.33301V2.08301" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path d="M14.667 3.33301V2.08301" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path d="M2.58301 7.5H18.4163" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" />
                                                    <path
                                                        d="M15.4997 14.1667C15.4997 14.6269 15.1266 15 14.6663 15C14.2061 15 13.833 14.6269 13.833 14.1667C13.833 13.7064 14.2061 13.3333 14.6663 13.3333C15.1266 13.3333 15.4997 13.7064 15.4997 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M15.4997 10.8333C15.4997 11.2936 15.1266 11.6667 14.6663 11.6667C14.2061 11.6667 13.833 11.2936 13.833 10.8333C13.833 10.3731 14.2061 10 14.6663 10C15.1266 10 15.4997 10.3731 15.4997 10.8333Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M11.3337 14.1667C11.3337 14.6269 10.9606 15 10.5003 15C10.0401 15 9.66699 14.6269 9.66699 14.1667C9.66699 13.7064 10.0401 13.3333 10.5003 13.3333C10.9606 13.3333 11.3337 13.7064 11.3337 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M11.3337 10.8333C11.3337 11.2936 10.9606 11.6667 10.5003 11.6667C10.0401 11.6667 9.66699 11.2936 9.66699 10.8333C9.66699 10.3731 10.0401 10 10.5003 10C10.9606 10 11.3337 10.3731 11.3337 10.8333Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M7.16667 14.1667C7.16667 14.6269 6.79357 15 6.33333 15C5.8731 15 5.5 14.6269 5.5 14.1667C5.5 13.7064 5.8731 13.3333 6.33333 13.3333C6.79357 13.3333 7.16667 13.7064 7.16667 14.1667Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M7.16667 10.8333C7.16667 11.2936 6.79357 11.6667 6.33333 11.6667C5.8731 11.6667 5.5 11.2936 5.5 10.8333C5.5 10.3731 5.8731 10 6.33333 10C6.79357 10 7.16667 10.3731 7.16667 10.8333Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="date_of_join" class="form-label">Date of
                                                Joining{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <input type="text" class="form-control flat flatpickr-input"
                                                data-provider="flatpickr" data-altFormat="m/d/Y"
                                                value="{{ (isset($edit_list['date_of_joining']) and $edit_list['date_of_joining'] != '') ? date('m/d/Y', strtotime($edit_list['date_of_joining'])) : '' }}"
                                                placeholder="Enter Date of Joining" name="date_of_join"
                                                id="date_of_join">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="radio-label-error">
                                        <label for="gender" class="form-label">Gender<sup
                                                class="required-start-icon ">*</sup></label>
                                        <div class="d-flex gap-3">
                                            <div class="form-check form-radio-secondary ">
                                                <input class="form-check-input" type="radio" id="male"
                                                    name="gender" value="1"
                                                    {{ isset($edit_list['gender']) && $edit_list['gender'] == 1 ? 'checked' : '' }}>
                                                <label for="male">Male</label>
                                            </div>
                                            <div class="form-check form-radio-secondary ">
                                                <input class="form-check-input" type="radio" id="female"
                                                    name="gender" value="2"
                                                    {{ isset($edit_list['gender']) && $edit_list['gender'] == 2 ? 'checked' : '' }}>
                                                <label for="female">Female</label>
                                            </div>
                                            <div class="form-check form-radio-secondary ">
                                                <input class="form-check-input" type="radio" id="others"
                                                    name="gender" value="3"
                                                    {{ isset($edit_list['gender']) && $edit_list['gender'] == 3 ? 'checked' : '' }}>
                                                <label for="others">Others</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M7.487 2.06617L6.77 2.28217C6.13158 2.4747 5.56144 2.8456 5.12669 3.35121C4.69194 3.85682 4.41068 4.47611 4.316 5.13617C4.019 7.20417 4.683 9.62217 6.284 12.3952C7.881 15.1612 9.639 16.9432 11.574 17.7232C12.1957 17.9737 12.8763 18.0405 13.5349 17.9155C14.1935 17.7906 14.8023 17.4791 15.289 17.0182L15.831 16.5042C16.1829 16.1711 16.402 15.7215 16.4474 15.2391C16.4929 14.7566 16.3616 14.2741 16.078 13.8812L14.722 12.0012C14.5387 11.7474 14.2805 11.5573 13.9837 11.4576C13.6869 11.3579 13.3664 11.3535 13.067 11.4452L11.016 12.0722L10.963 12.0822C10.737 12.1152 10.215 11.6262 9.565 10.5002C8.885 9.32217 8.745 8.63317 8.932 8.45517L9.975 7.48217C10.356 7.12638 10.6163 6.66037 10.7194 6.14935C10.8225 5.63833 10.7633 5.10787 10.55 4.63217L9.888 3.16117C9.68894 2.71851 9.3357 2.36335 8.89413 2.16188C8.45256 1.96042 7.9518 1.9264 7.487 2.06617ZM8.978 3.57117L9.638 5.04217C9.76608 5.32749 9.80178 5.64571 9.7401 5.95231C9.67842 6.25892 9.52245 6.53858 9.294 6.75217L8.248 7.72617C7.578 8.36017 7.8 9.44217 8.7 11.0002C9.546 12.4662 10.318 13.1902 11.148 13.0642L11.272 13.0382L13.36 12.4012C13.4598 12.3705 13.5667 12.3719 13.6657 12.405C13.7647 12.4382 13.8508 12.5016 13.912 12.5862L15.268 14.4662C15.41 14.6626 15.4758 14.904 15.4532 15.1453C15.4305 15.3866 15.321 15.6115 15.145 15.7782L14.602 16.2922C14.2543 16.6212 13.8195 16.8435 13.3493 16.9327C12.879 17.0218 12.393 16.9741 11.949 16.7952C10.251 16.1112 8.646 14.4842 7.151 11.8952C5.652 9.30017 5.045 7.09317 5.306 5.27817C5.37356 4.8066 5.57445 4.36415 5.88502 4.00292C6.19559 3.64168 6.6029 3.3767 7.059 3.23917L7.776 3.02317C8.00846 2.95332 8.25839 2.9704 8.47918 3.07123C8.69997 3.17206 8.87656 3.34975 8.976 3.57117"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="mobile" class="form-label">Mobile<sup
                                                    class="required-start-icon ">*</sup></label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['primary_mobile_number']) ? $edit_list['primary_mobile_number'] : '' }}"
                                                placeholder="Enter Mobile" name="mobile" id="mobile">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 25 24" fill="none">
                                                    <path d="M7.5 9L12.5 12.5L17.5 9" stroke="#96A5B8" stroke-width="1.5"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path
                                                        d="M2.5 17V7C2.5 6.46957 2.71071 5.96086 3.08579 5.58579C3.46086 5.21071 3.96957 5 4.5 5H20.5C21.0304 5 21.5391 5.21071 21.9142 5.58579C22.2893 5.96086 22.5 6.46957 22.5 7V17C22.5 17.5304 22.2893 18.0391 21.9142 18.4142C21.5391 18.7893 21.0304 19 20.5 19H4.5C3.96957 19 3.46086 18.7893 3.08579 18.4142C2.71071 18.0391 2.5 17.5304 2.5 17Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                </svg>
                                            </span>
                                            <label for="office_email" class="form-label">Office Email<sup
                                                    class="required-start-icon ">*</sup></label>
                                            <input type="email" class="form-control email_text"
                                                value="{{ isset($edit_list['email']) ? $edit_list['email'] : '' }}"
                                                placeholder="Enter Office Email" name="office_email" id="office_email">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path d="M6.33203 7.5L10.4987 10.4167L14.6654 7.5" stroke="#96A5B8"
                                                        stroke-width="1.5" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path
                                                        d="M2.16602 14.167V5.83366C2.16602 5.39163 2.34161 4.96771 2.65417 4.65515C2.96673 4.34259 3.39065 4.16699 3.83268 4.16699H17.166C17.608 4.16699 18.032 4.34259 18.3445 4.65515C18.6571 4.96771 18.8327 5.39163 18.8327 5.83366V14.167C18.8327 14.609 18.6571 15.0329 18.3445 15.3455C18.032 15.6581 17.608 15.8337 17.166 15.8337H3.83268C3.39065 15.8337 2.96673 15.6581 2.65417 15.3455C2.34161 15.0329 2.16602 14.609 2.16602 14.167Z"
                                                        stroke="#96A5B8" stroke-width="1.5" />
                                                </svg>
                                            </span>
                                            <label for="personal_email" class="form-label">Personal
                                                Email{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <input type="email" class="form-control email_text"
                                                value="{{ isset($edit_list['secondary_email']) ? $edit_list['secondary_email'] : '' }}"
                                                placeholder="Enter Personal Email" name="personal_email"
                                                id="personal_email">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M13.625 1.25C12.7466 1.2498 11.8804 1.45535 11.0958 1.85019C10.3111 2.24503 9.62991 2.81818 9.10666 3.5237C8.58342 4.22922 8.23271 5.0475 8.08264 5.91296C7.93257 6.77842 7.98732 7.66701 8.2425 8.5075L1.75 15V18.75H5.5L11.9925 12.2575C12.7662 12.4923 13.5814 12.5576 14.3826 12.4489C15.1838 12.3402 15.9522 12.06 16.6353 11.6275C17.3184 11.195 17.9003 10.6203 18.3412 9.94256C18.7822 9.26483 19.0718 8.5 19.1904 7.70021C19.3091 6.90041 19.2539 6.08444 19.0286 5.3079C18.8033 4.53137 18.4133 3.81252 17.8851 3.20035C17.3569 2.58818 16.703 2.09708 15.9678 1.76051C15.2326 1.42394 14.4335 1.24981 13.625 1.25ZM13.625 11.25C13.1947 11.2499 12.7667 11.1863 12.355 11.0612L11.6381 10.8438L11.1088 11.3731L9.12063 13.3612L8.25875 12.5L7.375 13.3837L8.23687 14.2456L7.24563 15.2369L6.38375 14.375L5.5 15.2587L6.36187 16.1206L4.9825 17.5H3V15.5175L9.12625 9.39125L9.65625 8.86188L9.43875 8.145C9.17161 7.26437 9.18897 6.32193 9.48834 5.45173C9.78772 4.58153 10.3539 3.82789 11.1063 3.29802C11.8587 2.76814 12.759 2.48901 13.6792 2.50033C14.5994 2.51165 15.4926 2.81285 16.2317 3.36107C16.9708 3.9093 17.5183 4.67664 17.7961 5.55394C18.074 6.43124 18.0682 7.37382 17.7795 8.24761C17.4907 9.12141 16.9338 9.88191 16.188 10.4209C15.4421 10.96 14.5453 11.2501 13.625 11.25Z"
                                                        fill="#96A5B8" />
                                                    <path
                                                        d="M14.25 7.5C14.9404 7.5 15.5 6.94036 15.5 6.25C15.5 5.55964 14.9404 5 14.25 5C13.5596 5 13 5.55964 13 6.25C13 6.94036 13.5596 7.5 14.25 7.5Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="password" class="form-label">Password
                                                @if (!(isset($edit_list) and !empty($edit_list)))
                                                    <sup class="required-start-icon ">*</sup>
                                                @endif
                                            </label>
                                            <input type="password" class="form-control" placeholder="Enter Password"
                                                name="password">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon z-index">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="state" class="form-label">State{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <select class="js-example-basic-single" name="state" id="state">
                                                <option value="">Select State</option>
                                                {{--  @foreach ($get_state as $data)
											<option value="{{ $data->id }}"
                                            {{ isset($edit_list['state']) && $edit_list['state'] == $data->id ? 'selected' : '' }}>
												{{ $data->name }}
											</option>
                                            @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <label for="city" class="form-label">City{{-- <sup
									class="required-start-icon ">*</sup> --}}</label>
                                        <div class="input-field">
                                            <span class="icon z-index">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <select class="js-example-basic-single" name="city" id="city">
                                                <option value="">Select City</option>
                                                {{--  @foreach ($get_city as $data)
                                            @if ((isset($edit_list['state']) and $edit_list['state'] != '' and $data->state_id == $edit_list['state']) || !isset($edit_list['state']))
											<option value="{{ $data->id }}"
                                            attr-id="{{ $data->state_id }}"
                                            {{ isset($edit_list['city']) && $edit_list['city'] == $data->id ? 'selected' : '' }}>
												{{ $data->name }}
											</option>
                                            @endif
                                            @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="21"
                                                    height="20" viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                        fill="#96A5B8" />
                                                </svg> </span>
                                            <label for="zip" class="form-label">Zip{{-- <sup
											class="required-start-icon ">*</sup> --}}</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['zip']) ? $edit_list['zip'] : '' }}"
                                                placeholder="Enter Zip" name="zip" id="zip">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M6.94388 13.0825C6.90962 12.9774 6.83502 12.8903 6.73649 12.8402C6.63795 12.7901 6.52356 12.7812 6.41846 12.8154C6.31337 12.8497 6.22619 12.9243 6.17611 13.0228C6.12602 13.1214 6.11712 13.2358 6.15138 13.3409C6.46357 14.3055 7.07292 15.1466 7.89221 15.7438C8.7102 16.34 9.69624 16.6614 10.7085 16.6617C10.9385 16.6617 11.1251 16.4746 11.1251 16.2438C11.1251 16.0129 10.9385 15.8259 10.7085 15.8259C9.87228 15.8252 9.05779 15.5597 8.3818 15.0675C7.70516 14.574 7.20187 13.8793 6.94388 13.0825Z"
                                                        fill="#96A5B8" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                        d="M10.5 1.66699L10.2125 1.94199L10.2108 1.94366L10.2071 1.94699L10.1937 1.96033L10.1429 2.00991C10.0985 2.05352 10.0351 2.11671 9.95292 2.19949C8.97867 3.19392 8.07481 4.25496 7.24792 5.37491C5.78375 7.36699 4.25 10.0345 4.25 12.5337C4.25 15.7691 7.08167 18.3337 10.5 18.3337C13.9183 18.3337 16.75 15.7691 16.75 12.5337C16.75 10.0337 15.2162 7.36658 13.7521 5.37533C12.9252 4.25523 12.0213 3.19405 11.0471 2.19949C10.9676 2.11899 10.8873 2.03927 10.8063 1.96033L10.7929 1.94699L10.7888 1.94366L10.5 1.66699ZM9.89542 3.47283C10.0934 3.25646 10.295 3.04338 10.5 2.83366C11.4287 3.78611 12.2911 4.80098 13.0812 5.87116C14.5337 7.84699 15.9167 10.3241 15.9167 12.5337C15.9167 15.2432 13.525 17.4978 10.5 17.4978C7.475 17.4978 5.08333 15.2432 5.08333 12.5337C5.08333 10.3241 6.46625 7.84699 7.91875 5.87116C8.53455 5.03715 9.19437 4.23657 9.89542 3.47283Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="blood_group" class="form-label">Blood Group</label>
                                            <input type="text" class="form-control"
                                                value="{{ isset($edit_list['blood_group']) ? $edit_list['blood_group'] : '' }}"
                                                placeholder="Enter Blood Group" name="blood_group" id="blood_group">
                                        </div>
                                    </div>
                                </div>
                                {{--   <div class="col-xxl-4 col-md-4">
								<div>
									<label for="profiles" class="form-label">Profile Picture</label>
									<input type="file" class="form-control" id="profiles" name="profile">
								</div>
								@if (isset($edit_list->profiles->id))
								<div class="label-container">
									<!-- Example of labels with delete buttons -->
									<div class="label-item">
										<span class="label">{{ $edit_list->profiles->orginal_file_name }}</span>
										<button class="btn btn-danger delete-files" data-id="{{ $edit_list->profiles->id }}"
										type="button">Delete</button>
									</div>
								</div>
								@endif
							</div> --}}
                                <div class="col-xxl-6 col-md-6">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="permanent_address" class="form-label">Permanent
                                                Address{{-- <sup
										class="required-start-icon ">*</sup> --}}</label>
                                            <textarea class="form-control modal_description" placeholder="Enter permanent Address" name="permanent_address">{{ isset($edit_list['permanent_address']) ? $edit_list['permanent_address'] : '' }}</textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-6 col-md-6 col-lg-6">
                                    <div class="form-group">
                                        <div class="input-field">
                                            <span class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                    viewBox="0 0 21 20" fill="none">
                                                    <path
                                                        d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                        fill="#96A5B8" />
                                                </svg>
                                            </span>
                                            <label for="temporary_address" class="form-label">Temporary Address</label>
                                            <textarea class="form-control modal_description" placeholder="Enter Temporary Address" name="temporary_address">{{ isset($edit_list['temporary_address']) ? $edit_list['temporary_address'] : '' }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add more fields as required -->
                    </div>
                    <!-- </div> -->
                    <div>
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Organization Details</h4>
                        </div><!-- end card header -->
                        <div class="card-body">
                            <div class="live-preview">
                                <div class="row gy-4">
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <div class="input-field">
                                                <span class="icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M10.5003 8.33366C12.3413 8.33366 13.8337 6.84127 13.8337 5.00033C13.8337 3.15938 12.3413 1.66699 10.5003 1.66699C8.65938 1.66699 7.16699 3.15938 7.16699 5.00033C7.16699 6.84127 8.65938 8.33366 10.5003 8.33366Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                        <path
                                                            d="M17.1673 14.584C17.1673 16.6548 17.1673 18.334 10.5007 18.334C3.83398 18.334 3.83398 16.6548 3.83398 14.584C3.83398 12.5132 6.81898 10.834 10.5007 10.834C14.1823 10.834 17.1673 12.5132 17.1673 14.584Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                    </svg>
                                                </span>
                                                <label for="job_title" class="form-label">Job Title</label>
                                                <input type="text" class="form-control"
                                                    value="{{ isset($edit_list['job_title']) ? $edit_list['job_title'] : '' }}"
                                                    placeholder="Enter Job Title" name="job_title" id="job_title">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="department" class="form-label">Department<sup
                                                    class="required-start-icon ">*</sup></label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M3 1.875V18.125H9.875V15.625H11.125V18.125H18V1.875H3ZM4.25 3.125H16.75V16.875H12.375V14.375H8.625V16.875H4.25V3.125ZM5.5 4.375V5.625H8V4.375H5.5ZM9.25 4.375V5.625H11.75V4.375H9.25ZM13 4.375V5.625H15.5V4.375H13ZM5.5 6.875V8.125H8V6.875H5.5ZM9.25 6.875V8.125H11.75V6.875H9.25ZM13 6.875V8.125H15.5V6.875H13ZM5.5 9.375V10.625H8V9.375H5.5ZM9.25 9.375V10.625H11.75V9.375H9.25ZM13 9.375V10.625H15.5V9.375H13ZM5.5 11.875V13.125H8V11.875H5.5ZM9.25 11.875V13.125H11.75V11.875H9.25ZM13 11.875V13.125H15.5V11.875H13ZM5.5 14.375V15.625H8V14.375H5.5ZM13 14.375V15.625H15.5V14.375H13Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="department" id="department"
                                                    class="form-control js-example-basic-single">
                                                    <option value="">Select Department</option>
                                                    @if ($department)
                                                        @foreach ($department as $data)
                                                            <option value="{{ $data->id }}"
                                                                {{ isset($edit_list['department_id']) && $edit_list['department_id'] == $data->id ? 'selected' : '' }}>
                                                                {{ $data->dept_name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="sub_department" class="form-label">Sub Department</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M5.70801 10.0003C5.54225 10.0003 5.38328 10.0662 5.26607 10.1834C5.14886 10.3006 5.08301 10.4596 5.08301 10.6253C5.08301 10.7911 5.14886 10.9501 5.26607 11.0673C5.38328 11.1845 5.54225 11.2503 5.70801 11.2503H6.12467C6.29043 11.2503 6.44941 11.1845 6.56662 11.0673C6.68383 10.9501 6.74967 10.7911 6.74967 10.6253C6.74967 10.4596 6.68383 10.3006 6.56662 10.1834C6.44941 10.0662 6.29043 10.0003 6.12467 10.0003H5.70801ZM5.08301 7.70866C5.08301 7.5429 5.14886 7.38393 5.26607 7.26672C5.38328 7.14951 5.54225 7.08366 5.70801 7.08366H6.12467C6.29043 7.08366 6.44941 7.14951 6.56662 7.26672C6.68383 7.38393 6.74967 7.5429 6.74967 7.70866C6.74967 7.87442 6.68383 8.03339 6.56662 8.1506C6.44941 8.26781 6.29043 8.33366 6.12467 8.33366H5.70801C5.54225 8.33366 5.38328 8.26781 5.26607 8.1506C5.14886 8.03339 5.08301 7.87442 5.08301 7.70866ZM5.70801 4.16699C5.54225 4.16699 5.38328 4.23284 5.26607 4.35005C5.14886 4.46726 5.08301 4.62623 5.08301 4.79199C5.08301 4.95775 5.14886 5.11672 5.26607 5.23393C5.38328 5.35114 5.54225 5.41699 5.70801 5.41699H6.12467C6.29043 5.41699 6.44941 5.35114 6.56662 5.23393C6.68383 5.11672 6.74967 4.95775 6.74967 4.79199C6.74967 4.62623 6.68383 4.46726 6.56662 4.35005C6.44941 4.23284 6.29043 4.16699 6.12467 4.16699H5.70801ZM7.99967 10.6253C7.99967 10.4596 8.06552 10.3006 8.18273 10.1834C8.29994 10.0662 8.45891 10.0003 8.62467 10.0003H9.04134C9.2071 10.0003 9.36607 10.0662 9.48328 10.1834C9.60049 10.3006 9.66634 10.4596 9.66634 10.6253C9.66634 10.7911 9.60049 10.9501 9.48328 11.0673C9.36607 11.1845 9.2071 11.2503 9.04134 11.2503H8.62467C8.45891 11.2503 8.29994 11.1845 8.18273 11.0673C8.06552 10.9501 7.99967 10.7911 7.99967 10.6253ZM8.62467 7.08366C8.45891 7.08366 8.29994 7.14951 8.18273 7.26672C8.06552 7.38393 7.99967 7.5429 7.99967 7.70866C7.99967 7.87442 8.06552 8.03339 8.18273 8.1506C8.29994 8.26781 8.45891 8.33366 8.62467 8.33366H9.04134C9.2071 8.33366 9.36607 8.26781 9.48328 8.1506C9.60049 8.03339 9.66634 7.87442 9.66634 7.70866C9.66634 7.5429 9.60049 7.38393 9.48328 7.26672C9.36607 7.14951 9.2071 7.08366 9.04134 7.08366H8.62467ZM7.99967 4.79199C7.99967 4.62623 8.06552 4.46726 8.18273 4.35005C8.29994 4.23284 8.45891 4.16699 8.62467 4.16699H9.04134C9.2071 4.16699 9.36607 4.23284 9.48328 4.35005C9.60049 4.46726 9.66634 4.62623 9.66634 4.79199C9.66634 4.95775 9.60049 5.11672 9.48328 5.23393C9.36607 5.35114 9.2071 5.41699 9.04134 5.41699H8.62467C8.45891 5.41699 8.29994 5.35114 8.18273 5.23393C8.06552 5.11672 7.99967 4.95775 7.99967 4.79199ZM11.5413 10.0003C11.3756 10.0003 11.2166 10.0662 11.0994 10.1834C10.9822 10.3006 10.9163 10.4596 10.9163 10.6253C10.9163 10.7911 10.9822 10.9501 11.0994 11.0673C11.2166 11.1845 11.3756 11.2503 11.5413 11.2503H11.958C12.1238 11.2503 12.2827 11.1845 12.3999 11.0673C12.5172 10.9501 12.583 10.7911 12.583 10.6253C12.583 10.4596 12.5172 10.3006 12.3999 10.1834C12.2827 10.0662 12.1238 10.0003 11.958 10.0003H11.5413ZM10.9163 7.70866C10.9163 7.5429 10.9822 7.38393 11.0994 7.26672C11.2166 7.14951 11.3756 7.08366 11.5413 7.08366H11.958C12.1238 7.08366 12.2827 7.14951 12.3999 7.26672C12.5172 7.38393 12.583 7.5429 12.583 7.70866C12.583 7.87442 12.5172 8.03339 12.3999 8.1506C12.2827 8.26781 12.1238 8.33366 11.958 8.33366H11.5413C11.3756 8.33366 11.2166 8.26781 11.0994 8.1506C10.9822 8.03339 10.9163 7.87442 10.9163 7.70866ZM11.5413 4.16699C11.3756 4.16699 11.2166 4.23284 11.0994 4.35005C10.9822 4.46726 10.9163 4.62623 10.9163 4.79199C10.9163 4.95775 10.9822 5.11672 11.0994 5.23393C11.2166 5.35114 11.3756 5.41699 11.5413 5.41699H11.958C12.1238 5.41699 12.2827 5.35114 12.3999 5.23393C12.5172 5.11672 12.583 4.95775 12.583 4.79199C12.583 4.62623 12.5172 4.46726 12.3999 4.35005C12.2827 4.23284 12.1238 4.16699 11.958 4.16699H11.5413Z"
                                                            fill="#96A5B8" />
                                                        <path
                                                            d="M2.16699 16.6663V2.49967C2.16699 2.05765 2.34259 1.63372 2.65515 1.32116C2.96771 1.0086 3.39163 0.833008 3.83366 0.833008H13.8337C14.2757 0.833008 14.6996 1.0086 15.0122 1.32116C15.3247 1.63372 15.5003 2.05765 15.5003 2.49967V16.6663C15.5003 16.8108 15.4828 16.9497 15.4478 17.083H17.167C17.2775 17.083 17.3835 17.0391 17.4616 16.961C17.5398 16.8828 17.5837 16.7768 17.5837 16.6663V9.99967C17.5837 9.93499 17.5686 9.87119 17.5397 9.81334C17.5107 9.75548 17.4687 9.70515 17.417 9.66634L17.0003 9.35384C16.8677 9.25438 16.78 9.10632 16.7566 8.94223C16.7332 8.77813 16.7759 8.61145 16.8753 8.47884C16.9748 8.34623 17.1228 8.25856 17.2869 8.23512C17.451 8.21168 17.6177 8.25438 17.7503 8.35384L18.167 8.66634C18.587 8.98134 18.8337 9.47467 18.8337 9.99967V16.6663C18.8337 17.1084 18.6581 17.5323 18.3455 17.8449C18.0329 18.1574 17.609 18.333 17.167 18.333H14.1987C14.1522 18.3319 14.1059 18.3269 14.0603 18.318C13.9859 18.328 13.9103 18.333 13.8337 18.333H10.7087C10.5429 18.333 10.3839 18.2672 10.2667 18.15C10.1495 18.0327 10.0837 17.8738 10.0837 17.708V15.833H7.58366V17.708C7.58366 17.8738 7.51781 18.0327 7.4006 18.15C7.28339 18.2672 7.12442 18.333 6.95866 18.333H3.83366C3.39163 18.333 2.96771 18.1574 2.65515 17.8449C2.34259 17.5323 2.16699 17.1084 2.16699 16.6663ZM3.83366 17.083H6.33366V15.208C6.33366 15.0422 6.39951 14.8833 6.51672 14.7661C6.63393 14.6489 6.7929 14.583 6.95866 14.583H10.7087C10.8744 14.583 11.0334 14.6489 11.1506 14.7661C11.2678 14.8833 11.3337 15.0422 11.3337 15.208V17.083H13.8337C13.9442 17.083 14.0501 17.0391 14.1283 16.961C14.2064 16.8828 14.2503 16.7768 14.2503 16.6663V2.49967C14.2503 2.38917 14.2064 2.28319 14.1283 2.20505C14.0501 2.12691 13.9442 2.08301 13.8337 2.08301H3.83366C3.72315 2.08301 3.61717 2.12691 3.53903 2.20505C3.46089 2.28319 3.41699 2.38917 3.41699 2.49967V16.6663C3.41699 16.7768 3.46089 16.8828 3.53903 16.961C3.61717 17.0391 3.72315 17.083 3.83366 17.083Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="sub_department" id="subdepartment"
                                                    class="form-control js-example-basic-single">
                                                    <option value="">Select Sub Department</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="employee_type" class="form-label">Employee Type</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M10.5003 8.33366C12.3413 8.33366 13.8337 6.84127 13.8337 5.00033C13.8337 3.15938 12.3413 1.66699 10.5003 1.66699C8.65938 1.66699 7.16699 3.15938 7.16699 5.00033C7.16699 6.84127 8.65938 8.33366 10.5003 8.33366Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                        <path
                                                            d="M17.1673 14.584C17.1673 16.6548 17.1673 18.334 10.5007 18.334C3.83398 18.334 3.83398 16.6548 3.83398 14.584C3.83398 12.5132 6.81898 10.834 10.5007 10.834C14.1823 10.834 17.1673 12.5132 17.1673 14.584Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                    </svg>
                                                </span>
                                                <select name="employee_type" class="form-control js-example-basic-single">
                                                    <option value="">Select Employee Type</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['employment_type_id']) && $edit_list['employment_type_id'] == 1 ? 'selected' : '' }}>
                                                        Full-time</option>
                                                    <option value="2"
                                                        {{ isset($edit_list['employment_type_id']) && $edit_list['employment_type_id'] == 2 ? 'selected' : '' }}>
                                                        Part-time</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="employee_through" class="form-label">Employee Through</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M10.5003 8.33366C12.3413 8.33366 13.8337 6.84127 13.8337 5.00033C13.8337 3.15938 12.3413 1.66699 10.5003 1.66699C8.65938 1.66699 7.16699 3.15938 7.16699 5.00033C7.16699 6.84127 8.65938 8.33366 10.5003 8.33366Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                        <path
                                                            d="M17.1673 14.584C17.1673 16.6548 17.1673 18.334 10.5007 18.334C3.83398 18.334 3.83398 16.6548 3.83398 14.584C3.83398 12.5132 6.81898 10.834 10.5007 10.834C14.1823 10.834 17.1673 12.5132 17.1673 14.584Z"
                                                            stroke="#96A5B8" stroke-width="1.5" />
                                                    </svg>
                                                </span>
                                                <select name="employee_through"
                                                    class="form-control js-example-basic-single">
                                                    <option value="">Select Employee Through</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['employed_through_id']) && $edit_list['employed_through_id'] == 1 ? 'selected' : '' }}>
                                                        Direct</option>
                                                    <option value="2"
                                                        {{ isset($edit_list['employed_through_id']) && $edit_list['employed_through_id'] == 2 ? 'selected' : '' }}>
                                                        Contract</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="work_mode" class="form-label">Work Mode</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M9.67283 17.5007H8.50449C5.51699 17.5007 4.02366 17.5007 3.09533 16.5548C2.16699 15.609 2.16699 14.0865 2.16699 11.0423C2.16699 7.99815 2.16699 6.47565 3.09533 5.52982C4.02366 4.58398 5.51699 4.58398 8.50449 4.58398H11.6737C14.6612 4.58398 16.1553 4.58398 17.0837 5.52982C17.7978 6.25732 17.962 7.32648 18.0003 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.834 4.58366L13.7507 4.32533C13.3382 3.04199 13.1323 2.40033 12.6415 2.03366C12.1498 1.66699 11.4982 1.66699 10.1923 1.66699H9.97315C8.66898 1.66699 8.01648 1.66699 7.52565 2.03366C7.03398 2.40033 6.82815 3.04199 6.41565 4.32533L6.33398 4.58366M14.7598 11.0462C14.914 10.9045 14.9907 10.8337 15.084 10.8337C15.1773 10.8337 15.254 10.9045 15.4082 11.0462L16.0023 11.5937C16.074 11.6595 16.1098 11.6928 16.154 11.7087C16.199 11.7253 16.2473 11.7237 16.3457 11.7195L17.1473 11.6878C17.354 11.6795 17.4573 11.6762 17.5282 11.7353C17.599 11.7945 17.6132 11.897 17.6407 12.102L17.7507 12.9237C17.764 13.0187 17.7698 13.0653 17.7932 13.107C17.8165 13.147 17.854 13.1762 17.929 13.2353L18.5757 13.7437C18.7357 13.8703 18.8157 13.9328 18.8315 14.0228C18.8473 14.1128 18.7932 14.1995 18.6865 14.3728L18.2482 15.0787C18.1982 15.1595 18.1732 15.2003 18.1648 15.2453C18.1565 15.2903 18.1665 15.3378 18.1865 15.4312L18.3607 16.2462C18.4023 16.4462 18.424 16.5462 18.3782 16.6262C18.3323 16.7062 18.2348 16.7378 18.0407 16.8012L17.269 17.052C17.1773 17.082 17.1307 17.097 17.0948 17.127C17.059 17.1578 17.0365 17.2012 16.9923 17.287L16.6157 18.0128C16.5198 18.1987 16.4715 18.2912 16.384 18.3228C16.2965 18.3545 16.2007 18.3145 16.0073 18.2345L15.2673 17.9278C15.1765 17.8903 15.1315 17.8712 15.084 17.8712C15.0365 17.8712 14.9915 17.8903 14.9007 17.9278L14.1607 18.2345C13.9673 18.3145 13.8715 18.3545 13.784 18.3228C13.6965 18.2912 13.6482 18.1978 13.5523 18.0128L13.1757 17.287C13.1307 17.2012 13.109 17.1578 13.0732 17.1278C13.0373 17.0978 12.9907 17.082 12.899 17.0528L12.1273 16.8012C11.9332 16.7378 11.8357 16.7062 11.7898 16.6262C11.744 16.5462 11.7648 16.447 11.8073 16.2462L11.9823 15.4312C12.0015 15.3378 12.0115 15.2912 12.0032 15.2462C11.9861 15.1859 11.9578 15.1293 11.9198 15.0795L11.4823 14.3728C11.374 14.1995 11.3207 14.1128 11.3365 14.0228C11.3523 13.9328 11.4323 13.8703 11.5923 13.7445L12.239 13.2362C12.314 13.1762 12.3515 13.147 12.3748 13.1062C12.3982 13.0653 12.404 13.0187 12.4165 12.9228L12.5273 12.102C12.5548 11.8978 12.569 11.7945 12.6398 11.7353C12.7107 11.6762 12.814 11.6795 13.0207 11.6878L13.8232 11.7195C13.9207 11.7237 13.969 11.7253 14.014 11.7087C14.0582 11.692 14.094 11.6595 14.1657 11.5937L14.7598 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg>
                                                </span>
                                                <select name="work_mode" class="form-control js-example-basic-single">
                                                    <option value="">Select Work Mode</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['work_mode_id']) && $edit_list['work_mode_id'] == 1 ? 'selected' : '' }}>
                                                        Remote</option>
                                                    <option value="2"
                                                        {{ isset($edit_list['work_mode_id']) && $edit_list['work_mode_id'] == 2 ? 'selected' : '' }}>
                                                        Office</option>
                                                    <option value="3"
                                                        {{ isset($edit_list['work_mode_id']) && $edit_list['work_mode_id'] == 3 ? 'selected' : '' }}>
                                                        Hybrid</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="work_location" class="form-label">Work Location</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                {{--    <input type="text" class="form-control"
											value="{{ isset($edit_list['work_location']) ? $edit_list['work_location'] : '' }}"
											placeholder="Work Location" name="work_location" id="work_location"> --}}

                                                <select name="work_location" class="form-control js-example-basic-single">
                                                    <option value="">Select Work Location</option>
                                                    @if ($worklocation)
                                                        @foreach ($worklocation as $data)
                                                            <option value="{{ $data->id }}"
                                                                {{ isset($edit_list['work_location_id']) && $edit_list['work_location_id'] == $data->id ? 'selected' : '' }}>
                                                                {{ $data->location_name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="billing_type" class="form-label">Billing Type</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                            d="M6.41569 1.04199H14.5832C15.4307 1.04199 16.014 1.04199 16.5049 1.21199C16.9635 1.37422 17.3786 1.63994 17.7179 1.98852C18.0572 2.3371 18.3117 2.75917 18.4615 3.22199C18.6249 3.71949 18.624 4.31116 18.624 5.18866V16.9787C18.624 18.2003 17.1849 18.927 16.2374 18.0595C16.207 18.0304 16.1665 18.0142 16.1244 18.0142C16.0824 18.0142 16.0419 18.0304 16.0115 18.0595L15.6082 18.4278C14.8349 19.1362 13.6632 19.1362 12.8899 18.4278C12.7499 18.2971 12.5655 18.2244 12.374 18.2244C12.1825 18.2244 11.9982 18.2971 11.8582 18.4278C11.0849 19.1362 9.91319 19.1362 9.13986 18.4278C8.99989 18.2971 8.81552 18.2244 8.62402 18.2244C8.43252 18.2244 8.24816 18.2971 8.10819 18.4278C7.33486 19.1362 6.16319 19.1362 5.38986 18.4278L4.98736 18.0595C4.95692 18.0302 4.91629 18.0138 4.87402 18.0138C4.83175 18.0138 4.79113 18.0302 4.76069 18.0595C3.81319 18.9262 2.37402 18.2003 2.37402 16.9787V5.18949C2.37402 4.31116 2.37402 3.71949 2.53652 3.22199C2.68637 2.75917 2.94082 2.3371 3.28016 1.98852C3.61949 1.63994 4.03457 1.37422 4.49319 1.21199C4.98486 1.04116 5.56819 1.04199 6.41569 1.04199ZM6.53652 2.29199C5.51902 2.29199 5.16819 2.30033 4.90319 2.39283C4.62643 2.49205 4.37621 2.65362 4.17188 2.86503C3.96755 3.07643 3.8146 3.33201 3.72486 3.61199C3.63236 3.89366 3.62486 4.26533 3.62486 5.30866V16.9787C3.62486 17.0787 3.67402 17.1387 3.73652 17.1678C3.76504 17.1814 3.79683 17.1866 3.82819 17.1828C3.86191 17.1771 3.89304 17.1611 3.91736 17.137C4.17812 16.8969 4.51959 16.7637 4.87402 16.7637C5.22845 16.7637 5.56993 16.8969 5.83069 17.137L6.23319 17.5053C6.37316 17.636 6.55752 17.7087 6.74902 17.7087C6.94052 17.7087 7.12489 17.636 7.26486 17.5053C7.63523 17.1641 8.12041 16.9746 8.62402 16.9746C9.12764 16.9746 9.61282 17.1641 9.98319 17.5053C10.1232 17.636 10.3075 17.7087 10.499 17.7087C10.6905 17.7087 10.8749 17.636 11.0149 17.5053C11.3852 17.1641 11.8704 16.9746 12.374 16.9746C12.8776 16.9746 13.3628 17.1641 13.7332 17.5053C13.8732 17.636 14.0575 17.7087 14.249 17.7087C14.4405 17.7087 14.6249 17.636 14.7649 17.5053L15.1674 17.137C15.4281 16.8969 15.7696 16.7637 16.124 16.7637C16.4785 16.7637 16.8199 16.8969 17.0807 17.137C17.1165 17.1703 17.1474 17.1803 17.1707 17.1828C17.2018 17.1865 17.2333 17.1813 17.2615 17.1678C17.324 17.1387 17.374 17.0778 17.374 16.9787V5.30866C17.374 4.26533 17.3657 3.89366 17.274 3.61116C17.184 3.33116 17.0307 3.07563 16.8261 2.86436C16.6215 2.6531 16.371 2.49175 16.094 2.39283C15.8299 2.30116 15.479 2.29283 14.4615 2.29283L6.53652 2.29199ZM5.70819 6.25033C5.70819 6.08457 5.77404 5.92559 5.89125 5.80838C6.00846 5.69117 6.16743 5.62533 6.33319 5.62533H6.74986C6.91562 5.62533 7.07459 5.69117 7.1918 5.80838C7.30901 5.92559 7.37486 6.08457 7.37486 6.25033C7.37486 6.41609 7.30901 6.57506 7.1918 6.69227C7.07459 6.80948 6.91562 6.87533 6.74986 6.87533H6.33319C6.16743 6.87533 6.00846 6.80948 5.89125 6.69227C5.77404 6.57506 5.70819 6.41609 5.70819 6.25033ZM8.62486 6.25033C8.62486 6.08457 8.6907 5.92559 8.80792 5.80838C8.92513 5.69117 9.0841 5.62533 9.24986 5.62533H14.6665C14.8323 5.62533 14.9913 5.69117 15.1085 5.80838C15.2257 5.92559 15.2915 6.08457 15.2915 6.25033C15.2915 6.41609 15.2257 6.57506 15.1085 6.69227C14.9913 6.80948 14.8323 6.87533 14.6665 6.87533H9.24986C9.0841 6.87533 8.92513 6.80948 8.80792 6.69227C8.6907 6.57506 8.62486 6.41609 8.62486 6.25033ZM5.70819 9.16699C5.70819 9.00123 5.77404 8.84226 5.89125 8.72505C6.00846 8.60784 6.16743 8.54199 6.33319 8.54199H6.74986C6.91562 8.54199 7.07459 8.60784 7.1918 8.72505C7.30901 8.84226 7.37486 9.00123 7.37486 9.16699C7.37486 9.33275 7.30901 9.49172 7.1918 9.60893C7.07459 9.72614 6.91562 9.79199 6.74986 9.79199H6.33319C6.16743 9.79199 6.00846 9.72614 5.89125 9.60893C5.77404 9.49172 5.70819 9.33275 5.70819 9.16699ZM8.62486 9.16699C8.62486 9.00123 8.6907 8.84226 8.80792 8.72505C8.92513 8.60784 9.0841 8.54199 9.24986 8.54199H14.6665C14.8323 8.54199 14.9913 8.60784 15.1085 8.72505C15.2257 8.84226 15.2915 9.00123 15.2915 9.16699C15.2915 9.33275 15.2257 9.49172 15.1085 9.60893C14.9913 9.72614 14.8323 9.79199 14.6665 9.79199H9.24986C9.0841 9.79199 8.92513 9.72614 8.80792 9.60893C8.6907 9.49172 8.62486 9.33275 8.62486 9.16699ZM5.70819 12.0837C5.70819 11.9179 5.77404 11.7589 5.89125 11.6417C6.00846 11.5245 6.16743 11.4587 6.33319 11.4587H6.74986C6.91562 11.4587 7.07459 11.5245 7.1918 11.6417C7.30901 11.7589 7.37486 11.9179 7.37486 12.0837C7.37486 12.2494 7.30901 12.4084 7.1918 12.5256C7.07459 12.6428 6.91562 12.7087 6.74986 12.7087H6.33319C6.16743 12.7087 6.00846 12.6428 5.89125 12.5256C5.77404 12.4084 5.70819 12.2494 5.70819 12.0837ZM8.62486 12.0837C8.62486 11.9179 8.6907 11.7589 8.80792 11.6417C8.92513 11.5245 9.0841 11.4587 9.24986 11.4587H14.6665C14.8323 11.4587 14.9913 11.5245 15.1085 11.6417C15.2257 11.7589 15.2915 11.9179 15.2915 12.0837C15.2915 12.2494 15.2257 12.4084 15.1085 12.5256C14.9913 12.6428 14.8323 12.7087 14.6665 12.7087H9.24986C9.0841 12.7087 8.92513 12.6428 8.80792 12.5256C8.6907 12.4084 8.62486 12.2494 8.62486 12.0837Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="billing_type" class="form-control js-example-basic-single">
                                                    <option value="">Select Billing Type</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['billing_type']) && $edit_list['billing_type'] == 1 ? 'selected' : '' }}>
                                                        Hourly</option>
                                                    <option value="2"
                                                        {{ isset($edit_list['billing_type']) && $edit_list['billing_type'] == 2 ? 'selected' : '' }}>
                                                        Fixed</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Role Details</h4>
                        </div><!-- end card header -->
                        <div class="card-body">
                            <div class="live-preview">
                                <div class="row gy-4">
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="role" class="form-label">Role<sup
                                                    class="required-start-icon ">*</sup></label>
                                            <div class="input-field">
                                                <span class="icon z-index"><svg xmlns="http://www.w3.org/2000/svg"
                                                        width="21" height="20" viewBox="0 0 21 20"
                                                        fill="none">
                                                        <path
                                                            d="M9.67234 17.5007H8.504C5.5165 17.5007 4.02317 17.5007 3.09484 16.5548C2.1665 15.609 2.1665 14.0865 2.1665 11.0423C2.1665 7.99815 2.1665 6.47565 3.09484 5.52982C4.02317 4.58398 5.5165 4.58398 8.504 4.58398H11.6732C14.6607 4.58398 16.1548 4.58398 17.0832 5.52982C17.7973 6.25732 17.9615 7.32648 17.9998 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.833 4.58366L13.7497 4.32533C13.3372 3.04199 13.1313 2.40033 12.6405 2.03366C12.1488 1.66699 11.4972 1.66699 10.1913 1.66699H9.97217C8.66801 1.66699 8.01551 1.66699 7.52467 2.03366C7.03301 2.40033 6.82717 3.04199 6.41467 4.32533L6.33301 4.58366M14.7588 11.0462C14.913 10.9045 14.9897 10.8337 15.083 10.8337C15.1763 10.8337 15.253 10.9045 15.4072 11.0462L16.0013 11.5937C16.073 11.6595 16.1088 11.6928 16.153 11.7087C16.198 11.7253 16.2463 11.7237 16.3447 11.7195L17.1463 11.6878C17.353 11.6795 17.4563 11.6762 17.5272 11.7353C17.598 11.7945 17.6122 11.897 17.6397 12.102L17.7497 12.9237C17.763 13.0187 17.7688 13.0653 17.7922 13.107C17.8155 13.147 17.853 13.1762 17.928 13.2353L18.5747 13.7437C18.7347 13.8703 18.8147 13.9328 18.8305 14.0228C18.8463 14.1128 18.7922 14.1995 18.6855 14.3728L18.2472 15.0787C18.1972 15.1595 18.1722 15.2003 18.1638 15.2453C18.1555 15.2903 18.1655 15.3378 18.1855 15.4312L18.3597 16.2462C18.4013 16.4462 18.423 16.5462 18.3772 16.6262C18.3313 16.7062 18.2338 16.7378 18.0397 16.8012L17.268 17.052C17.1763 17.082 17.1297 17.097 17.0938 17.127C17.058 17.1578 17.0355 17.2012 16.9913 17.287L16.6147 18.0128C16.5188 18.1987 16.4705 18.2912 16.383 18.3228C16.2955 18.3545 16.1997 18.3145 16.0063 18.2345L15.2663 17.9278C15.1755 17.8903 15.1305 17.8712 15.083 17.8712C15.0355 17.8712 14.9905 17.8903 14.8997 17.9278L14.1597 18.2345C13.9663 18.3145 13.8705 18.3545 13.783 18.3228C13.6955 18.2912 13.6472 18.1978 13.5513 18.0128L13.1747 17.287C13.1297 17.2012 13.108 17.1578 13.0722 17.1278C13.0363 17.0978 12.9897 17.082 12.898 17.0528L12.1263 16.8012C11.9322 16.7378 11.8347 16.7062 11.7888 16.6262C11.743 16.5462 11.7638 16.447 11.8063 16.2462L11.9813 15.4312C12.0005 15.3378 12.0105 15.2912 12.0022 15.2462C11.9851 15.1859 11.9568 15.1293 11.9188 15.0795L11.4813 14.3728C11.373 14.1995 11.3197 14.1128 11.3355 14.0228C11.3513 13.9328 11.4313 13.8703 11.5913 13.7445L12.238 13.2362C12.313 13.1762 12.3505 13.147 12.3738 13.1062C12.3972 13.0653 12.403 13.0187 12.4155 12.9228L12.5263 12.102C12.5538 11.8978 12.568 11.7945 12.6388 11.7353C12.7097 11.6762 12.813 11.6795 13.0197 11.6878L13.8222 11.7195C13.9197 11.7237 13.968 11.7253 14.013 11.7087C14.0572 11.692 14.093 11.6595 14.1647 11.5937L14.7588 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg></span>
                                                <select name="role" class="form-control js-example-basic-single">
                                                    <option value="">Select Role</option>
                                                    @foreach ($roles as $k => $role)
                                                        <option value="{{ $k }}"
                                                            @if (!empty($edit_list) && $edit_list['role_type'] == $k) selected @endif>
                                                            {{ ucfirst($k) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="supervisor" class="form-label">Report to</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M14.2498 12.917C15.6832 12.917 17.3748 13.5837 17.5832 13.9837V14.5837H10.9165V13.9837C11.1248 13.5837 12.8165 12.917 14.2498 12.917ZM14.2498 11.667C12.7248 11.667 9.6665 12.4337 9.6665 13.9587V15.8337H18.8332V13.9587C18.8332 12.4337 15.7748 11.667 14.2498 11.667ZM7.99984 10.8337C6.05817 10.8337 2.1665 11.8087 2.1665 13.7503V15.8337H7.99984V14.5837H3.4165V13.7503C3.4165 13.2253 5.7415 11.9503 8.68317 12.0837C9.0411 11.6549 9.48002 11.301 9.97484 11.042C9.3248 10.9088 8.66336 10.839 7.99984 10.8337ZM7.99984 5.41699C8.24706 5.41699 8.48874 5.4903 8.6943 5.62766C8.89986 5.76501 9.06008 5.96023 9.15469 6.18864C9.2493 6.41705 9.27405 6.66838 9.22582 6.91086C9.17759 7.15333 9.05854 7.37606 8.88372 7.55088C8.70891 7.72569 8.48618 7.84474 8.2437 7.89297C8.00122 7.94121 7.74989 7.91645 7.52148 7.82184C7.29308 7.72723 7.09785 7.56702 6.9605 7.36145C6.82315 7.15589 6.74984 6.91422 6.74984 6.66699C6.74984 6.33547 6.88153 6.01753 7.11595 5.78311C7.35037 5.54869 7.66832 5.41699 7.99984 5.41699ZM7.99984 4.16699C7.50538 4.16699 7.02203 4.31361 6.61091 4.58832C6.19979 4.86302 5.87936 5.25347 5.69014 5.71028C5.50092 6.1671 5.45141 6.66977 5.54787 7.15472C5.64434 7.63967 5.88244 8.08513 6.23207 8.43476C6.5817 8.78439 7.02716 9.02249 7.51211 9.11896C7.99706 9.21542 8.49973 9.16591 8.95655 8.97669C9.41336 8.78747 9.80381 8.46704 10.0785 8.05592C10.3532 7.6448 10.4998 7.16145 10.4998 6.66699C10.4998 6.00395 10.2364 5.36807 9.7676 4.89923C9.29876 4.43038 8.66288 4.16699 7.99984 4.16699ZM14.2498 7.08366C14.4147 7.08366 14.5758 7.13253 14.7128 7.2241C14.8499 7.31567 14.9567 7.44582 15.0197 7.59809C15.0828 7.75036 15.0993 7.91792 15.0672 8.07957C15.035 8.24122 14.9556 8.3897 14.8391 8.50625C14.7225 8.62279 14.5741 8.70216 14.4124 8.73431C14.2508 8.76647 14.0832 8.74997 13.9309 8.68689C13.7787 8.62382 13.6485 8.51701 13.5569 8.37997C13.4654 8.24293 13.4165 8.08181 13.4165 7.91699C13.4165 7.69598 13.5043 7.48402 13.6606 7.32774C13.8169 7.17146 14.0288 7.08366 14.2498 7.08366ZM14.2498 5.83366C13.8378 5.83366 13.435 5.95584 13.0924 6.18476C12.7498 6.41368 12.4828 6.73906 12.3251 7.11974C12.1674 7.50041 12.1261 7.9193 12.2065 8.32343C12.2869 8.72756 12.4853 9.09877 12.7767 9.39013C13.0681 9.68149 13.4393 9.87991 13.8434 9.9603C14.2475 10.0407 14.6664 9.99942 15.0471 9.84174C15.4278 9.68406 15.7531 9.41703 15.9821 9.07443C16.211 8.73183 16.3332 8.32904 16.3332 7.91699C16.3332 7.36446 16.1137 6.83455 15.723 6.44385C15.3323 6.05315 14.8024 5.83366 14.2498 5.83366Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="supervisor" class="form-control js-example-basic-single">
                                                    <option value="">Select Reporter</option>
                                                    @if ($report_to)
                                                        @foreach ($report_to as $data)
                                                            <option value="{{ $data->id }}"
                                                                {{ isset($edit_list['reporting_user_id']) && $edit_list['reporting_user_id'] == $data->id ? 'selected' : '' }}>
                                                                {{ $data->f_name . ' ' . $data->l_name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Payrole Details</h4>
                        </div><!-- end card header -->
                        <div class="card-body">
                            <div class="live-preview">
                                <div class="row gy-4">
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="timesheet_type" class="form-label">Timesheet Type</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                            d="M10.9998 9.58616L14.2423 12.8287L13.5357 13.5362L9.99984 10.0003V5.00033H10.9998V9.58616ZM10.4998 18.3337C5.89734 18.3337 2.1665 14.6028 2.1665 10.0003C2.1665 5.39783 5.89734 1.66699 10.4998 1.66699C15.1023 1.66699 18.8332 5.39783 18.8332 10.0003C18.8332 14.6028 15.1023 18.3337 10.4998 18.3337ZM10.4998 17.3337C12.4448 17.3337 14.31 16.561 15.6853 15.1858C17.0606 13.8105 17.8332 11.9452 17.8332 10.0003C17.8332 8.0554 17.0606 6.19014 15.6853 4.81488C14.31 3.43961 12.4448 2.66699 10.4998 2.66699C8.55492 2.66699 6.68965 3.43961 5.31439 4.81488C3.93912 6.19014 3.1665 8.0554 3.1665 10.0003C3.1665 11.9452 3.93912 13.8105 5.31439 15.1858C6.68965 16.561 8.55492 17.3337 10.4998 17.3337Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="timesheet_type"
                                                    class="form-control fs-14 js-example-basic-single">
                                                    <option value="">Select Timesheet Type</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['timesheet_type']) && $edit_list['timesheet_type'] == 1 ? 'selected' : '' }}>
                                                        Hourly
                                                    </option>
                                                    <option value="2"
                                                        {{ isset($edit_list['timesheet_type']) && $edit_list['timesheet_type'] == 2 ? 'selected' : '' }}>
                                                        Daily
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="pay_schedule" class="form-label">Pay Schedule</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M12.17 8.537C12.0908 8.53646 12.0146 8.56729 11.958 8.62274C11.9014 8.6782 11.8691 8.75378 11.868 8.833V11.045C11.8691 11.1244 11.9015 11.2001 11.9583 11.2556C12.0151 11.3111 12.0916 11.3418 12.171 11.341H18.834C18.9134 11.3418 18.9899 11.3111 19.0467 11.2556C19.1035 11.2001 19.1359 11.1244 19.137 11.045V8.833C19.1359 8.75361 19.1035 8.67787 19.0467 8.62239C18.9899 8.5669 18.9134 8.5362 18.834 8.537H12.17ZM16.256 1.501C17.178 1.545 17.841 1.727 18.261 2.113C18.676 2.495 18.889 3.048 18.931 3.78V5.877C18.9289 6.05558 18.856 6.22603 18.7283 6.3509C18.6006 6.47578 18.4286 6.54487 18.25 6.543C18.1615 6.54406 18.0736 6.52767 17.9915 6.49477C17.9093 6.46187 17.8344 6.41311 17.7711 6.35126C17.7077 6.28942 17.6572 6.2157 17.6224 6.13433C17.5875 6.05295 17.569 5.96551 17.568 5.877L17.569 3.818C17.547 3.438 17.456 3.202 17.326 3.082C17.2 2.966 16.816 2.862 16.223 2.832H3.147C2.61 2.852 2.261 2.954 2.092 3.099C1.962 3.21 1.864 3.516 1.863 4.045L1.86 15.815C1.91 16.329 2.023 16.672 2.168 16.843C2.278 16.973 2.619 17.103 3.121 17.167H16.237C16.851 17.179 17.213 17.087 17.335 16.964C17.47 16.827 17.568 16.467 17.568 15.878V13.833C17.568 13.466 17.873 13.167 18.25 13.167C18.626 13.167 18.931 13.466 18.931 13.833V15.878C18.931 16.778 18.747 17.451 18.316 17.888C17.872 18.338 17.166 18.518 16.223 18.498L3.04 18.495C2.143 18.391 1.5 18.145 1.117 17.692C0.77 17.282 0.577 16.697 0.5 15.879V4.044C0.502 3.168 0.712 2.509 1.194 2.097C1.636 1.717 2.274 1.532 3.121 1.5L16.256 1.501ZM18.834 7.205C19.754 7.205 20.5 7.934 20.5 8.833V11.045C20.5 11.944 19.754 12.673 18.834 12.673H12.171C11.251 12.673 10.505 11.943 10.505 11.045V8.833C10.505 7.934 11.251 7.205 12.171 7.205H18.834ZM13.837 9.145C13.377 9.145 13.004 9.505 13.004 9.948C13.004 10.391 13.377 10.751 13.837 10.751C14.297 10.751 14.67 10.391 14.67 9.948C14.67 9.505 14.297 9.144 13.837 9.144"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="pay_schedule"
                                                    class="form-control fs-14 js-example-basic-single">
                                                    <option value="">Select Pay Schedule</option>
                                                    <option value="1"
                                                        {{ isset($edit_list['pay_schedule']) && $edit_list['pay_schedule'] == 1 ? 'selected' : '' }}>
                                                        Monthly
                                                    </option>
                                                    <option value="2"
                                                        {{ isset($edit_list['pay_schedule']) && $edit_list['pay_schedule'] == 2 ? 'selected' : '' }}>
                                                        Bi-weekly
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    {{--   <div class="col-xxl-4 col-md-6 col-lg-4">
                                    <div class="form-group">
                                        <label for="division" class="form-label">Division</label>
                                        <div class="input-field">
                                            <span class="icon z-index">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
												viewBox="0 0 21 20" fill="none">
                                                    <path
													d="M9.25 6.25C9.25 6.00277 9.32331 5.7611 9.46066 5.55554C9.59801 5.34998 9.79324 5.18976 10.0216 5.09515C10.2501 5.00054 10.5014 4.97579 10.7439 5.02402C10.9863 5.07225 11.2091 5.1913 11.3839 5.36612C11.5587 5.54093 11.6778 5.76366 11.726 6.00614C11.7742 6.24861 11.7495 6.49995 11.6549 6.72835C11.5602 6.95676 11.4 7.15199 11.1945 7.28934C10.9889 7.42669 10.7472 7.5 10.5 7.5C10.1685 7.5 9.85054 7.3683 9.61612 7.13388C9.3817 6.89946 9.25 6.58152 9.25 6.25ZM5.5 6.25C5.5 4.92392 6.02678 3.65215 6.96447 2.71447C7.90215 1.77678 9.17392 1.25 10.5 1.25C11.8261 1.25 13.0979 1.77678 14.0355 2.71447C14.9732 3.65215 15.5 4.92392 15.5 6.25C15.5 10.9336 11.0016 13.5578 10.8125 13.668C10.718 13.722 10.6111 13.7504 10.5023 13.7504C10.3935 13.7504 10.2866 13.722 10.1922 13.668C9.99844 13.5578 5.5 10.9375 5.5 6.25ZM6.75 6.25C6.75 9.54688 9.55 11.7352 10.5 12.3828C11.4492 11.7359 14.25 9.54688 14.25 6.25C14.25 5.25544 13.8549 4.30161 13.1517 3.59835C12.4484 2.89509 11.4946 2.5 10.5 2.5C9.50544 2.5 8.55161 2.89509 7.84835 3.59835C7.14509 4.30161 6.75 5.25544 6.75 6.25ZM16.3414 11.5336C16.1876 11.4828 16.02 11.4937 15.8741 11.564C15.7281 11.6343 15.6152 11.7585 15.5591 11.9105C15.5029 12.0625 15.508 12.2303 15.5732 12.3786C15.6384 12.5269 15.7587 12.6441 15.9086 12.7055C17.1984 13.1828 18 13.8219 18 14.375C18 15.4187 15.1469 16.875 10.5 16.875C5.85313 16.875 3 15.4187 3 14.375C3 13.8219 3.80156 13.1828 5.09141 12.7063C5.24134 12.6449 5.36158 12.5277 5.42679 12.3794C5.49199 12.2311 5.49707 12.0633 5.44094 11.9113C5.38481 11.7593 5.27187 11.6351 5.12592 11.5648C4.97997 11.4945 4.81242 11.4836 4.65859 11.5344C2.78281 12.2258 1.75 13.2352 1.75 14.375C1.75 16.8109 6.25859 18.125 10.5 18.125C14.7414 18.125 19.25 16.8109 19.25 14.375C19.25 13.2352 18.2172 12.2258 16.3414 11.5336Z"
													fill="#96A5B8" />
												</svg>
											</span>
                                            <select name="division" class="form-control fs-14 js-example-basic-single">
                                                <option value="">Select Division</option>
                                                <option value="1"
												{{ isset($edit_list['division']) && $edit_list['division'] == 1 ? 'selected' : '' }}>
													Finance
												</option>
												<option value="2" {{ isset($edit_list['division']) && $edit_list['division'] == 2 ? 'selected' : '' }}>
													Engineering
												</option>
											</select>
										</div>
									</div>
									</div> <div class="col-xxl-4 col-md-6 col-lg-4">
									<div class="form-group">
										<label for="pin" class="form-label">PIN</label>
										<div class="input-field">
											<span class="icon">
												<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
												viewBox="0 0 21 20" fill="none">
													<path
													d="M13.625 1.25C12.7466 1.2498 11.8804 1.45535 11.0958 1.85019C10.3111 2.24503 9.62991 2.81818 9.10666 3.5237C8.58342 4.22922 8.23271 5.0475 8.08264 5.91296C7.93257 6.77842 7.98732 7.66701 8.2425 8.5075L1.75 15V18.75H5.5L11.9925 12.2575C12.7662 12.4923 13.5814 12.5576 14.3826 12.4489C15.1838 12.3402 15.9522 12.06 16.6353 11.6275C17.3184 11.195 17.9003 10.6203 18.3412 9.94256C18.7822 9.26483 19.0718 8.5 19.1904 7.70021C19.3091 6.90041 19.2539 6.08444 19.0286 5.3079C18.8033 4.53137 18.4133 3.81252 17.8851 3.20035C17.3569 2.58818 16.703 2.09708 15.9678 1.76051C15.2326 1.42394 14.4335 1.24981 13.625 1.25ZM13.625 11.25C13.1947 11.2499 12.7667 11.1863 12.355 11.0612L11.6381 10.8438L11.1088 11.3731L9.12063 13.3612L8.25875 12.5L7.375 13.3837L8.23687 14.2456L7.24563 15.2369L6.38375 14.375L5.5 15.2587L6.36187 16.1206L4.9825 17.5H3V15.5175L9.12625 9.39125L9.65625 8.86188L9.43875 8.145C9.17161 7.26437 9.18897 6.32193 9.48834 5.45173C9.78772 4.58153 10.3539 3.82789 11.1063 3.29802C11.8587 2.76814 12.759 2.48901 13.6792 2.50033C14.5994 2.51165 15.4926 2.81285 16.2317 3.36107C16.9708 3.9093 17.5183 4.67664 17.7961 5.55394C18.074 6.43124 18.0682 7.37382 17.7795 8.24761C17.4907 9.12141 16.9338 9.88191 16.188 10.4209C15.4421 10.96 14.5453 11.2501 13.625 11.25Z"
													fill="#96A5B8" />
													<path
													d="M14.25 7.5C14.9404 7.5 15.5 6.94036 15.5 6.25C15.5 5.55964 14.9404 5 14.25 5C13.5596 5 13 5.55964 13 6.25C13 6.94036 13.5596 7.5 14.25 7.5Z"
													fill="#96A5B8" />
												</svg>
											</span>
											<input type="text" name="pin" class="form-control fs-14"
											id="pin" placeholder="Enter PIN"
											value="{{ isset($edit_list['pin']) ? $edit_list['pin'] : '' }}">
										</div>
									</div>
								</div>
								<div class="col-xxl-4 col-md-6 col-lg-4">
									<div class="form-group">
										<label for="repeat_pin" class="form-label">Repeat PIN</label>
										<div class="input-field">
											<span class="icon">
												<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
												viewBox="0 0 21 20" fill="none">
													<path
													d="M13.625 1.25C12.7466 1.2498 11.8804 1.45535 11.0958 1.85019C10.3111 2.24503 9.62991 2.81818 9.10666 3.5237C8.58342 4.22922 8.23271 5.0475 8.08264 5.91296C7.93257 6.77842 7.98732 7.66701 8.2425 8.5075L1.75 15V18.75H5.5L11.9925 12.2575C12.7662 12.4923 13.5814 12.5576 14.3826 12.4489C15.1838 12.3402 15.9522 12.06 16.6353 11.6275C17.3184 11.195 17.9003 10.6203 18.3412 9.94256C18.7822 9.26483 19.0718 8.5 19.1904 7.70021C19.3091 6.90041 19.2539 6.08444 19.0286 5.3079C18.8033 4.53137 18.4133 3.81252 17.8851 3.20035C17.3569 2.58818 16.703 2.09708 15.9678 1.76051C15.2326 1.42394 14.4335 1.24981 13.625 1.25ZM13.625 11.25C13.1947 11.2499 12.7667 11.1863 12.355 11.0612L11.6381 10.8438L11.1088 11.3731L9.12063 13.3612L8.25875 12.5L7.375 13.3837L8.23687 14.2456L7.24563 15.2369L6.38375 14.375L5.5 15.2587L6.36187 16.1206L4.9825 17.5H3V15.5175L9.12625 9.39125L9.65625 8.86188L9.43875 8.145C9.17161 7.26437 9.18897 6.32193 9.48834 5.45173C9.78772 4.58153 10.3539 3.82789 11.1063 3.29802C11.8587 2.76814 12.759 2.48901 13.6792 2.50033C14.5994 2.51165 15.4926 2.81285 16.2317 3.36107C16.9708 3.9093 17.5183 4.67664 17.7961 5.55394C18.074 6.43124 18.0682 7.37382 17.7795 8.24761C17.4907 9.12141 16.9338 9.88191 16.188 10.4209C15.4421 10.96 14.5453 11.2501 13.625 11.25Z"
													fill="#96A5B8" />
													<path
													d="M14.25 7.5C14.9404 7.5 15.5 6.94036 15.5 6.25C15.5 5.55964 14.9404 5 14.25 5C13.5596 5 13 5.55964 13 6.25C13 6.94036 13.5596 7.5 14.25 7.5Z"
													fill="#96A5B8" />
												</svg>
											</span>
											<input type="text" name="repeat_pin" class="form-control fs-14"
											placeholder="Repeat PIN"
											value="{{ isset($edit_list['repeat_pin']) ? $edit_list['repeat_pin'] : '' }}">
										</div>
									</div>
								</div> --}}
                                    <!-- @if (
                                        (auth()->user()->can('employee create') && !(isset($edit_list) and !empty($edit_list))) ||
                                            (auth()->user()->can('employee edit') && (isset($edit_list) and !empty($edit_list))))
    <div class="col-12">
                                                                                                                                                                                                                     <div class="input-group d-flex justify-content-end">
                                                                                                                                                                                                                     <button class="btn btn_primary" type="submit">Save</button>
                                                                                                                                                                                                                     </div>
                                                                                                                                                                                                                     </div>
    @endif -->

                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Wage Details</h4>
                        </div><!-- end card header -->
                        <div class="card-body">
                            <div class="live-preview">
                                <div class="row gy-4">
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="role" class="form-label">Rate</label>
                                            <div class="input-field">
                                                <span class="icon z-index"><svg xmlns="http://www.w3.org/2000/svg"
                                                        width="21" height="20" viewBox="0 0 21 20"
                                                        fill="none">
                                                        <path
                                                            d="M9.67234 17.5007H8.504C5.5165 17.5007 4.02317 17.5007 3.09484 16.5548C2.1665 15.609 2.1665 14.0865 2.1665 11.0423C2.1665 7.99815 2.1665 6.47565 3.09484 5.52982C4.02317 4.58398 5.5165 4.58398 8.504 4.58398H11.6732C14.6607 4.58398 16.1548 4.58398 17.0832 5.52982C17.7973 6.25732 17.9615 7.32648 17.9998 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.833 4.58366L13.7497 4.32533C13.3372 3.04199 13.1313 2.40033 12.6405 2.03366C12.1488 1.66699 11.4972 1.66699 10.1913 1.66699H9.97217C8.66801 1.66699 8.01551 1.66699 7.52467 2.03366C7.03301 2.40033 6.82717 3.04199 6.41467 4.32533L6.33301 4.58366M14.7588 11.0462C14.913 10.9045 14.9897 10.8337 15.083 10.8337C15.1763 10.8337 15.253 10.9045 15.4072 11.0462L16.0013 11.5937C16.073 11.6595 16.1088 11.6928 16.153 11.7087C16.198 11.7253 16.2463 11.7237 16.3447 11.7195L17.1463 11.6878C17.353 11.6795 17.4563 11.6762 17.5272 11.7353C17.598 11.7945 17.6122 11.897 17.6397 12.102L17.7497 12.9237C17.763 13.0187 17.7688 13.0653 17.7922 13.107C17.8155 13.147 17.853 13.1762 17.928 13.2353L18.5747 13.7437C18.7347 13.8703 18.8147 13.9328 18.8305 14.0228C18.8463 14.1128 18.7922 14.1995 18.6855 14.3728L18.2472 15.0787C18.1972 15.1595 18.1722 15.2003 18.1638 15.2453C18.1555 15.2903 18.1655 15.3378 18.1855 15.4312L18.3597 16.2462C18.4013 16.4462 18.423 16.5462 18.3772 16.6262C18.3313 16.7062 18.2338 16.7378 18.0397 16.8012L17.268 17.052C17.1763 17.082 17.1297 17.097 17.0938 17.127C17.058 17.1578 17.0355 17.2012 16.9913 17.287L16.6147 18.0128C16.5188 18.1987 16.4705 18.2912 16.383 18.3228C16.2955 18.3545 16.1997 18.3145 16.0063 18.2345L15.2663 17.9278C15.1755 17.8903 15.1305 17.8712 15.083 17.8712C15.0355 17.8712 14.9905 17.8903 14.8997 17.9278L14.1597 18.2345C13.9663 18.3145 13.8705 18.3545 13.783 18.3228C13.6955 18.2912 13.6472 18.1978 13.5513 18.0128L13.1747 17.287C13.1297 17.2012 13.108 17.1578 13.0722 17.1278C13.0363 17.0978 12.9897 17.082 12.898 17.0528L12.1263 16.8012C11.9322 16.7378 11.8347 16.7062 11.7888 16.6262C11.743 16.5462 11.7638 16.447 11.8063 16.2462L11.9813 15.4312C12.0005 15.3378 12.0105 15.2912 12.0022 15.2462C11.9851 15.1859 11.9568 15.1293 11.9188 15.0795L11.4813 14.3728C11.373 14.1995 11.3197 14.1128 11.3355 14.0228C11.3513 13.9328 11.4313 13.8703 11.5913 13.7445L12.238 13.2362C12.313 13.1762 12.3505 13.147 12.3738 13.1062C12.3972 13.0653 12.403 13.0187 12.4155 12.9228L12.5263 12.102C12.5538 11.8978 12.568 11.7945 12.6388 11.7353C12.7097 11.6762 12.813 11.6795 13.0197 11.6878L13.8222 11.7195C13.9197 11.7237 13.968 11.7253 14.013 11.7087C14.0572 11.692 14.093 11.6595 14.1647 11.5937L14.7588 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg></span>
                                                <input type="text" class="form-control"
                                                    value="{{ isset($edit_list['wave_rate']) ? $edit_list['wave_rate'] : '' }}"
                                                    placeholder="Rate" name="wave_rate" id="wave_rate">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="wave_type" class="form-label">Type</label>
                                            <div class="input-field">
                                                <span class="icon z-index">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20"
                                                        viewBox="0 0 21 20" fill="none">
                                                        <path
                                                            d="M14.2498 12.917C15.6832 12.917 17.3748 13.5837 17.5832 13.9837V14.5837H10.9165V13.9837C11.1248 13.5837 12.8165 12.917 14.2498 12.917ZM14.2498 11.667C12.7248 11.667 9.6665 12.4337 9.6665 13.9587V15.8337H18.8332V13.9587C18.8332 12.4337 15.7748 11.667 14.2498 11.667ZM7.99984 10.8337C6.05817 10.8337 2.1665 11.8087 2.1665 13.7503V15.8337H7.99984V14.5837H3.4165V13.7503C3.4165 13.2253 5.7415 11.9503 8.68317 12.0837C9.0411 11.6549 9.48002 11.301 9.97484 11.042C9.3248 10.9088 8.66336 10.839 7.99984 10.8337ZM7.99984 5.41699C8.24706 5.41699 8.48874 5.4903 8.6943 5.62766C8.89986 5.76501 9.06008 5.96023 9.15469 6.18864C9.2493 6.41705 9.27405 6.66838 9.22582 6.91086C9.17759 7.15333 9.05854 7.37606 8.88372 7.55088C8.70891 7.72569 8.48618 7.84474 8.2437 7.89297C8.00122 7.94121 7.74989 7.91645 7.52148 7.82184C7.29308 7.72723 7.09785 7.56702 6.9605 7.36145C6.82315 7.15589 6.74984 6.91422 6.74984 6.66699C6.74984 6.33547 6.88153 6.01753 7.11595 5.78311C7.35037 5.54869 7.66832 5.41699 7.99984 5.41699ZM7.99984 4.16699C7.50538 4.16699 7.02203 4.31361 6.61091 4.58832C6.19979 4.86302 5.87936 5.25347 5.69014 5.71028C5.50092 6.1671 5.45141 6.66977 5.54787 7.15472C5.64434 7.63967 5.88244 8.08513 6.23207 8.43476C6.5817 8.78439 7.02716 9.02249 7.51211 9.11896C7.99706 9.21542 8.49973 9.16591 8.95655 8.97669C9.41336 8.78747 9.80381 8.46704 10.0785 8.05592C10.3532 7.6448 10.4998 7.16145 10.4998 6.66699C10.4998 6.00395 10.2364 5.36807 9.7676 4.89923C9.29876 4.43038 8.66288 4.16699 7.99984 4.16699ZM14.2498 7.08366C14.4147 7.08366 14.5758 7.13253 14.7128 7.2241C14.8499 7.31567 14.9567 7.44582 15.0197 7.59809C15.0828 7.75036 15.0993 7.91792 15.0672 8.07957C15.035 8.24122 14.9556 8.3897 14.8391 8.50625C14.7225 8.62279 14.5741 8.70216 14.4124 8.73431C14.2508 8.76647 14.0832 8.74997 13.9309 8.68689C13.7787 8.62382 13.6485 8.51701 13.5569 8.37997C13.4654 8.24293 13.4165 8.08181 13.4165 7.91699C13.4165 7.69598 13.5043 7.48402 13.6606 7.32774C13.8169 7.17146 14.0288 7.08366 14.2498 7.08366ZM14.2498 5.83366C13.8378 5.83366 13.435 5.95584 13.0924 6.18476C12.7498 6.41368 12.4828 6.73906 12.3251 7.11974C12.1674 7.50041 12.1261 7.9193 12.2065 8.32343C12.2869 8.72756 12.4853 9.09877 12.7767 9.39013C13.0681 9.68149 13.4393 9.87991 13.8434 9.9603C14.2475 10.0407 14.6664 9.99942 15.0471 9.84174C15.4278 9.68406 15.7531 9.41703 15.9821 9.07443C16.211 8.73183 16.3332 8.32904 16.3332 7.91699C16.3332 7.36446 16.1137 6.83455 15.723 6.44385C15.3323 6.05315 14.8024 5.83366 14.2498 5.83366Z"
                                                            fill="#96A5B8" />
                                                    </svg>
                                                </span>
                                                <select name="wave_type" id="wave_type"
                                                    class="form-control js-example-basic-single">
                                                    <option value="1"
                                                        {{ isset($edit_list['wave_type']) && $edit_list['wave_type'] == 1 ? 'selected' : '' }}>
                                                        Hourly</option>
                                                    <option value="2"
                                                        {{ isset($edit_list['wave_type']) && $edit_list['wave_type'] == 2 ? 'selected' : '' }}>
                                                        Weekly</option>
                                                    <option value="3"
                                                        {{ isset($edit_list['wave_type']) && $edit_list['wave_type'] == 3 ? 'selected' : '' }}>
                                                        Monthly</option>
                                                    <option value="4"
                                                        {{ isset($edit_list['wave_type']) && $edit_list['wave_type'] == 4 ? 'selected' : '' }}>
                                                        Yearly</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="role" class="form-label">Labor Burden %</label>
                                            <div class="input-field">
                                                <span class="icon z-index"><svg xmlns="http://www.w3.org/2000/svg"
                                                        width="21" height="20" viewBox="0 0 21 20"
                                                        fill="none">
                                                        <path
                                                            d="M9.67234 17.5007H8.504C5.5165 17.5007 4.02317 17.5007 3.09484 16.5548C2.1665 15.609 2.1665 14.0865 2.1665 11.0423C2.1665 7.99815 2.1665 6.47565 3.09484 5.52982C4.02317 4.58398 5.5165 4.58398 8.504 4.58398H11.6732C14.6607 4.58398 16.1548 4.58398 17.0832 5.52982C17.7973 6.25732 17.9615 7.32648 17.9998 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.833 4.58366L13.7497 4.32533C13.3372 3.04199 13.1313 2.40033 12.6405 2.03366C12.1488 1.66699 11.4972 1.66699 10.1913 1.66699H9.97217C8.66801 1.66699 8.01551 1.66699 7.52467 2.03366C7.03301 2.40033 6.82717 3.04199 6.41467 4.32533L6.33301 4.58366M14.7588 11.0462C14.913 10.9045 14.9897 10.8337 15.083 10.8337C15.1763 10.8337 15.253 10.9045 15.4072 11.0462L16.0013 11.5937C16.073 11.6595 16.1088 11.6928 16.153 11.7087C16.198 11.7253 16.2463 11.7237 16.3447 11.7195L17.1463 11.6878C17.353 11.6795 17.4563 11.6762 17.5272 11.7353C17.598 11.7945 17.6122 11.897 17.6397 12.102L17.7497 12.9237C17.763 13.0187 17.7688 13.0653 17.7922 13.107C17.8155 13.147 17.853 13.1762 17.928 13.2353L18.5747 13.7437C18.7347 13.8703 18.8147 13.9328 18.8305 14.0228C18.8463 14.1128 18.7922 14.1995 18.6855 14.3728L18.2472 15.0787C18.1972 15.1595 18.1722 15.2003 18.1638 15.2453C18.1555 15.2903 18.1655 15.3378 18.1855 15.4312L18.3597 16.2462C18.4013 16.4462 18.423 16.5462 18.3772 16.6262C18.3313 16.7062 18.2338 16.7378 18.0397 16.8012L17.268 17.052C17.1763 17.082 17.1297 17.097 17.0938 17.127C17.058 17.1578 17.0355 17.2012 16.9913 17.287L16.6147 18.0128C16.5188 18.1987 16.4705 18.2912 16.383 18.3228C16.2955 18.3545 16.1997 18.3145 16.0063 18.2345L15.2663 17.9278C15.1755 17.8903 15.1305 17.8712 15.083 17.8712C15.0355 17.8712 14.9905 17.8903 14.8997 17.9278L14.1597 18.2345C13.9663 18.3145 13.8705 18.3545 13.783 18.3228C13.6955 18.2912 13.6472 18.1978 13.5513 18.0128L13.1747 17.287C13.1297 17.2012 13.108 17.1578 13.0722 17.1278C13.0363 17.0978 12.9897 17.082 12.898 17.0528L12.1263 16.8012C11.9322 16.7378 11.8347 16.7062 11.7888 16.6262C11.743 16.5462 11.7638 16.447 11.8063 16.2462L11.9813 15.4312C12.0005 15.3378 12.0105 15.2912 12.0022 15.2462C11.9851 15.1859 11.9568 15.1293 11.9188 15.0795L11.4813 14.3728C11.373 14.1995 11.3197 14.1128 11.3355 14.0228C11.3513 13.9328 11.4313 13.8703 11.5913 13.7445L12.238 13.2362C12.313 13.1762 12.3505 13.147 12.3738 13.1062C12.3972 13.0653 12.403 13.0187 12.4155 12.9228L12.5263 12.102C12.5538 11.8978 12.568 11.7945 12.6388 11.7353C12.7097 11.6762 12.813 11.6795 13.0197 11.6878L13.8222 11.7195C13.9197 11.7237 13.968 11.7253 14.013 11.7087C14.0572 11.692 14.093 11.6595 14.1647 11.5937L14.7588 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg></span>
                                                <input type="text" class="form-control"
                                                    value="{{ isset($edit_list['wave_labor_burden']) ? $edit_list['wave_labor_burden'] : '' }}"
                                                    placeholder="Labor Burden" name="wave_labor_burden"
                                                    id="wave_labor_burden">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4"
                                        style="
                                        {{ (isset($edit_list['wave_type']) && $edit_list['wave_type'] == 1) || !isset($edit_list['wave_type']) ? 'display:none' : '' }}"
                                        id="exp_hour_week">
                                        <div class="form-group">
                                            <label for="role" class="form-label">Expected Hours Per Week</label>
                                            <div class="input-field">
                                                <span class="icon z-index"><svg xmlns="http://www.w3.org/2000/svg"
                                                        width="21" height="20" viewBox="0 0 21 20"
                                                        fill="none">
                                                        <path
                                                            d="M9.67234 17.5007H8.504C5.5165 17.5007 4.02317 17.5007 3.09484 16.5548C2.1665 15.609 2.1665 14.0865 2.1665 11.0423C2.1665 7.99815 2.1665 6.47565 3.09484 5.52982C4.02317 4.58398 5.5165 4.58398 8.504 4.58398H11.6732C14.6607 4.58398 16.1548 4.58398 17.0832 5.52982C17.7973 6.25732 17.9615 7.32648 17.9998 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.833 4.58366L13.7497 4.32533C13.3372 3.04199 13.1313 2.40033 12.6405 2.03366C12.1488 1.66699 11.4972 1.66699 10.1913 1.66699H9.97217C8.66801 1.66699 8.01551 1.66699 7.52467 2.03366C7.03301 2.40033 6.82717 3.04199 6.41467 4.32533L6.33301 4.58366M14.7588 11.0462C14.913 10.9045 14.9897 10.8337 15.083 10.8337C15.1763 10.8337 15.253 10.9045 15.4072 11.0462L16.0013 11.5937C16.073 11.6595 16.1088 11.6928 16.153 11.7087C16.198 11.7253 16.2463 11.7237 16.3447 11.7195L17.1463 11.6878C17.353 11.6795 17.4563 11.6762 17.5272 11.7353C17.598 11.7945 17.6122 11.897 17.6397 12.102L17.7497 12.9237C17.763 13.0187 17.7688 13.0653 17.7922 13.107C17.8155 13.147 17.853 13.1762 17.928 13.2353L18.5747 13.7437C18.7347 13.8703 18.8147 13.9328 18.8305 14.0228C18.8463 14.1128 18.7922 14.1995 18.6855 14.3728L18.2472 15.0787C18.1972 15.1595 18.1722 15.2003 18.1638 15.2453C18.1555 15.2903 18.1655 15.3378 18.1855 15.4312L18.3597 16.2462C18.4013 16.4462 18.423 16.5462 18.3772 16.6262C18.3313 16.7062 18.2338 16.7378 18.0397 16.8012L17.268 17.052C17.1763 17.082 17.1297 17.097 17.0938 17.127C17.058 17.1578 17.0355 17.2012 16.9913 17.287L16.6147 18.0128C16.5188 18.1987 16.4705 18.2912 16.383 18.3228C16.2955 18.3545 16.1997 18.3145 16.0063 18.2345L15.2663 17.9278C15.1755 17.8903 15.1305 17.8712 15.083 17.8712C15.0355 17.8712 14.9905 17.8903 14.8997 17.9278L14.1597 18.2345C13.9663 18.3145 13.8705 18.3545 13.783 18.3228C13.6955 18.2912 13.6472 18.1978 13.5513 18.0128L13.1747 17.287C13.1297 17.2012 13.108 17.1578 13.0722 17.1278C13.0363 17.0978 12.9897 17.082 12.898 17.0528L12.1263 16.8012C11.9322 16.7378 11.8347 16.7062 11.7888 16.6262C11.743 16.5462 11.7638 16.447 11.8063 16.2462L11.9813 15.4312C12.0005 15.3378 12.0105 15.2912 12.0022 15.2462C11.9851 15.1859 11.9568 15.1293 11.9188 15.0795L11.4813 14.3728C11.373 14.1995 11.3197 14.1128 11.3355 14.0228C11.3513 13.9328 11.4313 13.8703 11.5913 13.7445L12.238 13.2362C12.313 13.1762 12.3505 13.147 12.3738 13.1062C12.3972 13.0653 12.403 13.0187 12.4155 12.9228L12.5263 12.102C12.5538 11.8978 12.568 11.7945 12.6388 11.7353C12.7097 11.6762 12.813 11.6795 13.0197 11.6878L13.8222 11.7195C13.9197 11.7237 13.968 11.7253 14.013 11.7087C14.0572 11.692 14.093 11.6595 14.1647 11.5937L14.7588 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg></span>
                                                <input type="text" class="form-control"
                                                    value="{{ isset($edit_list['wave_expected_hours']) ? $edit_list['wave_expected_hours'] : '' }}"
                                                    placeholder="Expected Hours Per Week" name="wave_expected_hours"
                                                    id="wave_expected_hours">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-4 col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label for="role" class="form-label"> Esitmated Hourly Cost</label>
                                            <div class="input-field">
                                                <span class="icon z-index"><svg xmlns="http://www.w3.org/2000/svg"
                                                        width="21" height="20" viewBox="0 0 21 20"
                                                        fill="none">
                                                        <path
                                                            d="M9.67234 17.5007H8.504C5.5165 17.5007 4.02317 17.5007 3.09484 16.5548C2.1665 15.609 2.1665 14.0865 2.1665 11.0423C2.1665 7.99815 2.1665 6.47565 3.09484 5.52982C4.02317 4.58398 5.5165 4.58398 8.504 4.58398H11.6732C14.6607 4.58398 16.1548 4.58398 17.0832 5.52982C17.7973 6.25732 17.9615 7.32648 17.9998 9.16732"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M13.833 4.58366L13.7497 4.32533C13.3372 3.04199 13.1313 2.40033 12.6405 2.03366C12.1488 1.66699 11.4972 1.66699 10.1913 1.66699H9.97217C8.66801 1.66699 8.01551 1.66699 7.52467 2.03366C7.03301 2.40033 6.82717 3.04199 6.41467 4.32533L6.33301 4.58366M14.7588 11.0462C14.913 10.9045 14.9897 10.8337 15.083 10.8337C15.1763 10.8337 15.253 10.9045 15.4072 11.0462L16.0013 11.5937C16.073 11.6595 16.1088 11.6928 16.153 11.7087C16.198 11.7253 16.2463 11.7237 16.3447 11.7195L17.1463 11.6878C17.353 11.6795 17.4563 11.6762 17.5272 11.7353C17.598 11.7945 17.6122 11.897 17.6397 12.102L17.7497 12.9237C17.763 13.0187 17.7688 13.0653 17.7922 13.107C17.8155 13.147 17.853 13.1762 17.928 13.2353L18.5747 13.7437C18.7347 13.8703 18.8147 13.9328 18.8305 14.0228C18.8463 14.1128 18.7922 14.1995 18.6855 14.3728L18.2472 15.0787C18.1972 15.1595 18.1722 15.2003 18.1638 15.2453C18.1555 15.2903 18.1655 15.3378 18.1855 15.4312L18.3597 16.2462C18.4013 16.4462 18.423 16.5462 18.3772 16.6262C18.3313 16.7062 18.2338 16.7378 18.0397 16.8012L17.268 17.052C17.1763 17.082 17.1297 17.097 17.0938 17.127C17.058 17.1578 17.0355 17.2012 16.9913 17.287L16.6147 18.0128C16.5188 18.1987 16.4705 18.2912 16.383 18.3228C16.2955 18.3545 16.1997 18.3145 16.0063 18.2345L15.2663 17.9278C15.1755 17.8903 15.1305 17.8712 15.083 17.8712C15.0355 17.8712 14.9905 17.8903 14.8997 17.9278L14.1597 18.2345C13.9663 18.3145 13.8705 18.3545 13.783 18.3228C13.6955 18.2912 13.6472 18.1978 13.5513 18.0128L13.1747 17.287C13.1297 17.2012 13.108 17.1578 13.0722 17.1278C13.0363 17.0978 12.9897 17.082 12.898 17.0528L12.1263 16.8012C11.9322 16.7378 11.8347 16.7062 11.7888 16.6262C11.743 16.5462 11.7638 16.447 11.8063 16.2462L11.9813 15.4312C12.0005 15.3378 12.0105 15.2912 12.0022 15.2462C11.9851 15.1859 11.9568 15.1293 11.9188 15.0795L11.4813 14.3728C11.373 14.1995 11.3197 14.1128 11.3355 14.0228C11.3513 13.9328 11.4313 13.8703 11.5913 13.7445L12.238 13.2362C12.313 13.1762 12.3505 13.147 12.3738 13.1062C12.3972 13.0653 12.403 13.0187 12.4155 12.9228L12.5263 12.102C12.5538 11.8978 12.568 11.7945 12.6388 11.7353C12.7097 11.6762 12.813 11.6795 13.0197 11.6878L13.8222 11.7195C13.9197 11.7237 13.968 11.7253 14.013 11.7087C14.0572 11.692 14.093 11.6595 14.1647 11.5937L14.7588 11.0462Z"
                                                            stroke="#96A5B8" stroke-width="1.5" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg></span>
                                                <input type="text" readonly class="form-control"
                                                    value="{{ isset($edit_list['wave_hourly_cost']) ? $edit_list['wave_hourly_cost'] : '' }}"
                                                    placeholder="Labor Burden" name="wave_hourly_cost"
                                                    id="wave_hourly_cost">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </form>
    </div>
    <!-- Submit Button -->
@endsection
@section('script')
    <script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
    <script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
    <script src="{{ url('js/select2.init.js') }}"></script>
    <script src="https://cdn.rawgit.com/jzaefferer/jquery-validation/1.19.3/dist/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="{{ url('js/pages/form-pickers.init.js') }}"></script>
    <script src="{{ url('js/libs/@simonwep/pickr/pickr.min.js') }}"></script>
    <script src="{{ url('js/employee/employee_add.js') }}"></script>
    <script>
        var subdepartment = @json($subdepartment);

        document.getElementById('zip').addEventListener('input', function(e) {
            this.value = this.value.replace(/[^0-9]/g, ''); // Allow only numbers
            if (this.value.length > 10) {
                this.value = this.value.slice(0, 10); // Ensure max 10 digits
            }
        });
        document.querySelectorAll('#work_location, #job_title').forEach(function(input) {
            input.addEventListener('input', function() {
                // Allow only letters and spaces
                this.value = this.value.replace(/[^A-Za-z\s]/g, '');

                // Remove leading space
                this.value = this.value.replace(/^\s+/g, '');

                // Replace multiple spaces with a single space
                this.value = this.value.replace(/\s{2,}/g, ' ');
            });
        });
        document.addEventListener("DOMContentLoaded", function() {
            flatpickr("#date_of_birth", {
                altInput: true,
                altFormat: "m/d/Y",
                dateFormat: "Y-m-d", // Backend-friendly format
                maxDate: "today" // Prevents selecting future dates
            });
        });

        $("#employee_id").on("input", function() {
            const regex = /^[a-zA-Z0-9_-]*$/;
            if (!regex.test($(this).val())) {
                $(this).val($(this).val().replace(/[^a-zA-Z0-9_-]/g, ""));
            }
        });

        function toggleCustomFocus(e, add = true) {
            const selection = e.target?.nextElementSibling?.querySelector('.select2-selection--single');
            if (selection) {
                selection.classList.toggle('custom-focus', add);
            }
        }
        $(document).on('select2:open', function(e) {
            toggleCustomFocus(e, true);
            requestAnimationFrame(() => {
                document.querySelector('.select2-container--open .select2-search__field')?.focus();
            });
        });
        $(document).on('select2:close', function(e) {
            toggleCustomFocus(e, false);
        });
        $(document).ready(function() {
            $('#wave_rate, #wave_labor_burden, #wave_expected_hours').on('keyup blur',
                function() {
                    // alert()
                    setTimeout(() => {
                        estimatecalucaltor()
                    }, 100);

                })
            $('#wave_type').on('change',
                function() {
                    // alert()
                    setTimeout(() => {
                        $('#wave_expected_hours').val(40)
                        estimatecalucaltor()
                    }, 100);
                })

        })

        function estimatecalucaltor() {
            var get_final_reslt = '';
            var wave_rate = ($('#wave_rate').val() !== undefined && $('#wave_rate').val() !== null && $('#wave_rate')
                .val() !== "") ? parseFloat($('#wave_rate').val()) : 0;
            var wave_type = ($('#wave_type').val() !== undefined && $('#wave_type').val() !== null && $('#wave_type')
                .val() !== "") ? parseInt($('#wave_type').val(), 10) : 1;
            var wave_labor_burden = ($('#wave_labor_burden').val() !== undefined && $('#wave_labor_burden').val() !==
                null && $('#wave_labor_burden').val() !== "") ? parseFloat($('#wave_labor_burden').val()) : 0;
            var wave_expected_hours = ($('#wave_expected_hours').val() !== undefined && $('#wave_expected_hours').val() !==
                null && $('#wave_expected_hours').val() !== "") ? parseFloat($('#wave_expected_hours').val()) : 0;

            //console.log(wave_type)
            if (wave_type != "") {
                var get_new_array = [];
                get_new_array['0'] = 1;
                get_new_array['1'] = 1;
                get_new_array['2'] = 1;
                get_new_array['3'] = 4.3;
                get_new_array['4'] = 4.3 * 12;
                if (wave_type == 1) {
                    wave_expected_hours = 0;
                }
                // console.log($('#wave_rate').val())

                var get_expt_result = wave_rate;
                if (wave_expected_hours != 0 && wave_expected_hours != "") {
                    var get_expt_result = wave_rate / (wave_expected_hours * get_new_array[wave_type]);
                }
                var get_final_reslt = 0;
                if (wave_labor_burden != "" && wave_labor_burden != 0) {
                    var get_final_reslt = (get_expt_result * wave_labor_burden) / 100;
                }
                get_final_reslt = (get_expt_result + get_final_reslt).toFixed(2)
            }
            var wave_hourly_cost = get_final_reslt;
            $('#wave_hourly_cost').val(wave_hourly_cost)
        }
        $(function () {
            const observer = new MutationObserver(m => 
                m.forEach(e => e.attributeName === "title" && e.target.removeAttribute("title"))
            );
            $('.select2-selection__rendered').each(function () {
                observer.observe(this, { attributes: true });
                this.removeAttribute("title");
            });
        });
    </script>
@endsection