<form class="form-horizontal padT-20" name="htmlForm">
  <div class="form-group" ng-init="vm.htmlForm = htmlForm">
    <label class="col-sm-3 control-label">{{ "ECONOMICAL_BACKGROUND_OF_THE_TRANSACTION" | translate }}:</label>
    <div class="col-sm-9">
      <select class="form-control"
        ng-model="vm.form.economical_background"
        ng-disabled="vm.ro">
          <option value="Eigentransfer">{{ "EIGENTRANSFER" | translate }}</option>
          <option value="Kredite / Darlehen">{{ "KREDITE_DARLEHEN" | translate }}</option>
          <option value="Erbschaft / Schenkung">{{ "ERBSCHAFT_SCHENKUNG" | translate }}</option>
          <option value="Firmentransaktion">{{ "FIRMENTRANSAKTION" | translate }}</option>
          <option value="Vorsorge / Pensionierung">{{ "VORSORGE_PENSIONIERUNG" | translate }}</option>
          <option value="Immobilien">{{ "IMMOBILIEN" | translate }}</option>
          <option value="Andere">{{ "ANDERE" | translate }}</option>
      </select>
      <span style="font-size: 9pt;">
        <span ng-if="vm.form.economical_background == 'Eigentransfer'">Eigentransfer help text</span>
        <span ng-if="vm.form.economical_background == 'Kredite / Darlehen'">Kredite / Darlehen help text</span>
        <span ng-if="vm.form.economical_background == 'Erbschaft / Schenkung'">Erbschaft / Schenkung help text</span>
        <span ng-if="vm.form.economical_background == 'Firmentransaktion'">Firmentransaktion help text</span>
        <span ng-if="vm.form.economical_background == 'Vorsorge / Pensionierung'">Vorsorge / Pensionierung help text</span>
        <span ng-if="vm.form.economical_background == 'Immobilien'">Immobilien help text</span>
      </span>
      <input class="form-control"
        type="text"
        ng-model="vm.form.economical_background_freetext"
        ng-disabled="vm.ro"
        ng-if="vm.form.economical_background == 'Andere'"/>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-3 control-label">{{ "FUNDS_ORIGIN" | translate }}:</label>
    <div class="col-sm-9">
      <select class="form-control"
        ng-model="vm.form.funds_origin"
        ng-disabled="vm.ro">
          <option value="Ersparnisse aus beruflicher Tätigkeit">{{ "ERSPARNISSE_AUS_BERUFLICHER_TÄTIGKEIT" | translate }}</option>
          <option value="Erbschaft">{{ "ERBSCHAFT" | translate }}</option>
          <option value="Immobilienverkauf">{{ "IMMOBILIENVERKAUF" | translate }}</option>
          <option value="Dividende">{{ "DIVIDENDE" | translate }}</option>
          <option value="Andere">{{ "ANDERE" | translate }}</option>
      </select>
      <span style="font-size: 9pt;">
        <span ng-if="vm.form.funds_origin == 'Ersparnisse aus beruflicher Tätigkeit'">Ersparnisse aus beruflicher Tätigkeit help text</span>
        <span ng-if="vm.form.funds_origin == 'Erbschaft'">Erbschaft help text</span>
        <span ng-if="vm.form.funds_origin == 'Immobilienverkauf'">Immobilienverkauf help text</span>
        <span ng-if="vm.form.funds_origin == 'Dividende'">Dividende help text</span>
        <span ng-if="vm.form.funds_origin == 'Vorsorge / Pensionierung'">Vorsorge / Pensionierung help text</span>
      </span>
      <input class="form-control"
        type="text"
        ng-model="vm.form.funds_origin_freetext"
        ng-disabled="vm.ro"
        ng-if="vm.form.funds_origin == 'Andere'"/>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-3 control-label">{{ "RELATIONSHIP_SENDER_RECEIVER" | translate }}:</label>
    <div class="col-sm-9">
      <select class="form-control"
        ng-model="vm.form.relationship"
        ng-disabled="vm.ro">
          <option value="Eltern / Kinder">{{ "ELTERN_KINDER" | translate }}</option>
          <option value="Geschäftsbeziehung">{{ "GESCHÄFTSBEZIEHUNG" | translate }}</option>
          <option value="Andere">{{ "ANDERE" | translate }}</option>
      </select>
      <span style="font-size: 9pt;">
        <span ng-if="vm.form.relationship == 'Eltern / Kinder'">Eltern / Kinder help text</span>
        <span ng-if="vm.form.relationship == 'Geschäftsbeziehung'">Geschäftsbeziehung help text</span>
      </span>
      <input class="form-control"
        type="text"
        ng-model="vm.form.relationship_freetext"
        ng-disabled="vm.ro"
        ng-if="vm.form.relationship == 'Andere'"/>
    </div>
  </div>
<!--   <div class="form-group">
    <label class="col-sm-3 control-label">{{ "Beneficial owner on involved product" | translate }}:</label>
    <div class="col-sm-9">
      <checkboxes items="['No Formular A', 'Contractee', 'WiBe(beneficial owner is/are customer(s)']"
                ng-model="vm.form.beneficial_owner"></checkboxes>
    </div>
  </div> -->
  <div class="form-group">
    <label class="col-sm-3 control-label">{{ "ADDITIONAL_INFORMATION" | translate }}:<br/>
      ({{vm.form.additional_information.length}}/7000)</label>
    <div class="col-sm-9">
      <textarea 
        class="form-control"
        type="text"
        ng-model="vm.form.additional_information"
        ng-change="vm.limitStringLength()"
        ng-trim="false"
        ng-disabled="vm.ro"/>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-3 control-label">{{ "ERGÄNZENDE_UNTERLAGEN" | translate }}:</label>
    <div class="col-sm-9">
      <textarea 
        class="form-control"
        type="text"
        ng-model="vm.form.supplementary_docs"
        ng-disabled="vm.ro"/>
    </div>
  </div>
</form>