<md-content class="md-padding">
<!--Card Job Experience-->
<md-card>
<md-card-title>
<md-card-title-text>
<legend class="md-headline csctheme">
<swaplang code="SW012961">Job Experience</swaplang>
</legend>
</md-card-title-text>
</md-card-title>
<md-card-content>
<div class="row">
<!--Job Experience-->
<div class="col-sm-12" ng-repeat="jobexp in clsFormApplicant.formApplicant.jobexp.job">
<div class="panel panel-default">
<div class="panel-heading">
<swaplang code="SW001393">No.</swaplang>
{{$index + 1}}
<i ng-if="action == 'fillform'" class="fa fa-remove fa-2x csctheme pull-right" ng-click="clsFormApplicant.removeJobExp($index)"></i>
</div>
<div class="panel-body">
<div class="form-horizontal">
<!--Company name-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_companyname.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000839">Company name</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.companyname"
ng-required="confApp.jobexp.field.job_companyname.require == 1 && enableValidate">
</div>
</div>
<!--Title-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_title.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW012970">Job title</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.title"
ng-required="confApp.jobexp.field.job_title.require == 1 && enableValidate">
</div>
</div>
<!--Duration-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_duration.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW009698">Duration</swaplang>
</label>
<div class="col-xs-12 col-sm-3">
<input ng-disabled="action != 'fillform'" type="date" class="form-control"
ng-model="jobexp.start"
ng-required="confApp.jobexp.field.job_duration_start.require == 1 && enableValidate">
</div>
<label class="control-label col-xs-12 col-sm-1" style="text-align: center"><i class="fa fa-minus"></i></label>
<div class="col-xs-12 col-sm-3" ng-if="jobexp.present != '1'">
<input ng-disabled="action != 'fillform'" type="date" class="form-control"
ng-model="jobexp.end"
ng-required="confApp.jobexp.field.job_duration_end.require == 1 && enableValidate">
</div>
<div class="col-xs-12 col-sm-1 checkbox">
<md-checkbox ng-disabled="action != 'fillform'" ng-model="jobexp.present" >
<swaplang code="SW013027">Present</swaplang>
</md-checkbox>
</div>
</div>
<!--Job desc-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_jobdesc.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000134">Job Description</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<textarea ng-disabled="action != 'fillform'" rows="5" class="form-control non-resize"
ng-model="jobexp.description"
ng-required="confApp.jobexp.field.job_jobdesc.require == 1 && enableValidate">
</textarea>
</div>
</div>
<!--Nature of Business-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_nature_business.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013915">Nature of Business</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.natureBusiness"
ng-required="confApp.jobexp.field.job_nature_business.require == 1 && enableValidate">
</div>
</div>
<!--supervisor Name-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_supervisor_name.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013916">Supervisor Name</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.supervisorName"
ng-required="confApp.jobexp.field.job_supervisor_name.require == 1 && enableValidate">
</div>
</div>
<!--Salary-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_salary.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW001743">Salary</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input onkeypress="chkInteger()" ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.salary"
ng-required="confApp.jobexp.field.job_salary.require == 1 && enableValidate">
</div>
</div>
<!--Reason-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_reason.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW003449">Reason for leaving</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.reason"
ng-required="confApp.jobexp.field.job_reason.require == 1 && enableValidate">
</div>
</div>
<!--number-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_addr.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW006677">Address</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="jobexp.addr"
ng-required="confApp.jobexp.field.job_addr.require == 1 && enableValidate">
</div>
</div>
<!--village-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_village.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000417">Village</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.village" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_village.require == 1 && enableValidate">
</div>
</div>
<!--roomNo-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_roomNo.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW002318">Room No</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.roomNo" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_roomNo.require == 1 && enableValidate">
</div>
</div>
<!--floor-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_floor.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000412">Floor</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.floor" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_floor.require == 1 && enableValidate">
</div>
</div>
<!--soi-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_soi.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000414">Soi</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.soi" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_soi.require == 1 && enableValidate">
</div>
</div>
<!--moo-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_moo.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000415">Moo</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.moo" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_moo.require == 1 && enableValidate">
</div>
</div>
<!--road-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_road.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000416">Road</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.road" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_road.require == 1 && enableValidate">
</div>
</div>
<!--district (Tambon)-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_district.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW002322">district (Tambon)</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" class="form-control" ng-model="jobexp.district" ng-disabled="action != 'fillform'"
ng-required="confApp.jobexp.field.job_district.require == 1 && enableValidate">
</div>
</div>
<!--district-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW013024">District</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<select ng-disabled="action != 'fillform'" class="form-control" ng-model="jobexp.zipcode.districtid"
ng-options="item.districtid as item.name[lang] for item in masterdata.district"
ng-required="enableValidate">
</select>
</div>
</div>
<!--province-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000420">Province</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<!-- <select class="form-control" ng-model="jobexp.zipcode.provinceid"
ng-options="item.proid as item.name[lang] for item in masterdata.province" ng-disabled="true"> -->
<select ng-disabled="action != 'fillform'" class="form-control" ng-model="jobexp.zipcode.provinceid"
ng-options="item.proid as item.name[lang] for item in masterdata.province"
ng-required="enableValidate">
</select>
</div>
</div>
<!--zipcode-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000493">Zipcode</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<!-- <input type="text" class="form-control" ng-model="jobexp.zipcode.zipid" ng-disabled="true"> -->
<input type="text" ng-disabled="action != 'fillform'" class="form-control" ng-model="jobexp.zipcode.zipid"
ng-required="enableValidate">
</div>
</div>
<!--phone-->
<div class="form-group" ng-hide="confApp.jobexp.field.job_phone.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW009321">Phone</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input type="text" ng-disabled="action != 'fillform'" class="form-control" ng-model="jobexp.phone"
ng-required="enableValidate">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" ng-if="action == 'fillform'">
<div class="col-sm-12 text-center">
<i class="fa fa-user-plus fa-2x csctheme" ng-click="clsFormApplicant.addJobExp()"></i>
</div>
</div>
</md-card-content>
</md-card>
<!--Card training-->
<md-card>
<md-card-title>
<md-card-title-text>
<legend class="md-headline csctheme">
<swaplang code="SW013029">Training</swaplang>
</legend>
</md-card-title-text>
</md-card-title>
<md-card-content>
<div class="row" id="cardtraining">
<!--Training-->
<div class="col-sm-12" ng-repeat="training in clsFormApplicant.formApplicant.jobexp.training">
<div class="panel panel-default">
<div class="panel-heading">
<swaplang code="SW001393">No.</swaplang>
{{$index + 1}}
<i ng-if="action == 'fillform'" class="fa fa-remove fa-2x csctheme pull-right" ng-click="clsFormApplicant.removeTraining($index)"></i>
</div>
<div class="panel-body">
<div class="form-horizontal">
<!--Training name-->
<div class="form-group" ng-hide="confApp.jobexp.field.training_name.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW003370">Training name
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="training.name"
ng-required="confApp.jobexp.field.training_name.require == 1 && enableValidate">
</div>
</div>
<!--By-->
<div class="form-group" ng-hide="confApp.jobexp.field.training_by.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW000570">By</swaplang>
</label>
<div class="col-xs-12 col-sm-10">
<input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="training.by"
ng-required="confApp.jobexp.field.training_by.require == 1 && enableValidate">
</div>
</div>
<!--Duration-->
<div class="form-group" ng-hide="confApp.jobexp.field.training_duration.active != 1 && enableValidate">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW009698">Duration</swaplang>
</label>
<div class="col-xs-12 col-sm-4">
<input ng-disabled="action != 'fillform'" type="date" class="form-control" ng-model="training.start"
ng-required="confApp.jobexp.field.training_duration.require == 1 && enableValidate">
</div>
<label class="control-label col-xs-12 col-sm-1" style="text-align: center"><i class="fa fa-minus"></i></label>
<div class="col-xs-12 col-sm-5" ng-hide="education.duration.present == '1'">
<input ng-disabled="action != 'fillform'" type="date" class="form-control" ng-model="training.end"
ng-required="confApp.jobexp.field.training_duration.require == 1 && enableValidate">
</div>
</div>
<!--Certificate-->
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">
<swaplang code="SW006813">Certificate</swaplang>
</label>
<div class="col-xs-12 col-sm-10 checkbox">
<md-checkbox ng-disabled="action != 'fillform'" ng-model="training.certificate" >
<swaplang code="SW000281">Yes</swaplang>
</md-checkbox>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" ng-if="action == 'fillform'">
<div class="col-sm-12 text-center">
<i class="fa fa-user-plus fa-2x csctheme" ng-click="clsFormApplicant.addTraining()"></i>
</div>
</div>
</md-card-content>
</md-card>
</md-content>