<div class="formBranchOptions">
  <h3 class="modalTitle">
    Options de la branche {{currentBranchData.label}}
  </h3>
  <div class="modalBody">
    <div class="row">
      <div class="col-xs-12">
        <div class="form-group">
          <div class="checkbox">
            <label>
              <input
                type="checkbox"
                ng-model="currentBranchData.cfg.displayCondition.active"
              />
              <b>Condition d'affichage </b>
            </label>
          </div>
        </div>
        <div class="form-group cfgLine">
          <input
            class="form-control"
            ng-disabled="!currentBranchData.cfg.displayCondition"
            type="text"
            ng-model="currentBranchData.cfg.displayCondition.variable"
          />

          <select
            class="form-control"
            ng-disabled="!currentBranchData.cfg.displayCondition"
            ng-model="currentBranchData.cfg.displayCondition.operand"
          >
            <optgroup label="Chaine de charactère">
              <option value="string_equals"> Égal à </option>
              <option value="string_differs"> Différent de </option>
            </optgroup>
            <optgroup label="Entiers">
              <option value="integer_equals"> Égal à</option>
              <option value="integer_gt"> Supérieur à </option>
              <option value="integer_gte"> Supérieur ou égal à </option>
              <option value="integer_lt"> Inférieur à </option>
              <option value="integer_lte"> Inférieur ou égal à </option>
              <option value="integer_diffrent"> Différent de </option>
            </optgroup>
            <optgroup label="Dates">
              <option value="date_equals"> Égal à</option>
              <option value="date_gt"> Supérieur à </option>
              <option value="date_gte"> Supérieur ou égal à </option>
              <option value="date_lt"> Inférieur à </option>
              <option value="date_lte"> Inférieur ou égal à </option>
              <option value="date_differs"> Différent de </option>
            </optgroup>
            <optgroup label="Booléen">
              <option value="boolean_true">Vrai</option>
              <option value="boolean_false">Faux</option>
            </optgroup>
          </select>

          <!-- <input class="form-control" ng-disabled="!currentBranchData.cfg.displayCondition" type="text"
                        ng-model="currentBranchData.cfg.displayCondition.operand" /> -->

          <input
            class="form-control"
            ng-show="showSimpleBranchOptionPicker()"
            ng-disabled="!currentBranchData.cfg.displayCondition"
            type="text"
            ng-model="currentBranchData.cfg.displayCondition.value"
          />

          <input
            type="text"
            class="form-control"
            ng-show="showDateBranchOptionPicker()"
            ng-model="currentBranchData.cfg.displayCondition.value"
            data-date-format="dd-MM-yyyy"
            model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
            data-timezone="UTC"
            data-autoclose="true"
            bs-datepicker
          />
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-xs-12 text-right">
        <hr />
        <div class="btn btn-danger" ng-click="restoreBranchOptions()">
          <translate> Annuler </translate>
        </div>
        <div
          class="btn btn-primary"
          ng-click="saveBranchOptions(currentBranchData)"
        >
          <translate> Enregistrer </translate>
        </div>
      </div>
    </div>
  </div>
</div>
