<div class="col-sm-12">
    <h3 class="text-center add_work_experience">Add Work Experience</h3><hr>
    <div class="col-sm-12">
        <div class="row gray_ttc">
            <div class="col-sm-12 ">
                <div class="col-sm-12">
                    <form name="add_work_experience" method="post"
                          onsubmit="addWorkExperience('<?php echo base_url() . 'save-work-experience/' . $person_id; ?>', '<?php echo $person_id; ?>')"
                          action="javascript:void(0)" >
                        <div class="col-sm-12 ">
                            <div class="col-sm-12"><br></div>
                            <div class="form-group col-sm-12">
                                <div class="input-group">
                                    <input type="text" 
                                           class="form-control" 
                                           placeholder="Please Type Company Name"
                                           name="profile_company"
                                           id="profile_company_name"
                                           value=""
                                           oninput="checkCompanyName(this.value)"
                                           aria-describedby="basic-addon1"
                                           data-errormessage-value-missing="Company Name is required!" >
                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-briefcase"></i></span>
                                </div>
                                <span id="company_error" style="color: red"></span>
                                <input type="hidden" id="profile_company_validate" value="">
                            </div>

                            <div class="form-group col-sm-6">
                                <div class="input-group">
                                    <input type="text" 
                                           class="form-control validate[required, custom[Designation], custom[Designation_length]] text-input" 
                                           placeholder="Please Type Your Designation" 
                                           aria-describedby="basic-addon1"
                                           id="profile_designation"
                                           name="designation"
                                           value=""
                                           oninput="checkDesignation(this.value)"
                                           data-errormessage-value-missing="Designation is required!" >
                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user"></i></span>
                                </div>
                                <span id="designation_error" style="color: red"></span>
                                <input type="hidden" id="designation_validate" value="">
                            </div>
                            <div class="form-group col-sm-6">
                                <div class="input-group">
                                    <input type="text" 
                                           class="form-control validate[required, custom[url]] text-input" 
                                           placeholder="Please Type Your Company Website URL" 
                                           id="profile_company_website_url"
                                           name="company_website_url"
                                           value=""                                           
                                           aria-describedby="basic-addon1"
                                           data-errormessage-value-missing="Company Website URL is required!" >
                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-link"></i></span>
                                </div>
                                <span id="url_error" style="color: red"></span>
                                <input type="hidden" id="url_validate" value="">
                            </div>

                            <div class="form-group col-sm-12">
                                <div class="form-group">
                                    <textarea name="company_address" 
                                              id="profile_company_address" 
                                              data-errormessage-value-missing="Company  Address is required!"
                                              class="form-control col-sm-4 validate[required] text-input" 
                                              placeholder="Please Type Your Company  Address"><?php echo set_value('company_address'); ?></textarea>
                                    <span style="color: red;"><?php echo form_error('company_address'); ?></span>
                                </div>
                                <span id="address_error" style="color: red"></span>
                            </div>

                            <div class="form-group col-sm-12">
                                <div class="form-group">
                                    <textarea name="job_responsibility_details" 
                                              id="profile_job_responsibility_details" 
                                              data-errormessage-value-missing="Job Responsibility is required!"
                                              class="form-control col-sm-4 validate[required] text-input" 
                                              placeholder="Please Type Your Job Responsibility"><?php echo set_value('job_responsibility_details'); ?></textarea>
                                    <span style="color: red;"><?php echo form_error('job_responsibility_details'); ?></span>
                                </div>
                                <span id="responsibility_error" style="color: red"></span>
                            </div>
                            <div class="form-group col-sm-6">
                                <div class='input-group' id='datetimepicker5'>
                                    <input type='text' 
                                           data-errormessage-value-missing="Job Start Date is Required!" 
                                           class="form-control"
                                           id="start_time_period"
                                           name="job_start_date"
                                           value=""
                                           onblur="checkAddWorkStartCurrentDate(this.value)"
                                           placeholder=" Start date"/>
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span><br>
                                    </span>
                                </div>
                                <span id="start_date_error" style="color: red"></span>
                                <input type="hidden" id="start_time_period_validate" value="">
                            </div>

                            <div class="form-group col-sm-12" style="padding-left: 0">
                                <div class="col-sm-4 text-left">
                                    <label for="work_current_here" class=" " >
                                        Work Currently Here  :  &nbsp;&nbsp;
                                    </label>
                                </div>
                                <div class="radio radio-success col-sm-8  text-left margin-zero " id="status" style="padding-left: 30px">
                                    <input type="radio" 
                                           onclick="WorkStatus(this.value)" 
                                           name="work_currently_here"
                                           class="validate[required]"
                                           id="yes" 
                                           value="1"
                                           onblur="compareAddWorkDate()" >
                                    <label for="yes">Yes</label>
                                    <span style="margin-right: 30px"></span>
                                    <input type="radio" 
                                           onclick="WorkStatus(this.value)" 
                                           name="work_currently_here"
                                           class="validate[required]"
                                           id="no" 
                                           value="2"
                                           onblur="compareAddWorkDate()" >
                                    <label for="no">No</label>
                                </div>
                                <span id="current_work_error" style="color: red"></span>
                            </div>

                            <div class="form-group col-sm-6" id="workEndDate" style="display: none">
                                <div class='input-group' id='datetimepicker6'>
                                    <input type='text' 
                                           data-errormessage-value-missing="Person Birth Date is Required!" 
                                           class="form-control validate[required, custom[eduStartTime]] text-input"
                                           id="end_time_period"
                                           name="job_end_date"
                                           value=""
                                           onblur="compareAddWorkDate()"
                                           placeholder="Finished date"/>
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span><br>
                                    </span>
                                </div>
                                <span id="end_date_error" style="color: red"></span>
                                <input type="hidden" id="job_end_date_validate" value="">
                            </div>
                            <div class="form-group col-sm-6">
                                <select class="form-control validate[required]" 
                                        id="account_type" 
                                        name="person_work_view_status"                                        
                                        data-errormessage-value-missing="Who can see my Education details is required!">
                                    <option value=""> -Who can see my Education details- </option>
                                    <option value="1">Public</option>
                                    <option value="2">Talha Training User</option>
                                    <option value="3">Link</option>
                                    <option value="4">Only Me</option>
                                </select>
                                <span id="view_status_error" style="color: red"></span>
                            </div>
                            <div class="col-sm-12"><br></div>
                            <div class="form-group col-sm-5"></div>
                            <div class="form-group col-sm-1 ">
                                <button type="submit" id="add_work_button" class=" btn btn-default">
                                    <i class="fa fa-save" title="Add Work Experience"></i></button>
                            </div>

                            <div class="form-group col-sm-1">
                                <a class=" btn btn-default" href="javascript:void(0)"
                                   onclick="cancelAddWorkExperience()" >
                                    <i class="fa fa-times" title="Cancel"></i>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div> 
    </div>
</div>