<div ng-if="listeGroupeFilieres" class="listeGroupeFilieres">
  <div class="row spbrow">
    <div class="col-xs-3 spbrow">
      <label> Groupe </label>
      <select
        ng-options="g.id as g.properties.nom for g in listeGroupeFilieres"
        ng-model="newFiliereElement.groupe"
        ng-change="changeGroup()"
        class="form-control"
      ></select>
    </div>

    <div class="col-xs-3 spbrow">
      <label> Type </label>
      <select
        ng-options="g.id as g.properties.nom for g in availableTypesFiliere()"
        ng-model="newFiliereElement.type"
        ng-change="changeType()"
        class="form-control"
        ng-disabled="!newFiliereElement.groupe"
      ></select>
    </div>
    <div class="col-xs-3 spbrow">
      <label> Élément </label>
      <select
        ng-options="g as g.properties.alias for g in availableElementsFiliere()"
        ng-model="newFiliereElement.element"
        ng-change="changeElement()"
        class="form-control"
        ng-disabled="!newFiliereElement.type"
      ></select>
    </div>
    <div class="col-xs-3 spbrow"> 
      <div class="btn btn-success vertical-center"  ng-click="addElementToFiliere()" 
         ng-disabled="!newFiliereElement.element">
        Ajouter
      </div>
    </div>
  </div>

  <div class="spbrow" ng-show="newFiliereElement.linked_uid">
    <anc-element-filiere
      feature-uid="newFiliereElement.linked_uid"
      element="newFiliereElement.linked_element"
      type-controle="typeControle"
      type-controle-nom="typeControleNom"
      affichage-config ="'ef'"
      controle-comment-config="controleCommentConfig"
    ></anc-element-filiere>
    <div class="clearfix"></div>
  </div>
</div>
