<!-- taxonomy -->
<div class="wcpt-editor-row-option">
  <label>Taxonomy</label>
  <?php
  $taxonomies = get_taxonomies(
    array(
      'public' => true,
      '_builtin' => false,
      'object_type' => array('product'),
    ),
    'objects'
  );

  foreach ($taxonomies as $taxonomy => $obj) {
    if (
      in_array($taxonomy, array('product_cat', 'product_shipping_class')) ||
      'pa_' == substr($taxonomy, 0, 3)
    ) {
      unset($taxonomies[$taxonomy]);
    }
  }

  if (empty($taxonomies)) {
    echo '<div class="wcpt-notice">There are no product taxonomies on this site!</div>';
    $hide_class = 'wcpt-hide';
  }
  ?>
  <select class="<?php echo empty($taxonomies) ? 'wcpt-hide' : ''; ?>" wcpt-model-key="taxonomy">
    <option value=""></option>
    <?php
    foreach ($taxonomies as $taxonomy => $obj) {
      ?>
      <option value="<?php echo $taxonomy; ?>">
        <?php echo $obj->labels->name; ?>
      </option>
      <?php
    }
    ?>
  </select>
</div>

<div class="wcpt-editor-row-option" wcpt-panel-condition="prop" wcpt-condition-prop="taxonomy"
  wcpt-condition-val="true">

  <!-- heading -->
  <div class="wcpt-editor-row-option">
    <label>
      Heading
      <small>You can use [taxonomy] placeholder</small>
    </label>
    <div wcpt-block-editor wcpt-be-add-element-partial="add-navigation-filter-heading-element" wcpt-model-key="heading"
      wcpt-be-add-row="0"></div>
  </div>

  <!-- display type -->
  <div class="wcpt-editor-row-option" wcpt-panel-condition="prop" wcpt-condition-prop="position"
    wcpt-condition-val="header">
    <label>Display type</label>
    <select wcpt-model-key="display_type">
      <option value="dropdown">Dropdown</option>
      <option value="row">Row of buttons</option>
    </select>
  </div>

  <!-- operator -->
  <div class="wcpt-editor-row-option">
    <label>Operator</label>
    <select wcpt-model-key="operator">
      <option value="IN">"IN" - each result must have at least one selected term</option>
      <option value="AND">"AND" - each result must have all the selected terms</option>
      <option value="NOT IN">"NOT IN" - each result must have none of the selected terms</option>
    </select>
  </div>

  <!-- multiple selections permission -->
  <div class="wcpt-editor-row-option">
    <label>
      <input type="checkbox" wcpt-model-key="single" />
      Only allow one option to be selected
    </label>
  </div>

  <!-- heading format upon option selection -->
  <?php require('heading_format__op_selected.php'); ?>

  <!-- "Show all" label -->
  <div class="wcpt-editor-row-option" wcpt-panel-condition="prop" wcpt-condition-prop="single"
    wcpt-condition-val="true">
    <label>
      "Show All" option label
    </label>
    <div wcpt-model-key="show_all_label" wcpt-block-editor wcpt-be-add-row="0"></div>
  </div>

  <!-- relabel -->
  <div class="wcpt-editor-row-option ">
    <div class="wcpt-toggle-options wcpt-row-accordion">

      <span class="wcpt-toggle-label">
        <?php echo wcpt_icon('file-text'); ?>
        Custom term labels <?php wcpt_pro_badge(); ?>
        <?php echo wcpt_icon('chevron-down'); ?>
      </span>

      <div class="wcpt-editor-loading" data-loading="terms" style="display: none;">
        <?php wcpt_icon('loader', 'wcpt-rotate'); ?> Loading ...
      </div>

      <div class="
        wcpt-editor-row-option
        <?php wcpt_pro_cover(); ?>
      " wcpt-model-key="relabels">
        <div class="wcpt-editor-row wcpt-editor-custom-label-setup" wcpt-controller="relabels" wcpt-model-key="[]"
          wcpt-model-key-index="0" wcpt-row-template="relabel_rule_term_filter_element_2">
          <div class="wcpt-tabs">

            <!-- triggers -->
            <div class="wcpt-tab-triggers">
              <div class="wcpt-tab-trigger" wcpt-content-template="term">
                Term name
              </div>
              <div class="wcpt-tab-trigger" wcpt-can-disable>
                Clear label
              </div>
            </div>

            <!-- content: term label -->
            <div class="wcpt-tab-content">
              <div class="wcpt-editor-row-option">
                <div wcpt-model-key="label" class="wcpt-term-relabel-editor" wcpt-block-editor="" wcpt-be-add-row="0">
                </div>
              </div>
            </div>

            <!-- content: clear fitler label -->
            <div class="wcpt-tab-content">
              <div class="wcpt-editor-row-option">
                <input type="text" wcpt-model-key="clear_label" placeholder="[filter] : [option]">
              </div>
            </div>

          </div>

        </div>

      </div>

    </div>
  </div>

  <!-- exclude terms -->
  <div class="wcpt-editor-row-option">
    <label>
      Exclude terms by slug
      <small>Enter one term slug <em>per line</em></small>
    </label>
    <textarea wcpt-model-key="exclude_terms"></textarea>
  </div>

  <!-- hide empty -->
  <!-- <div class="wcpt-editor-row-option">
    <label>
      <input type="checkbox" wcpt-model-key="hide_empty"> Hide empty terms (not attached to any product on the site)
    </label>
  </div> -->

  <!-- accordion always open -->
  <div class="wcpt-editor-row-option">
    <label>
      <input type="checkbox" wcpt-model-key="accordion_always_open"> Keep filter open by default in sidebar / responsive
      modal
    </label>
  </div>

  <!-- pre-open depth -->
  <div class="wcpt-editor-row-option">
    <label>
      Pre-open filter dropdown till depth
    </label>
    <input type="number" wcpt-model-key="pre_open_depth" min="0">
  </div>

  <!-- enable search -->
  <div class="wcpt-editor-row-option">
    <?php wcpt_pro_checkbox('true', 'Enable search box for the filter options', 'search_enabled'); ?>
  </div>

  <!-- search placeholder -->
  <div class="wcpt-editor-row-option" wcpt-panel-condition="prop" wcpt-condition-prop="search_enabled"
    wcpt-condition-val="true">
    <label>Placeholder for the search input box</label>
    <input type="text" wcpt-model-key="search_placeholder">
  </div>

  <?php include('style/filter.php'); ?>

</div>