<md-content class="md-padding">
  <!--Card Education-->
  <md-card>
    <md-card-title>
      <md-card-title-text>
        <legend class="md-headline csctheme">
          <swaplang code="SW000619">Education</swaplang>
        </legend>
      </md-card-title-text>
    </md-card-title>
    <md-card-content>
      <div class="row">
        <!--Education-->
        <div class="col-sm-12" ng-repeat="education in clsFormApplicant.formApplicant.education">
          <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.removeEducation($index)"></i>
            </div>
            <div class="panel-body">
              <div class="form-horizontal">
                <!--University-->
                <div class="form-group" ng-hide="confApp.education.field.university.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW000206">University</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.university.universitylist.instituteid"
                            ng-required="confApp.education.field.university.require == 1 && enableValidate"
                            ng-options="item.instituteid as item.name[lang] for item in masterdata.institute">
                    </select>
                  </div>
                </div>
                <div class="form-group" ng-hide="confApp.education.field.university.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW001887">Other</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="education.university.searchtext"
                           ng-required="confApp.education.field.university.require == 1 && enableValidate">
                  </div>
                </div>
                <!--Degree-->
                <!-- <div class="form-group" ng-hide="confApp.education.field.degree.active != 1 && enableValidate"> -->
                <div class="form-group">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW005741">Degree</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.degreetype"
                            ng-required="confApp.education.field.degree.require == 1 && enableValidate">
                      <option ng-repeat="degree in masterdata.degree" value="{{degree.degreeid}}">{{degree['degreedesc_'+lang]}}
                      </option>
                    </select>
                  </div>
                </div>
                <!--Faculty-->
                <div class="form-group" ng-hide="confApp.education.field.faculty.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW002142">Faculty</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.fac.facultylist.mfacultyid"
                            ng-required="confApp.education.field.faculty.require == 1 && enableValidate"
                            ng-options="item.mfacultyid as item['faculty_'+lang] for item in masterdata.faculty">
                    </select>
                  </div>
                </div>
                <div class="form-group" ng-hide="confApp.education.field.faculty.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW001887">Other</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="education.fac.searchtext"
                           ng-required="confApp.education.field.faculty.require == 1 && enableValidate">
                  </div>
                </div>
                <!--Major-->
                <div class="form-group" ng-hide="confApp.education.field.major.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW011915">Major</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.major.majorlist.majorid"
                            ng-required="confApp.education.field.major.require == 1 && enableValidate"
                            ng-options="item.majorid as item.name[lang] for item in masterdata.major">
                    </select>
                  </div>
                </div>
                <div class="form-group" ng-hide="confApp.education.field.major.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW001887">Other</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="education.major.searchtext"
                           ng-required="confApp.education.field.major.require == 1 && enableValidate">
                  </div>
                </div>
                <!--Country-->
                <div class="form-group" ng-hide="confApp.education.field.country.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW004830">Country</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.country"
                            ng-required="confApp.education.field.country.require == 1 && enableValidate">
                      <option ng-repeat="country in masterdata.country" value="{{country.countryid}}">{{country.name[lang]}}
                      </option>
                    </select>
                  </div>
                </div>
                <!--Duration-->
                <div class="form-group" ng-hide="confApp.education.field.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-2">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.yearstart"
                            ng-required="confApp.education.field.duration.require == 1 && enableValidate">
                      <option ng-repeat="year in yearlist(0, 50)" value="{{year}}">{{year}}</option>
                    </select>
                  </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-2" ng-hide="education.duration.present == '1'">
                    <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.yearend"
                            ng-required="confApp.education.field.duration.require == 1 && enableValidate">
                      <option ng-repeat="year in yearlist(0, 50)" value="{{year}}">{{year}}</option>
                    </select>
                  </div>
                  <div class="col-xs-12 col-sm-3 checkbox">
                    <md-checkbox ng-disabled="action != 'fillform'" ng-model="education.duration.present">
                      <swaplang code="SW013027">Present</swaplang>
                    </md-checkbox>
                  </div>
                </div>
                <!--GPA-->
                <div class="form-group" ng-hide="confApp.education.field.gpa.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW002145">GPA</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10">
                    <input onblur="checkNumFloat(this, 0, 4)" ng-disabled="action != 'fillform'" type="text" ng-model="education.gpa" class="form-control"
                           ng-required="confApp.education.field.gpa.require == 1 && enableValidate">
                  </div>
                </div>
                <!--Honors-->
                <div class="form-group" ng-hide="confApp.education.field.honors.active != 1 && enableValidate">
                  <label class="control-label col-xs-12 col-sm-2">
                    <swaplang code="SW006828">Honors</swaplang>
                  </label>
                  <div class="col-xs-12 col-sm-10 checkbox">
                    <md-checkbox ng-disabled="action != 'fillform'" ng-model="education.honors.havehonors">
                      <swaplang code="SW000281">Yes</swaplang>
                    </md-checkbox>
                  </div>
                </div>
                <span ng-if="education.honors.havehonors == '1'">
                  <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2"><swaplang code="SW005559">type</swaplang></label>
                    <div class="col-xs-12 col-sm-10">
                      <select ng-disabled="action != 'fillform'" class="form-control" ng-model="education.honors.id"
                              ng-required="confApp.education.field.honors.require == 1 && enableValidate">
                        <option ng-repeat="honors in masterdata.honors" value="{{honors.id}}">{{honors.name[lang]}}</option>
                      </select>
                    </div>
                  </div>
                </span>
              </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.addEducation()"></i>
        </div>
      </div>
    </md-card-content>
  </md-card>
</md-content>