<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly 
global $krfsapp_is_plugin_active;
?>
<div class="initial-section tab-pane fade <?php echo esc_attr($krfsapp_active_tab_config['my-plan-tab'] ? 'show active' : ''); ?>"
    id="my-plan-pane" role="tabpanel" aria-labelledby="my-plan-tab">
    <div class="sticky-outer-section">
        <div class="main-heading-btn d-flex justify-between sticky-save">
            <div class="krfs-tabs-header">
                <h2>My Plan</h2>
            </div>
        </div>
    </div>
    <div class="right-section krfs-section-style">
            <div class="myplan-price-main">
               
                <!-- <div class="simple-plan-section">
                    <h2>ONE SIMPLE PLAN</h2>
                    <p class="pera-head">Free 14-Day Trail</p>
                    <p class="pera-head">$0 Setup Charges</p>
                    <div class="myplan-price-div">
                        <div class="inner-price-section active">
                            <span class="circle"></span>
                            $104/month
                            <span> (billed annually) </span>
                        </div>
                        <div class="inner-price-section">
                            <span class="circle"></span>
                            $104/month
                            <span> (billed annually) </span>
                        </div> 
                    </div>
                    <button class="tryforfree-btn">Try for Free</button>
                    <p>Sorry, we're unable to offer refunds after payment. </p>
                </div> -->
                <div class="simple-plan-section basic-free-plan-section">
                    <button class="basic-btn">BASIC</button>
                    <h2>ONE SIMPLE PLAN</h2>
                    <p class="pera-head">Unlock all extra features with our PRO version</p>
                    <div class="year-month-switch-section">
                        <div class="yearly-btn krfs_contact_sales_btn" onclick="krfs_contact_sales(this);">Contact Us</div><br>
                    </div>
                </div>
               
                <div class="main-youget-section">
                    <h3>What You Get</h3>
                    <div class="inner-youget-section">
                        <div class="plan-dropdown-section">
                            <div class="plan-dropdown-heading">
                                <h4>Engagement Ring Filters</h4>
                                <img src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/right-arrow.png" width="14"
                                    class="arrow-icon" alt="arrow Icon">
                            </div>
                            <div class="plan-dropdown-content ">
                                <ul>
                                    <li>Ring Styles</li>
                                    <li>Metal Types</li>
                                    <li>Ring Side Stones</li>
                                    <li>Diamond Shapes</li>
                                </ul>
                            </div>
                        </div>
                        <div class="plan-dropdown-section">
                            <div class="plan-dropdown-heading">
                                <h4>Wedding Ring Filters</h4><img
                                    src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/right-arrow.png" width="14"
                                    class="arrow-icon" alt="arrow Icon">
                            </div>
                            <div class="plan-dropdown-content">
                                <ul>
                                    <li>Men and Women Ring Styles</li>
                                    <li>Metal Types</li>
                                    <li>Diamond Shapes</li>
                                </ul>
                            </div>
                        </div>
                        <div class="plan-dropdown-section">
                            <div class="plan-dropdown-heading">
                                <h4>Multilingual Support</h4>
                                <img src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/right-arrow.png" width="14"
                                    class="arrow-icon" alt="arrow Icon">
                            </div>
                            <div class="plan-dropdown-content ">
                                <p class="krfs-para">Translate app text.<span>&nbsp;Supports:</span></p>
                                <div class="pera-country-name">
                                    <ul>
                                        <div><li>US English</li><span class="country-sprite-icon us"></span></div>
                                        <div><li>UK English</li><span class="country-sprite-icon uk"></span></div>
                                        <div><li>French</li><span class="country-sprite-icon french"></span></div>
                                        <div><li>Italian</li><span class="country-sprite-icon italian"></span></div>
                                        <div><li>German</li><span class="country-sprite-icon german"></span></div>
                                        <div><li>Spanish</li><span class="country-sprite-icon spanish"></span></div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="plan-dropdown-section">
                            <div class="plan-dropdown-heading">
                                <h4>Ring Size Options</h4>
                                <img src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/right-arrow.png" width="14"
                                    class="arrow-icon" alt="arrow Icon">
                            </div>
                            <div class="plan-dropdown-content">
                                <p style="margin:0">Supports:</p>
                                <ul>
                                    <li>US, Canada, Mexico</li>
                                    <li>UK, AUS, Ireland, NZ, South Africa</li>
                                    <li>France</li>
                                    <li>Germany, Russia, Ukraine, Asia</li>
                                    <li>India, China, Japan, South America, Turkey, Israel, Singapore</li>
                                    <li>Italy, Spain, Netherlands, Switzerland</li>
                                    <li>Hongkong</li>
                                </ul>
                            </div>
                        </div>
                        <div class="plan-dropdown-section">
                            <div class="plan-dropdown-heading">
                                <h4>Free Upgrades and Enhancements</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-chargeable-section">
                <div class="chargeable-services-section">
                    <div class="inner-chargeable-div">
                        <div>
                            <h3>Coming Soon</h3>
                            <ul>
                                <li>More Advanced Filters</li>
                            </ul>
                        </div>
                        <svg class="check-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                            fill="rgba(118,70,215,1)">
                            <path
                                d="M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z">
                            </path>
                        </svg>
                    </div>
                    <div class="inner-chargeable-div">
                        <div>
                            <h3>Chargeable Services</h3>
                            <ul>
                                <li>Customizations on your Product Pages</li>
                            </ul>
                        </div>
                        <svg class="check-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                            fill="rgba(118,70,215,1)">
                            <path
                                d="M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z">
                            </path>
                        </svg>
                    </div>
                </div>
                <div class="recommened-section">
                    <h3>Recommended Apps</h3>
                    <div class="keyideas-ring-div">
                        <div class="inner-section"><img
                                src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/keyideas-icon.webp" width="50" class=""
                                alt="arrow Icon">
                            <div>
                                <h4>Diamond Ring Builder - Jewelry</h4><a
                                    href="https://wordpress.org/plugins/diamond-ring-builder-jewelry" target="blanck">View<img
                                        src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/my-store-icon.png" width="14"
                                        class="arrow-icon" alt="arrow Icon"></a>
                            </div>
                        </div>
                        <div class="inner-section">
                            <img src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/VTOApp_Icon.webp" width="50" class=""
                                alt="VTO Icon">
                            <div>
                                <h4>Virtual Try On</h4>
                                <a
                                    href="https://www.keyideasinfotech.com/industries/retail-ecommerce/jewelry/3d-ar-virtual-try-on-vto-jewellery/" target="blanck">View<img
                                        src="<?php echo esc_url(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/my-store-icon.png" width="14"
                                        class="arrow-icon" alt="arrow Icon"></a>
                            </div>
                        </div>
                    </div>
                    <div class="trusted-jewelers-section">
                        <h3>Trusted Jewelers</h3>
                        <div class="inner-slider-section">
                            <?php 
                                $files = glob(KRFSAPP_BASE_DIR . "/assets/images/my_plan/slider_img/*.*");                             
                                // Re-index to ensure consistent keys
                                $files = array_values($files);
                                // Separate files at even and odd indexes using array_filter + array_keys
                                $set_a = array_intersect_key($files, array_flip(array_filter(array_keys($files), fn($i) => $i % 2 === 0)));
                                $set_b = array_intersect_key($files, array_flip(array_filter(array_keys($files), fn($i) => $i % 2 !== 0)));

                                foreach ($set_a as $file) {
                                    if (is_file($file)) {
                                        ?>
                                            <div><img src="<?php echo esc_html(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/slider_img/<?php echo esc_attr(basename($file)); ?>" class="slider-img" alt="slider icon"></div>
                                        <?php
                                    }
                                }
                            ?>
                        </div>
                        <div class="inner-slider-section inner-slider-section-reverse">
                            <?php 
                                foreach ($set_b as $file) {
                                    if (is_file($file)) {
                                        ?>
                                            <div><img src="<?php echo esc_html(KRFSAPP_PLUGIN_DIR) ?>/assets/images/my_plan/slider_img/<?php echo esc_attr(basename($file)); ?>" class="slider-img" alt="slider icon"></div>
                                        <?php
                                    }
                                }                               
                            ?>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>

<?php
    include_once 'plugin_activation_form.php'; 
?> 
