<?php
/**
 * Tab Divider Control for WordPress Customizer.
 * 
 * This control acts as a hidden marker. JavaScript detects these markers 
 * and automatically groups subsequent controls into tabs.
 *
 * @package pawfect
 */

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

class pawfect_Customize_Tabs_Control extends WP_Customize_Control {

    /**
     * The type of control being rendered
     */
    public $type = 'pawfect-tab-divider';

    /**
     * The name of the tab to display (e.g., 'General', 'Design')
     */
    public $tab_name = '';

    /**
     * Pass data to the JS template
     */
    public function to_json() {
        parent::to_json();
        $this->json['tab_name'] = $this->tab_name;
    }

    /**
     * Render the control's content
     */
    public function render_content() {
        ?>
        <div class="pawfect-tab-divider-marker" data-tab-name="<?php echo esc_attr($this->tab_name); ?>" style="display: none;"></div>
        <?php
    }
}
