<!-- 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 WooCommerce attributes 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">

  <!-- term separator -->
  <div class="wcpt-editor-row-option">
    <label>Separator between multiple terms</label>
    <div wcpt-model-key="separator" class="wcpt-separator-editor" wcpt-block-editor="" wcpt-be-add-row="0"></div>
  </div>

  <!-- empty value relabel -->
  <div class="wcpt-editor-row-option">
    <label>Output when no terms</label>
    <div wcpt-model-key="empty_relabel" wcpt-block-editor="" wcpt-be-add-row="0"></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>

  <!-- link term to filter -->
  <div class="wcpt-editor-row-option">
    <label>
      Action on click:
    </label>
    <?php wcpt_pro_radio('', 'Do nothing', 'click_action'); ?>
    <?php wcpt_pro_radio('archive_redirect', 'Go to archive page', 'click_action'); ?>
    <?php wcpt_pro_radio('trigger_filter', 'Trigger matching filter', 'click_action'); ?>
    <label wcpt-panel-condition="prop" wcpt-condition-prop="click_action" wcpt-condition-val="trigger_filter">
      <small>
        Note: This option requires you to have the corresponding navigation filter element setup in your table
        navigation section.
      </small>
    </label>

  </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-custom-label-setup" wcpt-controller="relabels" wcpt-model-key="[]"
          wcpt-model-key-index="0" wcpt-row-template="relabel_rule_term_column_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">
                Style
              </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"
                  wcpt-be-add-element-partial="add-term-element-col"></div>
              </div>
            </div>

            <!-- content: term style -->
            <div class="wcpt-tab-content">

              <div class="wcpt-editor-row-option" wcpt-model-key="style">
                <div class="wcpt-editor-row-option" wcpt-model-key="[id]">

                  <!-- font color -->
                  <div class="wcpt-editor-row-option">
                    <label>Font color</label>
                    <input type="text" wcpt-model-key="color" placeholder="#000" class="wcpt-color-picker">
                  </div>

                  <!-- background color -->
                  <div class="wcpt-editor-row-option">
                    <label>Background color</label>
                    <input type="text" wcpt-model-key="background-color" class="wcpt-color-picker">
                  </div>

                  <!-- border color -->
                  <div class="wcpt-editor-row-option">
                    <label>Border color</label>
                    <input type="text" wcpt-model-key="border-color" class="wcpt-color-picker">
                  </div>

                </div>
              </div>

            </div>

          </div>

        </div>

      </div>
    </div>

  </div>

  <?php include('style/parent-child.php'); ?>

  <!-- condition -->
  <?php include('condition/outer.php'); ?>

</div>