<div>
  <h3 ng-if="editCatBoolean===false" class="modalTitle">
    {{'executQuery.modalAdd.addCategory' | translate}}
  </h3>
  <h3 ng-if="editCatBoolean===true" class="modalTitle">
    {{'executQuery.modalAdd.editCategory' | translate}}
  </h3>
  <div class="modalBody">
    <div>
      <div class="row nopadding" ng-class="{'has-error': !validTitreCat}">
        <div class="col-xs-12">
          <label class="required">{{'executQuery.modalAdd.queryCategory' | translate}}</label>
        </div>
        <div class="col-xs-8 text-left">
          <input
            type="text"
            class="form-control ng-dirty ng-valid ng-valid-required"
            ng-model="currentCategorie.titre"
            ng-change="verificationTitreCatRequeteUsed()"
            required
          />
        </div>
        <div class="col-xs-4"></div>
      </div>
      <div class="alert inlinealert alert-danger" ng-if="!validTitreCat">
        {{'executQuery.modalAdd.titleCategoryUsed' | translate}}
      </div>
    </div>

    <div ng-if="editCatBoolean===true" class="row nopadding">
      <div class="col-xs-12 text-right">
        <hr />
        <div
          class="btn btn-default"
          ng-if="validTitreCat"
          ng-click="editCategorie()"
        >
        {{'executQuery.modalAdd.editButton' | translate}}
        </div>
      </div>
    </div>
    <div ng-if="!editCatBoolean" class="row nopadding">
      <div class="col-xs-12 text-right ">
        <hr />
        <div
          class="btn btn-default"
          ng-disabled="!validTitreCat || !currentCategorie.titre.length > 0"
          ng-click="addCategorie()"
        >
        {{'executQuery.modalAdd.addButton' | translate}}
        </div>
      </div>
    </div>
  </div>
</div>
