<!-- 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>

<?php wcpt_editor_more_options_container_start(); ?>
<!-- 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>

<!-- exclude terms -->
<div class="wcpt-editor-row-option">
  <label>
    Exclude category by slug
    <small>Enter one category slug <em>per line</em></small>
  </label>
  <textarea wcpt-model-key="exclude_terms"></textarea>
</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 category 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 wcpt_editor_more_options_container_end(); ?>

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

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