<div class="layermanager_popup-tools">
  <h4 class="text-center">
    {{'features.' + currlayer.name +'.alias'| translate}}
  </h4>


  <div class="row">
    <div class="col-xs-12">
      <translate>layermanager.transparency</translate> -
      <b>{{ layeropacity.value }} %</b>
      <div range-slider min="0" max="100" model-max="layeropacity.value"
        pin-handle="min" class="lightslider">
      </div>
    </div>
  </div>
  <div class="row" ng-show="currlayer.ogcDefinitionExpression == null">
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" ng-click="setTheme(currlayer)">
            <translate>layermanager.setTheme</translate>
          </button>
             </span>
        <input type="text" ng-model="currlayer.theme" class="form-control" readonly />
      </div>
    </div>
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" ng-click="setFilter(currlayer)">
            <translate>layermanager.setFilter</translate>
          </button>
          <button class="btn btn-default" title="{{'layermanager.clearFilter' | translate}}" type="button"
            ng-click="clearFilterPopover()">
            <span class="glyphicon glyphicon-remove-circle"></span>
          </button>
        </span>

        <input type="text" ng-model="tmp.showCqlFilter" class="form-control" />
        <span class="input-group-btn">
          <button class="btn btn-default btn-default" type="button" ng-click="change_filter()">
            <i class="fa fa-globe"></i>
          </button>
        </span>
      </div>
    </div>
  </div>

  <div class="row" ng-show="currlayer.ogcDefinitionExpression != null">
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" ng-click="setTheme(currlayer)">
            <translate>layermanager.setTheme</translate>
          </button>
          </span>
        <input type="text" ng-model="currlayer.theme" class="form-control" readonly />
      </div>
    </div>
  </div>
  <div class="row" ng-show="currlayer.ogcDefinitionExpression != null">
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">
            <translate>layermanager.defaultFilter</translate>
          </button>
        </span>
        <input type="text" ng-model="currlayer.ogcDefinitionExpression" class="form-control" readonly />
      </div>
    </div>
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" ng-click="setFilter(currlayer)">
            <translate>layermanager.setFilter</translate>
          </button>
          <button class="btn btn-default" title="{{'layermanager.clearFilter' | translate}}" type="button"
            ng-click="currlayer.cql_filter=''">
            <span class="glyphicon glyphicon-remove-circle"></span>
          </button>
        </span>

        <input type="text" ng-model="tmp.showCqlFilter" class="form-control" />
        <span class="input-group-btn">
          <button class="btn btn-default btn-default" type="button" ng-click="change_filter()">
            <i class="fa fa-globe"></i>
          </button>
        </span>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button"
            ng-click="setMinScale(currlayer)">
            <translate>layermanager.setMinScale</translate>
          </button>
          <button class="btn btn-default" type="button"
            title="{{'layermanager.clearMinScale' | translate}}"
            ng-show="currlayer.ogcMinScale == null"
            ng-click="tmp.showMinScale=null">
            <span class="glyphicon glyphicon-remove-circle"></span>
          </button>
        </span>
        <input type="number" ng-model="tmp.showMinScale"
          ng-show="currlayer.ogcMinScale == null" class="form-control"
          min="0" />
        <input type="number" ng-model="currlayer.ogcMinScale"
          ng-show="currlayer.ogcMinScale != null"
          class="form-control" readonly />
      </div>
    </div>
    <div class="col-xs-6">
      <div class="input-group">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button" ng-click="setMinScale(currlayer)">
            <translate>layermanager.setMaxScale</translate>
          </button>
          <button class="btn btn-default" title="{{'layermanager.clearMaxScale' | translate}}" type="button"
            ng-show="currlayer.ogcMaxScale == null" ng-click="tmp.showMaxScale=null">
            <span class="glyphicon glyphicon-remove-circle"></span>
          </button>
        </span>
        <input type="number" ng-model="tmp.showMaxScale" ng-show="currlayer.ogcMaxScale == null" class="form-control"
          min="0" />
        <input type="number" ng-model="currlayer.ogcMaxScale" ng-show="currlayer.ogcMaxScale != null"
          class="form-control" readonly />
      </div>
    </div>
  </div>
  <div class="row" ng-show="scaleErrors">
    <div class="col-xs-12">
      <p class="bg-danger alert">
        <b>
          <translate>common.warning</translate>
        </b>
        <translate>layermanager.scale_error</translate>
      </p>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-6"
      ng-show="currlayer.fti.styles &&  currlayer.fti.styles.length != 0">
      <label ng-if="!iconMode">
        <translate>model.styles.defaultstyle</translate>
      </label>
      <div class="row">
        <div class="col-xs-8">
          <div class="input-group" ng-if="!iconMode">
            <span class="input-group-btn">
              <div model-styles-list fti="currlayer.fti"
                res="currlayer.style">
              </div>
            </span>
          </div>
        </div>
        <div class="col-xs-4" ng-class="iconMode ? ' lowered-sld-editor-btn' : ''">
          <button type="button" class="btn btn-info" ng-click="openSldEditor(currlayer)" ng-if="hasStyleManager()">
            <i class="fa fa-picture-o"></i>
            <translate>model.styles.editor.title</translate>
          </button>
        </div>
      </div>
    </div>
    <div class="col-xs-6 text-right" style="float:right;">
      <button type="button" class="btn btn-success" ng-click="updateLayer(currlayer);closeThisDialog()"
        style="margin-top: 28px;">
        <i class="fa fa-check"></i>
        <translate>common.validate_and_close</translate>
      </button>
    </div>
  </div>


  <div>

  </div>
</div>
