<h3 class="modalTitle">
  <translate>hpo.common.ifelsecondition</translate>
</h3>
<form id="form-apply-filter" ng-submit="confirm(expression)">
  <div class="modalBody">
    <div class="row nomargin">
      <div class="col-xs-12">
        <div class="panel panel-primary panel-hpo">
          <h4 class="adjust-positions text-left">
            <div class="row nomargin">
              <div class="col-md-5 nopadding">
                <translate>hpo.common.conditionifelse</translate>
              </div>
            </div>
          </h4>
          <div
            class="row marginTop nomargin"
            css-manipulate='{"h":"400px","ovy":"auto"}'
          >
            <div class="col-md-12">
              <div class="col-md-12 nopadding">
                <scientific-calculator
                  value="expression.condition"
                  attrs="expression.attrs"
                  allow-all="true"
                ></scientific-calculator>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row nomargin">
      <div class="col-xs-12">
        <div class="panel panel-primary panel-hpo">
          <h4 class="adjust-positions text-left">
            <div class="row nomargin">
              <div class="col-md-5 nopadding">
                <translate>hpo.common.trueifelse</translate>
              </div>
            </div>
          </h4>
          <div
            class="row marginTop nomargin"
            css-manipulate='{"h":"400px","ovy":"auto"}'
          >
            <div class="col-md-12">
              <div class="col-md-12 nopadding">
                <scientific-calculator
                  value="expression.conditiontrue"
                  attrs="expression.attrs"
                  allow-all="true"
                ></scientific-calculator>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row nomargin">
      <div class="col-xs-12">
        <div class="panel panel-primary panel-hpo">
          <h4 class="adjust-positions text-left">
            <div class="row nomargin">
              <div class="col-md-5 nopadding">
                <translate>hpo.common.falseifelse</translate>
              </div>
            </div>
          </h4>
          <div
            class="row marginTop nomargin"
            css-manipulate='{"h":"400px","ovy":"auto"}'
          >
            <div class="col-md-12">
              <div class="col-md-12 nopadding">
                <scientific-calculator
                  value="expression.conditionfalse"
                  attrs="expression.attrs"
                  allow-all="true"
                ></scientific-calculator>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <hr />

    <!-- Single button -->
    <div class="row nomargin">
      <div class="col-xs-12 text-right nopadding-col marginBottom">
        <button class="btn btn-primary" type="submit">
          <translate>common.apply</translate>
        </button>
      </div>
    </div>
  </div>
</form>
