<table>
  <tr>
    <td class="edigeo-replace-label-container">
      <translate>tools.majicedigeo.edigeo.suffix</translate>
    </td>
    <td style="width:10px;"></td>
    <td ng-show="mode=='text'">
      <input
        type="text"
        class="form-control suffix-input"
        ng-model="edigeoComponents.suffix"
        ng-blur="openWarnOrResetSuffix()"
      />
    </td>
    <td ng-show="mode=='list'">
      <select
        ng-options="year.value as year.value for year in years"
        class="form-control suffix-input"
        ng-model="yearFromList"
      >
        <option value="" ng-if="('' + yearFromList).length > 0"></option>
      </select>
    </td>
    <td style="width:5px;"></td>
    <td>
      <button
        ng-show="mode=='list'"
        ng-click="mode='text'"
        title="{{'tools.majicedigeo.edigeo.toggleText' | translate}}"
        class="btn button btn-default"
      >
        <i class="fa fa-paragraph"></i>
      </button>
      <button
        ng-show="mode=='text'"
        ng-click="mode='list'"
        title="{{'tools.majicedigeo.edigeo.toggleList' | translate}}"
        class="btn button btn-default"
      >
        <i class="fa fa-list"></i>
      </button>
    </td>
  </tr>
</table>
