<div class="row spbrow" ng-if="xgos.isroot">
  <div class="col-xs-12">
    <div class="alert alert-danger">
      <div ng-if="!repVectorielleEfActive" class="btn btn-sm btn-default pull-right" ng-click="activerFilieresVectorielles()">
        Activer le dessin vectoriel des filières
      </div>
      <div class="btn btn-sm btn-default pull-right" ng-click="reinitialiserConfigurationSymboles()">
        Réinitialiser la configuration des symboles
      </div>
      <i class="fa fa-warning"></i> Ce bloc n'apparait que pour root.
    </div>
  </div>
</div>

<div class="row">
  <div class="col-xs-6">
    <h3>Groupes de filière</h3>
    <div
      gcdata-datatable
      fti="elementFiliereGroupe"
      height="300px"
      res="selected.elementFiliereGroupes"
      display-total-number="true"
      crud="datatableelementFiliereGroupesCrud"
    ></div>
  </div>
  <div class="col-xs-6">
    <h3>Types de filière</h3>
    <div
      gcdata-datatable
      fti="elementFiliereType"
      height="300px"
      res="selected.elementFiliereTypes"
      crud="datatableelementFiliereTypeCrud"
      display-total-number="true"
      rendu-colonnes="renduColonnesTypeFiliere"
    ></div>
  </div>
</div>
<div class="row">
  <div class="col-xs-12">
    <h3>Éléments de filière</h3>
    <div
      gcdata-datatable
      fti="elementFiliere"
      attributes="efAttributes"
      height="550px"
      res="selected.elementFilieres"
      crud="datatableelementFiliereElementCrud"
      display-total-number="true"
      rendu-colonnes="renduColonnesElementFiliere"
    ></div>
  </div>
</div>
<div class="row">
  <div class="col-xs-12">
    <h3 id="topPageValeurReglementaire">
      <div class="pull-right">
        <div class="btn btn-default" ng-click="refreshNationalReglementaire()">
          <i class="fa fa-refresh">
            MAJ depuis fichier national <small>({{reglementaireinfos}})</small>
          </i>
        </div>
      </div>
      Valeurs réglementaires
    </h3>
  </div>
  <div class="col-xs-12">
    <div class="alert alert-info" ng-if="!listeReglementaire.elements.length">
      Aucune valeur n'est configurée pour ce portail.
    </div>
    <div ng-if="listeReglementaire.elements.length>0" class="reglementaireANC">
      <div class="llist part">
        <h4>
          <div class="pull-right">
            <div
              class="btn btn-xs btn-default"
              title="Ajouter un élément de filière"
              data-placement="top"
              data-template="js/XG/widgets/ancapp/main/views/admin/popover/reglementaire.add.element.html"
              data-animation="am-fade-and-scale"
              data-auto-close="true"
              bs-popover
            >
              <i class="fa fa-plus"> </i>
            </div>
          </div>
          Élément de filière
        </h4>
        <div ng-repeat="e in listeReglementaire.elements track by $index">
          <div
            class="item"
            ng-click="fetchElementDetail(e)"
            ng-class="{'active' : currentElementReglementaire==e.name}"
          >
            <div class="pull-right" ng-if="e.origine=='local'">
              <div
                class="btn btn-xxs btn-danger"
                title="Supprimer"
                ng-click="removeElementReglementaire('elements',$index)"
              >
                <i class="fa fa-times"></i>
              </div>
            </div>
            <span
              class="label"
              ng-class="{'label-primary':e.origine=='national','label-info':e.origine=='local'}"
            >
              {{ e.origine }}
            </span>
            <span> {{ getElementFiliereAlias(e.name) }} </span>
          </div>
        </div>
      </div>
      <div class="relements part">
        <h4>
          <div class="pull-right">
            <div
              class="btn btn-xs btn-default"
              ng-if="currentElementReglementaire"
              ng-click="editModeleReglementaireDialog()"
              title="Ajouter un modèle"
            >
              <i class="fa fa-plus"> </i>
            </div>
          </div>
          Modèle
        </h4>
        <div ng-if="listeReglementairePourElement">
          <div ng-if="!listeReglementairePourElement.elements.length">
            Aucun élément configuré pour ce type d'élément de filière
          </div>
          <div ng-if="listeReglementairePourElement.elements.length">
            <div
              ng-repeat="i in listeReglementairePourElement.elements track by $index"
            >
              <div class="pull-right">
                <div
                  class="btn btn-xxs btn-danger"
                  title="Supprimer"
                  ng-click="removeElementReglementaire(currentElementReglementaire,$index)"
                  ng-if="i.origine=='local'"
                >
                  <i class="fa fa-times"></i>
                </div>
                <div
                  class="btn btn-xxs btn-default"
                  ng-click="editModeleReglementaireDialog(i)"
                  title="Afficher le détail"
                >
                  <i class="fa fa-edit"></i>
                </div>
              </div>
              <span
                class="label"
                ng-class="{'label-primary':i.origine=='national','label-info':i.origine=='local'}"
              >
                {{ i.origine }}
              </span>
              <span> {{ i.name }} </span>
            </div>
          </div>
          <div class="row spbrow">
            <br />
            <button
              class="btn btn-default pull-right"
              ng-click="scrollTo('topPageValeurReglementaire')"
            >
              Haut de liste
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
