<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="editUserForm" method="post" action="/jobseeker/update" enctype="multipart/form-data"
            novalidate>
            <div class="card card-info">
                <div class="card-header">
                    <h4 class="card-title">
                        <%=sectionTitle%>(<%=data.unique_id%>)
                    </h4>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <input type="hidden" id="id" name="id" value="<%=userData.id%>" />
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">First Name</label>
                            <input type="text" id="user_first_name" name="user_first_name" class="form-control"
                                value="<%=userData.user_first_name%>" onkeypress="return /[a-zA-Z_\s]/i.test(event.key)"
                                placeholder="Enter first name" required>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">Last Name</label>
                            <input type="text" id="user_last_name" name="user_last_name" class="form-control"
                                value="<%=userData.user_last_name%>" onkeypress="return /[a-zA-Z_\s]/i.test(event.key)"
                                placeholder="Enter last name" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Email</label>
                            <input type="email" id="email" name="user_email" class="form-control"
                                value="<%=userData.user_email%>"
                                onkeypress="return /[A-Za-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}/.test(event.key)"
                                placeholder="Enter email" required oninput="validate(this)">
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Phone</label>
                            <input type="text" id="phone" name="phone_number" class="form-control"
                                value="<%=userData.phone_number%>"
                                onkeypress="if ( isNaN( String.fromCharCode(event.keyCode) )) return false;"
                                placeholder="Enter phone number" min="10" oninput="validate(this)" required>
                        </div>
                        <!-- <div class="form-group col-md-6">
                            <label class="required" for="inputName">Working Hours</label>
                            <input type="text" id="phone" name="working_hours" class="form-control"
                                value="<%=userData?.working_hours%>"
                                onkeypress="if ( isNaN( String.fromCharCode(event.keyCode) )) return false;"
                                placeholder="Enter hourly rate" min="0" oninput="validate(this)" required>
                        </div> -->
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Off Shore Hourly Rate ($)</label>
                            <input type="text" id="off_shore_rate" name="off_shore_rate" class="form-control"
                                value="<%=userData.off_shore_rate%>"
                                onkeypress="if ( isNaN( String.fromCharCode(event.keyCode) )) return false;"
                                placeholder="Enter hourly rate" min="0"  oninput="validate(this)" required>
                        </div> 
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">On Shore Hourly Rate ($)</label>
                            <input type="text" id="on_shore_rate" name="on_shore_rate" class="form-control"
                                value="<%=userData.on_shore_rate%>"
                                onkeypress="if ( isNaN( String.fromCharCode(event.keyCode) )) return false;"
                                placeholder="Enter hourly rate" min="0" oninput="validate(this)" required>
                        </div> 
                        
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Postal Code</label>
                            <input type="text" id="phone" name="postal_code" class="form-control"
                                value="<%=userData.postal_code%>" placeholder="Enter postal code" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Country</label>
                            <select id="country_id" name="country_id" class="form-control" required>
                                <option selected disabled>Select Country</option>
                                <%for(let item of countryData){%>
                                    <option value="<%=item.id%>" <%=userData?.country_id?.toString()==item.id.toString()
                                        ? 'selected' : '' %> ><%=item.country_name%>
                                    </option>
                                    <%}%>
                            </select>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">State</label>
                            <select id="state_id" name="state_id" class="form-control" required>
                                <option selected disabled>Select State</option>
                                <%for(let item of stateData){%>
                                    <option value="<%=item.id%>" <%=userData?.state_id?.toString()==item.id.toString()
                                        ? 'selected' : '' %> ><%=item.state_name%>
                                    </option>
                                    <%}%>
                            </select>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">City Name</label>
                            <input type="text" id="city_name" name="city_name" class="form-control"
                                value="<%=userData.city_name%>" placeholder="Enter city name" required>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">Address</label>
                            <input type="text" id="user_location" name="user_location" class="form-control"
                                value="<%=userData.user_location%>" placeholder="Enter Address" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Have Passport</label>
                            <select id="ispassport" name="ispassport" class="form-control" required>
                                <option selected disabled>Select Status</option>
                                <option value="true" <%=userData.ispassport==true ? 'selected' : '' %>>Yes
                                </option>
                                <option value="false" <%=userData.ispassport==false ? 'selected' : '' %>>No
                                </option>
                            </select>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">Date of Birth</label>
                            <input type="date" id="date_of_birth" name="date_of_birth" class="form-control"
                                value="<%=userData.date_of_birth%>" placeholder="Enter DOB" max="<%=new Date(new Date().getTime() - new Date().getTimezoneOffset() * 60000).toISOString().split("T")[0]%>" required>
                        </div>
                      
                      
                        <!-- <div class="form-group col-md-6">
                            <label class="required" for="inputName">Job Role (separate by comma)</label>
                            <input type="text" id="phone" name="profile_headline" class="form-control"
                                value="<%=userData?.profile_headline%>" placeholder="Enter profile headline" required>
                        </div> -->
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Total Job Experience (Year)</label>
                            <input type="text" id="total_job_experience" name="total_job_experience" class="form-control"
                                value="<%=userData?.total_job_experience%>" placeholder="Enter total job experience" required>
                        </div>
                        <!-- <div class="form-group col-md-6">
                            <label class="required" for="inputName">Language Known (separate by comma)</label>
                            <input type="text" id="language_known" name="language_known" class="form-control"
                                value="<%=userData?.language_known%>" placeholder="Enter language" required>
                        </div> -->

                        <div class="form-group form col-md-6">
                            <label class="required" for="inputName">Languages Known</label>
                            <select id="language_known" name="language_known" class="form-control multi-select" multiple required>
                                <option disabled>Select Languages</option>
                                <%for(let item of languageData){%>
                                <option value="<%=item.id%>" <%=item?.isSelected==true ? 'selected' : '' %> ><%=item.name%></option>
                                <%}%>
                            </select>
                        </div>

                       
                        <div class="form-group form col-md-6">
                            <label class="required" for="inputName">Skills</label>
                            <select id="user_skills" name="user_skills" class="form-control multi-select" multiple required>
                                <option disabled>Select Skills</option>
                                <%for(let item of skillSubCategoryData){%>
                                <option value="<%=item.id%>" <%=item?.isSelected==true ? 'selected' : '' %> ><%=item.title%></option>
                                <%}%>
                            </select>
                        </div>
                        <div class="form-group  col-md-6">
                            <label for="inputName">Profile Image</label>
                            <input type="file" class="form-control imagepickerWithPreviewId"
                                data-previewelement="imagePreview" id="image" name="image" accept="image/*"
                                onchange="return fileValidation()">
                            <label id="image-error" style="display: none;" class="error" for="image">Please upload file
                                having extensions .jpeg/.jpg/.png/.gif only.</label>
                        </div>
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">Featured</label>
                            <select id="is_featured" name="is_featured" class="form-control" required>
                                <option selected disabled>Select Featured</option>
                                <option value="true" <%=userData?.is_featured==true ? 'selected' : '' %>>Yes
                                </option>
                                <option value="false" <%=userData?.is_featured==false ? 'selected' : '' %>>No
                                </option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <%if(userData.profile_pic !=null && userData.profile_pic !="" ){%>
                                <img class="img-thumbnail" id="imagePreview" style="width: 100px"
                                    src="/uploads/user/profile_pic/<%=userData.profile_pic %>" alt="Image">
                                <%}else{%>
                                    <img class="img-thumbnail" id="imagePreview" style="width: 100px"
                                        src="/images/no-image.jpg%>" alt="Image">
                                    <%}%>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Approve Status</label>
                            <select id="approve_status" name="approve_status" class="form-control" required>
                                <option selected disabled>Select Approve Status</option>
                                <option value="true" <%=userData.approve_status==true ? 'selected' : '' %>>Active
                                </option>
                                <option value="false" <%=userData.approve_status==false ? 'selected' : '' %>>Inactive
                                </option>
                            </select>
                        </div>
                       
                       
                    </div>
                </div>
                <div class="card-footer">
                    <input type="hidden" id="old_profile_pic" name="old_profile_pic"
                        value="<%=userData.profile_pic %>" />
                    <button type="submit" class="btn btn-info">Update</button>
                    <button type="button" class="btn btn-default">
                        <a href="/jobseeker/list">Cancel</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

