/home/mip/mip/storage/framework/views/793b7c8536eded6812b0236e24fcff5c.php
    
    <?php $__env->startSection('page-body'); ?>
    <div class="inner-header">
        <img src="<?php echo e(asset('website/images/img-inner-header-apply.jpg')); ?>" class="img-responsive"/>
    </div>
    <section class="inner-page container">
            <div class="panel">
                <div class="panel-body">
                    <!-- MultiStep Form -->
                    <div class="card">
                       
                        <div class="row">
                          
                            <div class="col-sm-12" style="border: 1px solid #6c0304 !important;">
                               <div class="text-center">
                                    <h2 class="form-title"><strong>Apply Now Form</strong></h2>
                               </div>
                                <?php echo Form::open(array('route' => 'applynow_store', 'class' => 'form form-prevent-mul-submit', 'id' => 'applynowform', 'name' => 'applynowform', 'files' => true)); ?>

                                <ul id="progressbar">
                                    <li <?php if(!session('message')): ?> class="active" <?php endif; ?> id="personal"><strong>Personal Information</strong></li>
                                    <li id="education"><strong>Education</strong></li>
                                    <li id="work"><strong>Work Experience</strong></li>
                                    <?php if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0): ?>
                                    <li id="confirm"><strong>Questionnaire</strong></li>
                                    <?php endif; ?>
                                    <?php if(session('message') && !empty(session('message'))): ?>
                                    <li id="confirm"><strong>Questionnaire</strong></li>
                                    <?php endif; ?>
                                    <li id="completed" <?php if(session('message')): ?> class="active" <?php endif; ?>><strong>Completed</strong></li>
                                </ul>
                                <input type="hidden" name="questionWith" value="<?php echo e(isset($jobapply) ? $jobapply->first()->type_questionnaire : ''); ?>">    
                                <!-- fieldsets -->
                                <?php if(!session('message')): ?>
                                <fieldset>
                                    <div class="form-card">
                                        
                                        <div class="text-center">
                                            <label class="control-label pb-2" style="padding-bottom:20px">All fields with <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span> are required</label>
                                        </div>
                                        
                                        <div class="row form-horizontal">
                                          
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_uploadPhoto">Upload Photo</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="uploadPhoto" id="uploadPhoto" accept="image/x-png,image/gif,image/jpeg">
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm" id="docfileField">
                                                <label class="col-sm-3 control-label" id="label_docFile">Attach Resume</label>
                                                <div class="col-sm-8">
                                                    <input type="file" name="docfile" id="docfile"  accept=".doc,.docx,application/msword, application/pdf">
                                                </div>
                                            </div>
                                           
                                            <div class="form-group form-group-sm" id="positionField">
                                                <label class="col-sm-3 control-label" id="label_position">Position Applying</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="position" class="form-control" placeholder="Position" id="position" autocomplete="off" value="<?php echo e(((isset($jobapply)) ? $jobapply->first()->position:'')); ?>" readonly required/>
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>

                                            <?php if(isset($jobapply)): ?>
                                            <div class="form-group form-group-sm" id="appliyingForCTPositionField">
                                                <label class="col-sm-3 control-label" id="label_appliyingForCTPosition"></label>
                                                <div class="col-sm-8">
                                                    <input type="checkbox" name="appliyingForCTPosition" id="appliyingForCTPosition" autocomplete="off" value="1"/> Check if you are applying for care taker position
                                                    <div id="appliyingForCTPositionInput"></div>
                                                </div>
                                            </div>
                                            <?php endif; ?>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Country</label>
                                                <div class="col-sm-8">
                                                    <input type="hidden" name="selected_country_id" class="form-control" placeholder="Country" id="selected_country_id" autocomplete="off" value="<?php echo e(((isset($jobapply)) ? $jobapply->first()->country->id:'')); ?>" readonly />
                                                    <input type="text" name="country" class="form-control" placeholder="Country" id="country" autocomplete="off" value="<?php echo e(((isset($jobapply)) ? $jobapply->first()->country->name:'')); ?>" readonly required />
                                                    <div id="positionInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="fnameField">
                                                <label class="col-sm-3 control-label" id="label_fname">First Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="fname" class="form-control" placeholder="First Name" id="fname" autocomplete="off" required />
                                                    <div id="fnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="mnameField">
                                                <label class="col-sm-3 control-label" id="label_mname">Middle Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="mname" class="form-control" placeholder="Middle Name" id="mname" autocomplete="off" required />
                                                    <div id="mnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="lnameField">
                                                <label class="col-sm-3 control-label" id="label_lname">Last Name <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="lname" class="form-control" placeholder="Last Name" id="lname" autocomplete="off" required />
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm" id="birthdateField">
                                                <label class="col-sm-3 control-label" id="label_birthdate">Birthdate <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <div class="input-group">
                                                        <div class="input-group-addon" id="birthdate-wrap">
                                                            <a id="btncalendardate"><i class="fa fa-calendar"></i></a>
                                                        </div>
                                                        <input type="text" id="birthdate" name="birthdate" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" id="birthdate" placeholder="mm/dd/yyyy" required data-mask />
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_gender">Gender <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="gender" value="Male" /> <strong>Male</strong>
                                                            </label>
                                                            <label class="radio-inline" style="padding-left:25px">
                                                                <input type="radio" name="gender" value="Female" /> <strong>Female</strong>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-3 control-label" id="label_marital_status">Marital Status <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-7">
                                                            <select class="form-control" id="marital_status" name="marital_status" >
                                                                <option hidden label=" "></option>
                                                                <option value="Single">Single</option>
                                                                <option value="Married">Married</option>
                                                                <option value="Widowed">Widowed</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_religion">Religion</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="religon" id="religon" class="form-control" autocomplete="off">
                                                    <div id="lnameInput"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Provincial Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="provincial_address" id="provincial_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Present Address</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="present_address" id="present_address" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div>
                                            
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="col-sm-6 control-label" id="label_telephone">Cellphone No. <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="col-sm-6">
                                                            <input type="tel" name="telephone" class="form-control intlphone" id="telephone" placeholder="" onkeypress="return isNumber(event)">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group form-group-sm">
                                                        <label class="control-label col-sm-3" id="label_facebook">Facebook Account</label>
                                                        <div class="col-sm-7">
                                                            <input type="text" name="facebook" id="facebook" class="form-control" autocomplete="off" placeholder="www.facebook.com/juandelacruz">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.row -->
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_email">Email Address </label>
                                                <div class="col-sm-8">
                                                    <input type="email" name="email" class="form-control emailAddress" placeholder="example@gmail.com" id="email" autocomplete="off">
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label" id="label_height" for="height">Height (cm)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="height" value="<?php echo (isset($resume->personal->height)) ? $resume->personal->height : ''; ?>" class="form-control" placeholder="Height" id="height" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#cmConverterModal">Convert to cm</a></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm form-row">
                                                <label class="col-sm-3 control-label" id="label_weight" for="height">Weight (kg)</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="weight" value="<?php echo (isset($resume->personal->weight)) ? $resume->personal->weight : ''; ?>" class="form-control" placeholder="Weight" id="weight" autocomplete="off" onkeypress="return isNumber(event);" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text"><a class="btn-convert" data-toggle="modal" data-target="#kgConverterModal">Convert to kg</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="form-group form-group-sm" id="passportField">
                                                <label class="col-sm-3 control-label" id="label_passport">Passport <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportYes" value="Yes"  required> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" onclick="javascript:yesnoCheck();" name="passport" id="passportOnProcess" value="On Process" required /> On Process
                                                    </label>
                                                    <div id="passportInput"></div>
                                                </div>
                                            </div>
                                            
                                            <!-- Passport Details -->
                                            <div id="passportDetails" style="display:none">
                                                <div class="form-group form-group-sm form-row">
                                                    <div class="form-group-sm col-md-2"></div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="inputCity" class="control-label" style="margin-bottom:6px">Passport # <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <input type="text" name="passportNo" class="form-control" placeholder="Passport Number" id="passportNo" autocomplete="off">
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label for="" id="label_passportNo" class="control-label mt-sm-2" style="margin-bottom:6px">Date Issued <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateIssued"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateIssued" name="dateIssued" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                    <div class="form-group-sm col-md-3">
                                                        <label id="label_dateExpired" class="control-label mt-sm-2" style="margin-bottom:6px">Date of Expiry <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                        <div class="input-group">
                                                            <div class="input-group-addon" id="birthdate-wrap">
                                                                <a id="btnDateExpired"><i class="fa fa-calendar"></i></a>
                                                            </div>
                                                            <input type="text" id="dateExpired" name="dateExpired" class="form-control datepicker" data-inputmask="'alias': 'mm/dd/yyyy'" placeholder="mm/dd/yyyy" required data-mask />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" id="btnStep1" value="Next Step" style="margin:10px">
                                </fieldset>
                                <?php endif; ?>
                                <!-- step 2 -->
                                <?php if(!session('message')): ?>
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal education">
                                            
                                            <div class="text-center">
                                                <label class="control-label pb-2">All fields are required to proceed to the next step.</label>
                                            </div>
                                            <br>
                                            
                                            <input type="hidden" value="1" id="currentEducationCount">
                                            <?php for($i=1; $i<=4; $i++) { ?>
                                            <div id="list<?php echo $i; ?>" <?php if($i>1) echo 'style="display:none;"'; ?>>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label" id="label_education">Education Level</label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control" id="education_level<?php echo $i; ?>" name="education_level<?php echo $i; ?>" >
                                                            <option hidden label=" "></option>
                                                            <option value="Elementary">Elementary</option>
                                                            <option value="High School">High School</option>
                                                            <option value="College Level">College Level</option>
                                                            <option value="Bachelors Degree">Bachelors Degree</option>
                                                            <option value="Masters Degree">Masters Degree</option>
                                                            <option value="Doctorate">Doctorate (phd)</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">School / University</label>
                                                    <div class="col-sm-8 field">
                                                        <input type="text" name="school_university<?php echo $i; ?>" class="form-control" id="school_university<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>

                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Course</label>
                                                    <div class="col-sm-8">
                                                        <input type="text" name="course<?php echo $i; ?>" class="form-control" id="course<?php echo $i; ?>" autocomplete="off" />
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="startMonth<?php echo $i; ?>" name="startMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="startYear<?php echo $i; ?>" class="form-control mt-sm-2" id="startYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>
                                                <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="endMonth<?php echo $i; ?>" name="endMonth<?php echo $i; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="endYear<?php echo $i; ?>" class="form-control mt-sm-2" id="endYear<?php echo $i; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                                </div>

                                            </div>
                                            <?php } ?>
                                            <br>
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreEducation">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous">
                                    <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep2">
                                </fieldset>
                                <?php endif; ?>
                                <!-- step 3 -->
                                <?php if(!session('message')): ?>
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal">
                                         
                                          <div class="text-center">
                                                <label class="control-label" style="padding-bottom: 20px">All fields are required to proceed to the next step.</label>
                                           </div>
                                            
                                          <input type="hidden" value="1" id="currentWorkCount">
                                            <?php for($j=1; $j<=15; $j++) { ?>
                                            <div id="listWork<?php echo $j; ?>" <?php if($j>1) echo 'style="display:none;"'; ?>>
                                           
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Name / Employer Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="company_name<?php echo $j; ?>" class="form-control" id="company_name<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Position</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="step3Position<?php echo $j; ?>" class="form-control" id="step3Position<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Department Name</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="departmentName<?php echo $j; ?>" class="form-control" id="departmentName<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Company Address</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="companyAddress<?php echo $j; ?>" class="form-control" id="companyAddress<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary Currency</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salaryCurrency<?php echo $j; ?>" class="form-control" id="salaryCurrency<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Salary</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="salary<?php echo $j; ?>" class="form-control" id="salary<?php echo $j; ?>" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">Start Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentStartMonth<?php echo $j; ?>" name="employmentStartMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>
                                                    </div>
                                                   <!-- Start Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentStartYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentStartYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            
                                           <div class="form-group form-group-sm">
                                                    <label class="col-sm-3 control-label">End Date</label>
                                                    <div class="col-sm-4">
                                                        <select class="form-control" id="employmentEndMonth<?php echo $j; ?>" name="employmentEndMonth<?php echo $j; ?>">
                                                            <option hidden label=" "></option>
                                                            <option value="January">January</option>
                                                            <option value="February">February</option>
                                                            <option value="March">March</option>
                                                            <option value="April">April</option>
                                                            <option value="May">May</option>
                                                            <option value="June">June</option>
                                                            <option value="July">July</option>
                                                            <option value="August">August</option>
                                                            <option value="September">September</option>
                                                            <option value="October">October</option>
                                                            <option value="November">November</option>
                                                            <option value="December">December</option>
                                                        </select>

                                                    </div>
                                                    <!-- End Year -->
                                                    <div class="col-sm-4">
                                                        <input type="text" name="employmentEndYear<?php echo $j; ?>" class="form-control mt-sm-2" id="employmentEndYear<?php echo $j; ?>" autocomplete="off" placeholder="Year" maxlength="4" onkeypress="return isNumber(event)">
                                                    </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Job Description</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="jobDescription<?php echo $j; ?>" id="jobDescription<?php echo $j; ?>" rows="3" autocomplete="off"></textarea>
                                                </div>
                                            </div><!-- listWork -->
                                            <hr>
                                            </div>
                                            <?php } ?>
                                            
                                            <div class="container">
                                                <div clas="float-right">
                                                    <a class="btn btn-warning" style="cursor:pointer;" id="addMoreWork">+ Add More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <input type="button" name="previous" class="previous btn btn-secondary" value="Previous" style="margin:10px">
                                    <?php if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0): ?>
                                        <input type="button" name="next" class="next btn btn-warning font-weight-bold" value="Next Step" disabled="disabled" id="btnStep3">
                                    <?php endif; ?>
                                    
                                    <?php if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 0): ?>
                                    <div class="form-group btn-apply-now-wrap text-center">
                                        <button class="btn btn-warning font-weight-bold btn-prevent-mul-submit" type="submit">
                                            <i class="spinner fa fa-refresh fa-spin" style="display:none;"></i> Apply Now!
                                        </button>
                                    </div>
                                    <?php endif; ?>
                                    
                                </fieldset> 
                                <?php endif; ?>
                                <?php if(!session('message')): ?>
                                <?php if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') != 0): ?>
                                <!-- step 4 -->
                                <fieldset>
                                    <div class="form-card">
                                        <div class="row form-horizontal">
                                            <!-- <h1>Taiwan</h1> -->
                                            <?php if(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 1): ?>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience in electronics company? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceElectronics" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceElectronics" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceElectronics"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience in semicon company? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSemicon" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSemicon" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSemicon"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have a Soldering experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSoldering" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSoldering" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSoldering"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have a CNC/ Lathe Machine experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceCNC" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceCNC" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceCNC"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Do you have an experience as a Sewer? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSewer" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryExperienceSewer" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryExperienceSewer"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you a First Timer in Abroad? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryFirstTimeAbroad" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryFirstTimeAbroad" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryFirstTimeAbroad"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you smoking? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactorySmoking" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactorySmoking" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactorySmoking"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Are you Drinking Alcohol? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryDrinkingAlcohol" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryDrinkingAlcohol" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryDrinkingAlcohol"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-6 control-label">Hand Sweat? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-6">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryHandSweat" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryHandSweat" value="No" required /> No
                                                    </label>
                                                    <div id="taiwanFactoryHandSweat"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-5 control-label">Eyesight? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-7">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Normal" required /> Normal
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Near Sighted" required /> Near Sighted
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="taiwanFactoryEyesight" value="Far Sighted" required /> Far Sighted
                                                    </label>
                                                    <div id="taiwanFactoryEyesight"></div>
                                                </div>
                                            </div>

                                            <!-- Singapore -->
                                            <?php elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 2): ?>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas experience? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="singaporeNurseOverseasExperience" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="singaporeNurseOverseasExperience" value="No" required /> No
                                                    </label>
                                                    <div id="singaporeNurseOverseasExperience"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What Country?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseWhatCountry" class="form-control" id="singaporeNurseWhatCountry" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Name of Hospital/Employer?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseNameEmployer" class="form-control" id="singaporeNurseNameEmployer" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Bed Capacity?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseBedCapacity" class="form-control" id="singaporeNurseBedCapacity" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your area of exposure?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNurseAreaExposure" class="form-control" id="singaporeNurseAreaExposure" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position?</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="singaporeNursePosition" class="form-control" id="singaporeNursePosition" autocomplete="off" />
                                                </div>
                                            </div>


                                            <!-- Domestic Helper -->
                                            <?php elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 3): ?>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas Experience as Domestic Helper? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperOverseasExperience" value="Yes" /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperOverseasExperience" value="No" /> No
                                                    </label>
                                                    <div id="domesticHelperOverseasExperience"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="domesticHelperWorkingPeriod" class="form-control" id="domesticHelperWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Reason for leaving:</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="domesticHelperLeaving" id="domesticHelperLeaving" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Experience in Taking care babies? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareBabies" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareBabies" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperTakingCareBabies"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you experience looking after Aged / Bedridden? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareAges" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperTakingCareAges" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperTakingCareAges"></div>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Can you cook simple meal without any supervision? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperCook" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="domesticHelperCook" value="No" required /> No
                                                    </label>
                                                    <div id="domesticHelperCook"></div>
                                                </div>
                                            </div>

                                            <!-- Korea Performing Arts -->
                                            <?php elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 4): ?>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have Overseas experience as Singer in Club/Resto Bar? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="koreaPerformingArtsSinger" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="koreaPerformingArtsSinger" value="No" required /> No
                                                    </label>
                                                    <div id="koreaPerformingArtsSinger"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position? </label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="koreaPerformingArtsPosition" id="koreaPerformingArtsPosition" rows="3"></textarea>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="koreaPerformingArtsWorkingPeriod" class="form-control" id="domesticHelperWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>

                                            <!-- China English Teacher -->
                                            <?php elseif(((isset($jobapply)) ? $jobapply->first()->type_questionnaire:'') == 5): ?>
                                            <!-- <h1>CHINA ENGLISH TEACHER</h1>-->
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Do you have overseas experience in Teaching? <span class="fa fa-asterisk" style="color:#ff0000; font-size:8px"></span></label>
                                                <div class="col-sm-8">
                                                    <label class="radio-inline">
                                                        <input type="radio" name="chinaEnglishTeacherExperience" value="Yes" required /> Yes
                                                    </label>
                                                    <label class="radio-inline">
                                                        <input type="radio" name="chinaEnglishTeacherExperience" value="No" required /> No
                                                    </label>
                                                    <div id="chinaEnglishTeacherExperience"></div>
                                                </div>
                                            </div>
                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">What is your position? </label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control" name="chinaEnglishTeacherArtsPosition" id="chinaEnglishTeacherArtsPosition" rows="3"></textarea>
                                                </div>
                                            </div>

                                            <div class="form-group form-group-sm">
                                                <label class="col-sm-3 control-label">Working Period:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" name="chinaEnglishTeacherWorkingPeriod" class="form-control" id="chinaEnglishTeacherWorkingPeriod" autocomplete="off" />
                                                </div>
                                            </div>
                                            
                                            <?php endif; ?>
                                     
                                            <div class="form-group btn-apply-now-wrap text-center">
                                                <!-- <?php echo Form::submit('Apply Now!', array('class'=>'btn btn-warning font-weight-bold')); ?>-->
                                                <button class="btn btn-warning font-weight-bold btn-prevent-mul-submit" type="submit">
                                                    <i class="spinner fa fa-refresh fa-spin" style="display:none;"></i> Apply Now!
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <!-- step 4 -->
                                <?php endif; ?>
                                <?php endif; ?>
                                <fieldset>
                                    <?php if(session('message')): ?>
                                    <div class="form-card">
                                        <div class="alert alert-success text-center" role="alert">
                                          You have completed your application. Thank you!
                                        </div>
                                    </div>
                                    
                                    <div class="text-center" style="margin-bottom:10px">
                                        <a href="job-list" class="btn btn-warning">View other Jobs</a>
                                        <a href="/" class="btn btn-red">Return to the Homepage</a>
                                    </div>
                                    
                                    <?php endif; ?>
                                </fieldset>
                                <?php echo Form::close(); ?>

                            </div>
                        </div>
                   </div><!-- end multi step form -->
                </div>
            </div>
    </section>
    <?php echo $__env->make('website.height-weight-converter', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    
    <?php $__env->startSection('applynowstyle'); ?>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/css/intlTelInput.css" rel="stylesheet">

    <style>
        .text-center{
            text-align: center!important
        }
        
        input[type="button"]:disabled {
          background: #dddddd!important;
        }
        
        #applynowform {
            text-align: center;
            position: relative;
            margin-top: 20px
        }

        #applynowform fieldset:not(:first-of-type) {
            display: none
        }

        #applynowform fieldset .form-card {
            text-align: left;
        }

        #applynowform .action-button {
            width: 100px;
            background: #6c0304;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px
        }

        #applynowform .action-button:hover,
        #applynowform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #6c0304
        }

        .btn-secondary{
            font-weight: bold;
            margin: 10px 5px;
        }
        
        .btn-secondary:hover{
            background: #616161
        }

        .card {
            z-index: 0;
            border: none;
            border-radius: 0.5rem;
            position: relative
        }

        .fs-title {
            font-size: 25px;
            color: #2C3E50;
            margin-bottom: 10px;
            font-weight: bold;
        }

        #progressbar {
            display:flex;
            justify-content: center;
            margin-bottom: 40px;
            padding-left: 0;
            overflow: hidden;
            color: #d4d4d4
        }

        #progressbar li>strong {
            font-size: 15px
        }

        #progressbar .active {
            color: #000000
        }

        #progressbar li {
            list-style-type: none;
            font-size: 12px;
            width: 25%;
            float: left;
            position: relative
        }

        #progressbar #personal:before {
            content: "1"
        }

        #progressbar #education:before {
            font-family: FontAwesome;
            content: "2"
        }

        #progressbar #work:before {
            font-family: FontAwesome;
            content: "3"
        }

        #progressbar #step4:before {
            font-family: FontAwesome;
            content: "4"
        }

        #progressbar #confirm:before {
            font-family: FontAwesome;
            content: "4"
        }
        
        #progressbar #completed:before {
            font-family: FontAwesome;
            content: "\f00c"
        }

        #progressbar li:before {
            width: 50px;
            height: 50px;
            line-height: 45px;
            display: block;
            font-size: 18px;
            color: #ffffff;
            background: lightgray;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px
        }

        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 25px;
            z-index: -1
        }

        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #6c0304
        }
        
        .form-horizontal .form-group-sm .control-label {
            font-size: 13px
        }
    </style>

    <?php $__env->stopSection(); ?>
    <?php $__env->startSection('applynowscript'); ?>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.14/jquery.datetimepicker.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.15/js/intlTelInput.min.js"></script>
    <?php if(!session('message')): ?>
       
        <script>
             (function(){
                $('.form-prevent-mul-submit').on('submit', function() {
                    $('.btn-prevent-mul-submit').attr('disabled', 'true');
                    $('.spinner').show();
                });
            })();
        </script>
       
        <script>
        $(document).ready(function() {
            var current_fs, next_fs, previous_fs; //fieldsets
            var opacity;
            
            $(".next").click(function() {
                
                if($('#passportYes').is(':checked')){
                    if($('#passportNo').val()==''){
                        alert('Passport No. is required.');
                        $('#label_passportNo').css('color', '#ff0000');
                        $('#passportNo').focus();
                        return false;
                    }else if($('#dateIssued').val()==''){
                        alert('Passport Date Issued is required.');
                        $('#label_dateIssued').css('color', '#ff0000');
                        $('#dateIssued').focus();
                        return false;
                    }else if($('#dateExpired').val()==''){
                        alert('Passport Date Expired is required.');
                        $('#label_dateExpired').css('color', '#ff0000');
                        $('#dateExpired').focus();
                        return false;
                    }
                }
                
                if($('#position').val()==''){
                    alert('Position is required.');
                    $('#label_position').css('color', '#ff0000');
                    $('#position').focus();
                    return false;
                } else if($('#fname').val()==''){
                    alert('First name is required.');
                    $('#label_fname').css('color', '#ff0000');
                    $('#fname').focus();
                    return false;
                } else if($('#mname').val()==''){
                    alert('Middle name is required.');
                    $('#label_mname').css('color', '#ff0000');
                    $('#mname').focus();
                    return false;
                } else if($('#lname').val()==''){
                    alert('Last Name is required.');
                    $('#label_lname').css('color', '#ff0000');
                    $('#lname').focus();
                    return false;
                } else if($('#birthdate').val()==''){
                    alert('Birthdate is required.');
                    $('#label_birthdate').css('color', '#ff0000');
                    $('#birthdate').focus();
                    return false;
                } else if(!$('input[name="gender"]').is(':checked')){
                    alert('Gender is required.');
                    $('#label_gender').css('color', '#ff0000');
                    $('#gender').focus();
                    return false;
                } else if($('#marital_status').val()==''){
                    alert('Marital Status is required.');
                    $('#label_marital_status').css('color', '#ff0000');
                    $('#marital_status').focus();
                    return false;
                } else if($('#telephone').val()==''){
                    alert('Cellphone Number is required.');
                    $('#label_telephone').css('color', '#ff0000');
                    $('#telephone').focus();
                    return false;
                } else if(!$('input[name="passport"]').is(':checked')){
                    alert('Passport is required.');
                    $('#label_passport').css('color', '#ff0000');
                    $('#passport').focus();
                    return false;
                }
                //    else if($('#uploadPhoto').val()==''){
//                    alert('Upload Photo is required.');
//                    $('#label_uploadPhoto').css('color', '#ff0000');
//                    $('#uploadPhoto').focus();
//                    return false;
//                }else if($('#docfile').val()==''){
//                    alert('Resume is required.');
//                    $('#label_docFile').css('color', '#ff0000');
//                    $('#docfile').focus();
//                    return false;
//                }
                

                //next step
                var form = document.getElementById("applynowform");
                var email = document.getElementById("email").value;
                var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;

                if($('.emailAddress').val()){
                    
                        if(!email.match(pattern)){
                        alert('Invalid email address');
                        $('#label_email').css('color', '#ff0000');
                        $('#email').focus();
                        return false;
                    }
                
                else{

                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                    }
                    
                } else{
                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();

                    //Add Class Active
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                    //show the next fieldset
                    next_fs.show();
                    //hide the current fieldset with style
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now) {
                            // for making fielset appear animation
                            opacity = 1 - now;

                            current_fs.css({
                                'display': 'none',
                                'position': 'relative'
                            });
                            next_fs.css({
                                'opacity': opacity
                            });
                        },
                        duration: 600
                    });
                }
            });
            //next step
        

            $(".previous").click(function() {
                current_fs = $(this).parent();
                previous_fs = $(this).parent().prev();

                //Remove class active
                $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

                //show the previous fieldset
                previous_fs.show();

                //hide the current fieldset with style
                current_fs.animate({
                    opacity: 0
                }, {
                    step: function(now) {
                        // for making fielset appear animation
                        opacity = 1 - now;

                        current_fs.css({
                            'display': 'none',
                            'position': 'relative'
                        });
                        previous_fs.css({
                            'opacity': opacity
                        });
                    },
                    duration: 600
                });
            });

        });
    </script>

    <!--  Atleast 1 education filled -->
    <script type="text/javascript">
        (function() {
            $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').on('change keyup', function () {
                
                var empty = false;
                $('#education_level1, #startMonth1, #endMonth1, #school_university1, #course1, #startYear1, #endYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep2').attr('disabled', 'disabled');
                } else {
                    $('#btnStep2').removeAttr('disabled');
                }
            });
        })()
    </script>
    
    <!--  Atleast 1 work filled -->
    <script type="text/javascript">
        (function() {
            $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').on('change keyup', function () {
                
                var empty = false;
                $('#company_name1, #step3Position1, #departmentName1, #companyAddress1, #salaryCurrency1, #salary1, #jobDescription1, #employmentStartMonth1, #employmentStartYear1, #employmentEndMonth1, #employmentEndYear1').each(function() {
                    if ($(this).val() == '') {
                        empty = true;
                    }
                });

                if (empty) {
                    $('#btnStep3').attr('disabled', 'disabled');
                } else {
                    $('#btnStep3').removeAttr('disabled');
                }
            });
        })()
    </script>

    <!-- hide/show of passport details -->
    <script type="text/javascript">
        function yesnoCheck() {
            if (document.getElementById('passportYes').checked) {
                document.getElementById('passportDetails').style.display = 'block';
        
            } else {
                document.getElementById('passportDetails').style.display = 'none';
            }
        }
    </script>
    
    <script>
        $('#addMoreEducation').click(function() {
            var currentEducationCount = parseInt($('#currentEducationCount').val()) + 1;
            if (currentEducationCount > 4) {
                alert('Maximum of 4 only.');
                return false;
            }
            $('#list' + currentEducationCount).show();
            $('#currentEducationCount').val(currentEducationCount);
        });
    </script>
    
    <script>
        $('#addMoreWork').click(function() {
            var currentWorkCount = parseInt($('#currentWorkCount').val()) + 1;
            if (currentWorkCount > 15) {
                alert('Maximum of 15 only.');
                return false;
            }
            $('#listWork' + currentWorkCount).show();
            $('#currentWorkCount').val(currentWorkCount);
        });
    </script>

    <script>
        var currentDate = new Date();
        $("#birthdate").datepicker({
            yearRange: "-70:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
            defaultDate: '01/01/1990'
        }).attr('readonly', 'readonly');
        
        $('#btncalendardate').click(function() {
            $('#birthdate').show().focus();
        });
        

        $("#dateIssued").datepicker({
            yearRange: "-11:+1",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
    
        $('#btndateIssued').click(function() {
            $('#dateIssued').show().focus();
        });
        
        $("#dateExpired").datepicker({
            yearRange: "-11:+11",
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
        }).attr('readonly', 'readonly');
        $('#btndateExpired').click(function() {
            $('#dateExpired').show().focus();
        });
    </script>
    
    <script>
        $("#telephone").intlTelInput({
            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.6/js/utils.js",
            initialCountry: "PH"
        });
        $(document).ready(function(){
          $('#telephone').bind("paste",function(e) {
              e.preventDefault();
          });
        });
    </script>
    
    <script>
        $(document).ready(function() {
            if ($('#position').val()) {
                $('#position').attr('readonly', true);
            }
        });

        $(document).ready(function() {
            if (!$('#position').val()) {
                $('#position').removeAttr('readonly');
            }
        });
        
        $(document).ready(function() {
            if ($('#country').val()) {
                $('#country').attr('readonly', true);
            }
        });

        $(document).ready(function() {
            if (!$('#country').val()) {
                $('#country').removeAttr('readonly');
            }
        });
        
        function isNumber(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }
    </script>
    
    <script>
        function isNumberKey(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }

        function doModalCM() {
            $('#cmConverterModal').modal();
            $('#feet').val('');
            $('#inch').val('');
        }

        function doModalKG() {
            $('#kgConverterModal').modal();
            $('#pounds').val('');
        }

        function apiConvert() {
            //Clear output field:
            $('#height').val('');
            var urfeet = $('#feet').val();
            var urinch = $('#inch').val();
            var urcenti = "";
            var ch = (urfeet * 100 / 3.28);
            var cf = (urinch / 12 * 100 / 3.28);
            var ans = ch + cf;
            $('#height').val(Math.round(ans));
            $('#cmConverterModal').modal('hide');
        }

        function apiConvertPounds() {
            // Clear output field:
            $('#weight').val('');
            var urpounds = $('#pounds').val();
            var urkilos = "";
            var temp = (urpounds / 2.2046);
            $('#weight').val(Math.round(temp));
            $('#kgConverterModal').modal('hide');
        }
    </script>
    <?php endif; ?>
    <?php $__env->stopSection(); ?>
    <?php $__env->stopSection(); ?>

<?php echo $__env->make('website.layouts-inner', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/mip/mip/resources/views/website/page-apply-now.blade.php ENDPATH**/ ?>