<?php
/**
 * Filter Sidebar Preloader Template
 *
 * Displays animated placeholder elements matching the professional UI design.
 * Prevents layout shift during initial page load.
 *
 * @package     Havenlytics
 * @subpackage  Templates/Preloaders
 * @since       2.2.0
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

$hvnly_animation_class = hvnly_get_preloader_animation_class();
?>

<div class="hvnly-filter-sidebar-preloader hvnly-preloader-container" id="hvnly-filter-sidebar-preloader"
    data-component="filter-sidebar" aria-label="<?php esc_attr_e( 'Loading filter options...', 'havenlytics' ); ?>">

    <!-- Filter Header -->
    <div class="hvnly-preloader-filter-header">
        <div class="hvnly-preloader-filter-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        <div class="hvnly-preloader-filter-clear <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
    </div>

    <!-- Price Range Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-range-group">
                <div class="hvnly-preloader-range-item">
                    <div class="hvnly-preloader-range-label <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-range-select <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
                <div class="hvnly-preloader-range-item">
                    <div class="hvnly-preloader-range-label <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-range-select <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Status Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-checkbox-group">
                <div class="hvnly-preloader-checkbox-item">
                    <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
                <div class="hvnly-preloader-checkbox-item">
                    <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
                <div class="hvnly-preloader-checkbox-item">
                    <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bedrooms & Bathrooms Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-two-column">
                <div>
                    <div class="hvnly-preloader-range-label <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-range-select <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
                <div>
                    <div class="hvnly-preloader-range-label <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                    <div class="hvnly-preloader-range-select <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Reception Rooms Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-field">
                <div class="hvnly-preloader-field-header">
                    <div class="hvnly-preloader-field-header-left">
                        <div class="hvnly-preloader-field-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                        <div class="hvnly-preloader-field-label <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-field-actions">
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
                <div class="hvnly-preloader-field-input <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
        </div>
    </div>

    <!-- Property Types Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-field">
                <div class="hvnly-preloader-field-header">
                    <div class="hvnly-preloader-field-header-left">
                        <div class="hvnly-preloader-field-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                        <div class="hvnly-preloader-field-label <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-badge <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-field-actions">
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
                <div class="hvnly-preloader-checkbox-group">
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Locations Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-field">
                <div class="hvnly-preloader-field-header">
                    <div class="hvnly-preloader-field-header-left">
                        <div class="hvnly-preloader-field-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                        <div class="hvnly-preloader-field-label <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-field-actions">
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
                <div class="hvnly-preloader-checkbox-group">
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Features Tab -->
    <div class="hvnly-preloader-tab">
        <div class="hvnly-preloader-tab-header">
            <div class="hvnly-preloader-tab-header-left">
                <div class="hvnly-preloader-tab-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                <div class="hvnly-preloader-tab-title <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
            </div>
            <div class="hvnly-preloader-tab-chevron <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
        </div>
        <div class="hvnly-preloader-tab-content">
            <div class="hvnly-preloader-field">
                <div class="hvnly-preloader-field-header">
                    <div class="hvnly-preloader-field-header-left">
                        <div class="hvnly-preloader-field-icon <?php echo esc_attr( $hvnly_animation_class ); ?>"></div>
                        <div class="hvnly-preloader-field-label <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-field-actions">
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-field-action <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
                <div class="hvnly-preloader-checkbox-group">
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                    <div class="hvnly-preloader-checkbox-item">
                        <div class="hvnly-preloader-checkbox-box <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                        <div class="hvnly-preloader-checkbox-text <?php echo esc_attr( $hvnly_animation_class ); ?>">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>