<div class="blade-content">
  <div class="blade-inner">
    <div class="inner-block clearfix">
      <form class="form" name="formScope">
        <legend>{{ 'orders.blades.filter-detail.labels.criteria' | translate }}</legend>

        <div class="form-group" ng-init="setForm(formScope)">
          <label class="form-label">{{ 'orders.blades.filter-detail.labels.name' | translate }}</label>
          <div class="form-input">
            <input ng-model="blade.currentEntity.name" required placeholder="{{ 'orders.blades.filter-detail.labels.name_' | translate }}" />
          </div>
        </div>

        <va-metaform registered-inputs="blade.metaFields" blade="blade"></va-metaform>
      </form>
    </div>
  </div>
</div>

<script type="text/ng-template" id="statusesSelector.html">
  <va-setting-value-select blade="blade"
                           placeholder="'orders.blades.filter-detail.placeholders.all' | translate"
                           setting="'Order.Status'"
                           ng-model="blade.currentEntity.statuses"
                           multiple></va-setting-value-select>
</script>

<script type="text/ng-template" id="storeSelector.html">
  <div class="form-input">
    <va-store-selector multiple ng-model="blade.currentEntity.storeIds" placeholder="'orders.blades.filter-detail.placeholders.all'"></va-store-selector>
  </div>
</script>

<script type="text/ng-template" id="customerSelector.html">
  <div class="form-input">
    <ui-scroll-drop-down data="blade.fetchCustomers(criteria)"
                         ng-model="blade.currentEntity.customerId"
                         placeholder="'orders.blades.filter-detail.placeholders.all'">
    </ui-scroll-drop-down>
  </div>
</script>

<script type="text/ng-template" id="filter-organizationSelector.html">
  <div class="form-input">
    <ui-scroll-drop-down data="blade.fetchOrganizations(criteria)"
                         ng-model="blade.currentEntity.organizationId"
                         placeholder="'orders.blades.filter-detail.placeholders.all'">
    </ui-scroll-drop-down>
  </div>
</script>

<script type="text/ng-template" id="filter-employeeSelector.html">
  <div class="form-input">
    <ui-scroll-drop-down data="blade.fetchEmployees(criteria)"
                         ng-model="blade.currentEntity.employeeId"
                         placeholder="'orders.blades.filter-detail.placeholders.all'">
    </ui-scroll-drop-down>
  </div>
</script>

<script type="text/ng-template" id="filter-withPrototypes.html">
  <div class="form-group">
    <div class="form-input">
      <label class="form-label __switch">
        <input type="checkbox" ng-model="blade.currentEntity.withPrototypes">
        <span class="switch"></span>
      </label>
    </div>
  </div>
</script>
