<div class="row">
  <div class="col-md-12">
    <div class="col-xs-4">
      <label><translate>portals.traduction.label</translate></label>
    </div>
    <div class="col-xs-5">
      <select
        class="form-control"
        name="opt"
        ng-model="edit_resource.parameters.traductionLang"
        ng-change="changedLang(edit_resource.parameters.traductionLang)"
      >
        <option
          ng-repeat="opt in optslang"
          value="{{ opt.lang }}"
          ng-bind-html="opt.text"
          ng-selected="opt.lang === edit_resource.parameters.traductionLang"
        ></option>
      </select>
    </div>
  </div>
</div>

<br />

<div class="row">
  <div class="col-md-12">
    <div class="col-xs-4" style="padding-top:35px;">
      <label><translate>portals.traduction.overwrite</translate></label>
      <div class="btn-group">
        <button
          type="button"
          ng-click="selectAll()"
          class="btn btn-default btn-xs"
          title="{{ 'importexportwidget.selectAll' | translate }}"
        >
          <i class="fa fa-arrow-circle-right"></i>
        </button>
        <button
          type="button"
          ng-click="removeAll()"
          class="btn btn-default btn-xs"
          title="{{ 'importexportwidget.unselectAll' | translate }}"
        >
          <i class="fa fa-remove"></i>
        </button>
      </div>
    </div>

    <div class="col-md-6">
      <div
        class="form-control"
        style="height:120px;width:300px;overflow-x:hidden;overflow-y:auto;"
      >
        <ul>
          <li
            ng-disabled="lang.lang === edit_resource.parameters.traductionLang"
            class="checkbox col-md-12"
            ng-repeat="lang in edit_resource.parameters.choosenlanguages | orderBy : 'alias'"
            style="display:inline-block;min-height:20px;max-height:40px;width:220px;padding:0px;"
          >
            <input
              type="checkbox"
              ng-model="lang.selected"
              ng-disabled="lang.lang === edit_resource.parameters.traductionLang"
            />
            <span
              ng-bind-html="lang.text"
              ng-disabled="lang.lang === edit_resource.parameters.traductionLang"
            ></span>
          </li>
        </ul>
      </div>
    </div>

    <div class="col-md-2" style="padding-top:35px;">
      <button
        class="btn btn-default "
        type="button"
        ng-click="applyTraduction();"
        title="{{'common.apply' | translate }}"
      >
        <span translate>common.apply</span>
      </button>
    </div>
  </div>
</div>
