<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<div class="initial-section tab-pane fade <?php echo $kirb_active_tab_config['initial-tab']['active'] ? 'show active' : '' ?>"
    id="initial-tab-pane" role="tabpanel" aria-labelledby="initial-tab">
    <form action="" method="post" id="settings_form">
        <div class="sticky-outer-section">
            <div class="main-heading-btn d-flex justify-between sticky-save">
                <div class="kirb-tabs-header">
                    <h2>Settings</h2>
                </div>
                <button class="save-btn settings_action_btn" type="submit" data-val="settings">
                    Save
                </button>
            </div>
        </div>

        <div class="step confirm-settings">
            <!-- tab button -->
            <div class="year-tab-section initial-basic-tab">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button
                            class="plan-btn <?php echo $kirb_active_initial_tab_config['basic-tab'] ? 'active' : ''; ?>"
                            id="basic-tab" data-bs-toggle="tab" data-bs-target="#basic-tab-pane" type="button"
                            role="tab" aria-controls="basic-tab-pane" aria-selected="true" data-tab="basic-tab">
                            BASIC*
                        </button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button
                            class="plan-btn <?php echo $kirb_active_initial_tab_config['more-tab'] ? 'active' : ''; ?>"
                            id="setting-tab" data-bs-toggle="tab" data-bs-target="#setting-tab-pane" type="button"
                            role="tab" aria-controls="setting-tab-pane" aria-selected="false" data-tab="more-tab">
                            MORE OPTIONS
                        </button>
                    </li>

                    <li class="nav-item" role="presentation">
                        <button
                            class="plan-btn <?php echo $kirb_active_initial_tab_config['premium-tab'] ? 'active' : ''; ?>"
                            type="button" role="tab" aria-controls="premium-tab-pane" id="premium-tab"
                            data-bs-toggle="tab" data-bs-target="#premium-tab-pane" aria-selected="false"
                            data-tab="premium-tab">
                            PREMIUM
                        </button>
                    </li>
                </ul>
            </div>

            <div>
                <?php require_once('settings_tab_basic.php'); ?>
                <?php require_once('settings_tab_more.php'); ?>
                <?php require_once('settings_tab_premium.php'); ?>
            </div>
            <!-- tab button -->

            <!--Consult An Expert slider View Preview -->
            <div id="adminSliderInfoPreview-consult-expert"
                class=" view-preview-slider sidenav setting-slider need-help-img">
                <a href="javascript:void(0)" class="closebtn"
                    onclick="closeAdminSliderInfoPreview('consult-expert')">&times;</a>
                <div class="add-collection-slider">
                    <img class="img-hover" src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/need-help.webp" alt="">
                </div>

                <!-- Fast Shipping  slider View Preview -->
                <div id="kirb_activation_form_overlayfast" class="overlay"></div>
                <div id="mySidenav-fast" class="sidenav setting-slider need-help-img">
                    <a href="javascript:void(0)" class="closebtn" onclick="closesliderLangfast()">&times;</a>
                    <div class="add-collection-slider">
                        <img class="img-hover" src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/need-help.webp" alt="">
                    </div>
                </div>
            </div>

            <!-- Fast Shipping  slider View Preview -->

            <div id="adminSliderInfoPreview-need-help" class="view-preview-slide sidenav setting-slider need-help-img">
                <a href="javascript:void(0)" class="closebtn"
                    onclick="closeAdminSliderInfoPreview('need-help')">&times;</a>
                <div class="add-collection-slider">
                    <img class="img-hover" src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/fast-shipping.webp" alt="">
                </div>
            </div>

            <div id="kirb_activation_form_overlay_preview" class="overlay"></div>
        </div>
        <input type="number" name="products_per_page" value="<?php echo esc_html($products_per_page_setting); ?>" hidden>
        <input type="hidden" name="settings_action" value="" id="settings_action">
        <input type="hidden" name="initial_sub_tab" value="<?php echo esc_html($kirb_active_initial_tab); ?>">
        <?php wp_nonce_field('settings_action', 'csrf_settings_nonce'); ?>
    </form>
</div>