<md-content class="md-padding">
  <!--Card Communicate-->
  <md-card>
    <md-card-title>
      <md-card-title-text>
        <span class="md-headline csctheme"><swaplang code="SW013025">Communicate</swaplang></span>
      </md-card-title-text>
    </md-card-title>
    <md-card-content>
      <div class="form-horizontal">
        <!--Email-->
        <div class="form-group" ng-if="confApp.contact.field.email.active == 1 || !enableValidate">
          <label class="control-label col-xs-12 col-sm-2">
            <swaplang code="SW004598">E-mail address</swaplang>
          </label>
          <div class="col-xs-12 col-sm-10">
            <input ng-disabled="action != 'fillform'" onblur="chkEmail(this)" type="text" class="form-control"
                   ng-model="clsFormApplicant.formApplicant.email"
                   ng-required="confApp.contact.field.email.require == 1 && enableValidate">
          </div>
        </div>
        <!--Phone Number-->
        <!-- <div class="form-group" ng-if="confApp.contact.field.contact.phone != 1 && enableValidate"> -->
        <div class="form-group">
          <label class="control-label col-xs-12 col-sm-2">
            <swaplang code="SW009568">Mobile Phone</swaplang>
          </label>
          <div class="col-xs-12 col-sm-10">
            <input ng-disabled="action != 'fillform'" type="text" class="form-control"
                   ng-model="clsFormApplicant.formApplicant.contact.phone"
                   ng-required="confApp.contact.field.phone.require == 1 && enableValidate">
          </div>
        </div>
      </div>
    </md-card-content>
  </md-card>
  <!--Card Home address-->
  <!-- <md-card ng-if="confApp.contact.field.home.active == 1 || !enableValidate"> -->
  <md-card>
    <md-card-title>
      <md-card-title-text>
        <legend class="md-headline csctheme">
          <swaplang code="SW002122">Home address</swaplang>
        </legend>
      </md-card-title-text>
    </md-card-title>
    <md-card-content>
      <div class="form-horizontal">
        <!--Home number-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.addr"
                   ng-required="confApp.contact.field.home.require == 1 && enableValidate">
          </div>
        </div>
        <!--Home village-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.village" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home roomNo-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.roomNo" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home floor-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.floor" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home soi-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.soi" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home moo-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.moo" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home road-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.road" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Home district (Tambon)-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.home.district" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Search address-->
        <div class="form-group" ng-if="action == 'fillform'">
          <div class="col-xs-12 col-sm-10 col-sm-push-2">
            <md-button class="md-primary md-raised" ng-click="showAddressSearch($event, 'home')">
              <swaplang code="SW013097">Address Search</swaplang>
              <span><i class="fa fa-search"></i></span>
            </md-button>
          </div>
        </div>

        <!--Home 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="true" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.home.zipcode.districtid"
                     ng-options="item.districtid as item.name[lang] for item in masterdata.district" ng-required="enableValidate">
            </select>
          </div>
        </div>
        <!--Home 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="clsFormApplicant.formApplicant.contact.home.zipcode.provinceid"
                    ng-options="item.proid as item.name[lang] for item in masterdata.province" ng-disabled="true"> -->
            <select ng-disabled="true" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.home.zipcode.provinceid"
                    ng-options="item.proid as item.name[lang] for item in masterdata.province" ng-required="enableValidate">
            </select>
          </div>
        </div>
        <!--Home 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="clsFormApplicant.formApplicant.contact.home.zipcode.zipid" ng-disabled="true"> -->
            <input type="text" ng-disabled="true" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.home.zipcode.zipid"
                   ng-required="enableValidate">
          </div>
        </div>
        <!--Home phone-->
        <div class="form-group">
          <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 ng-disabled="action != 'fillform'" type="text" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.home.number"
                   ng-required="confApp.contact.field.home.require == 1 && enableValidate">
          </div>
        </div>
      </div>
    </md-card-content>
  </md-card>
  <!--Card Current address-->
  <!-- <md-card ng-if="confApp.contact.field.current.active == 1 || !enableValidate"> -->
  <md-card>
    <md-card-title>
      <md-card-title-text>
        <legend class="md-headline csctheme">
          <swaplang code="SW000236">Current address</swaplang>
        </legend>
      </md-card-title-text>
    </md-card-title>
    <md-card-content>
      <div class="form-horizontal">
        <!--Current address addr-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.addr"
                   ng-required="confApp.contact.field.current.require == 1 && enableValidate">
          </div>
        </div>
        <!-- Current village-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.village" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current roomNo-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.roomNo" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current floor-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.floor" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current soi-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.soi" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current moo-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.moo" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current road-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.road" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!-- Current district (Tambon)-->
        <div class="form-group">
          <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="clsFormApplicant.formApplicant.contact.current.district" ng-disabled="action != 'fillform'">
          </div>
        </div>
        <!--Search address-->
        <div class="form-group" ng-if="action == 'fillform'">
          <div class="col-xs-12 col-sm-10 col-sm-push-2">
            <md-button class="md-primary md-raised" ng-click="showAddressSearch($event, 'current')">
              <swaplang code="SW013097">Address Search</swaplang>
              <span><i class="fa fa-search"></i></span>
            </md-button>
          </div>
        </div>
        <!--Current 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="true" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.current.zipcode.districtid"
                    ng-options="item.districtid as item.name[lang] for item in masterdata.district" ng-required="enableValidate">
            </select>
          </div>
        </div>
        <!--Current 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="clsFormApplicant.formApplicant.contact.current.zipcode.provinceid"
                    ng-options="item.proid as item.name[lang] for item in masterdata.province" ng-disabled="true"> -->
            <select ng-disabled="true" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.current.zipcode.provinceid"
                    ng-options="item.proid as item.name[lang] for item in masterdata.province" ng-required="enableValidate">
            </select>
          </div>
        </div>
        <!--Current 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="clsFormApplicant.formApplicant.contact.current.zipcode.zipid" ng-disabled="true"> -->
            <input ng-disabled="true" type="text" class="form-control" ng-model="clsFormApplicant.formApplicant.contact.current.zipcode.zipid"
                   ng-required="enableValidate">
          </div>
        </div>
        <!--Current address phone-->
        <div class="form-group">
          <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 ng-disabled="action != 'fillform'" type="text" class="form-control"
                   ng-model="clsFormApplicant.formApplicant.contact.current.number"
                   ng-required="confApp.contact.field.current.require == 1 && enableValidate">
          </div>
        </div>
      </div>
    </md-card-content>
  </md-card>
</md-content>