<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>