<?php
if (!defined('ABSPATH')) exit; // Exit if accessed directly 
?>

<div class="iwbvel-float-side-modal" id="iwbvel-float-side-modal-filter">
    <div class="iwbvel-float-side-modal-container">
        <div class="iwbvel-float-side-modal-box">
            <div class="iwbvel-float-side-modal-content">
                <input type="hidden" id="filter-form-changed" value="">
                <div class="iwbvel-float-side-modal-title">
                    <h2><?php esc_html_e('Filter Form', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></h2>
                    <button type="button" class="iwbvel-float-side-modal-close" data-toggle="float-side-modal-close">
                        <i class="iwbvel-icon-x"></i>
                    </button>
                </div>
                <div class="iwbvel-float-side-modal-body">
                    <div class="iwbvel-wrap">
                        <div class="iwbvel-tabs">
                            <div class="iwbvel-tabs-navigation">
                                <nav class="iwbvel-tabs-navbar">
                                    <ul class="iwbvel-tabs-list" data-content-id="iwbvel-bulk-edit-filter-tabs-contents">
                                        <li><a class="iwbvel-tab-item selected" data-content="filter_general" href="#"><?php esc_html_e('General', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <li><a class="iwbvel-tab-item" data-content="filter_taxonomies" href="#"><?php esc_html_e('Categories/Tags/Taxonomies', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <li><a class="iwbvel-tab-item" data-content="filter_pricing" href="#"><?php esc_html_e('Pricing', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <li><a class="iwbvel-tab-item" data-content="filter_shipping" href="#"><?php esc_html_e('Shipping', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <li><a class="iwbvel-tab-item" data-content="filter_stock" href="#"><?php esc_html_e('Stock', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <li><a class="iwbvel-tab-item" data-content="filter_type" href="#"><?php esc_html_e('Type', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <?php if (!empty($has_compatible_fields) && $has_compatible_fields === true) : ?>
                                            <li><a class="iwbvel-tab-item" data-content="filter_compatibles" href="#"><?php esc_html_e('Compatibles', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <?php endif; ?>
                                        <li><a class="iwbvel-tab-item" data-content="filter_custom_fields" href="#"><?php esc_html_e('Custom Fields', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?></a></li>
                                        <?php do_action('iwbvel_filter_form_after_tab_title'); ?>
                                    </ul>
                                </nav>
                            </div>
                            <div class="iwbvel-tabs-contents iwbvel-mt15" id="iwbvel-bulk-edit-filter-tabs-contents">
                                <div class="iwbvel-tab-content-item selected" data-content="filter_general">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_taxonomies">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_pricing">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_shipping">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_stock">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_type">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_compatibles">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <div class="iwbvel-tab-content-item" data-content="filter_custom_fields">
                                    <div style="width: 100%; text-align: center; padding-top: 10px;">
                                        <img src="<?php echo esc_url(IWBVEL_IMAGES_URL . 'loading-2.gif'); ?>" alt="<?php esc_attr_e('Loading ...', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>" width="25" height="25">
                                    </div>
                                </div>
                                <?php do_action('iwbvel_filter_form_after_tab_content'); ?>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="iwbvel-float-side-modal-footer">
                    <div class="iwbvel-tab-footer-left">
                        <button type="button" id="iwbvel-filter-form-get-products" class="iwbvel-button iwbvel-button-blue iwbvel-filter-form-action" data-search-action="pro_search">
                            <?php esc_html_e('Get products', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>
                        </button>
                        <button type="button" class="iwbvel-button iwbvel-button-white" id="iwbvel-filter-form-reset">
                            <?php esc_html_e('Reset Filters', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>
                        </button>
                    </div>
                    <div class="iwbvel-tab-footer-right">
                        <input type="text" name="save_filter" id="iwbvel-filter-form-save-preset-name" placeholder="Filter Name ..." class="" title="Filter Name">
                        <button type="button" id="iwbvel-filter-form-save-preset" class="iwbvel-button iwbvel-button-blue">
                            <?php esc_html_e('Save Profile', 'ithemeland-bulk-variation-editing-for-woocommerce'); ?>
                        </button>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</div>