<?php if (!defined('ABSPATH'))
    exit; // Exit if accessed directly 
global $kirb_is_plugin_active;
?>
<div class="tab-pane fade <?php echo $kirb_active_tab_config['pricing-tab']['active'] ? 'show active' : '' ?>"
    id="pricing-tab-pane" role="tabpanel" aria-labelledby="pricing-tab">
    <div class="sticky-outer-section">
        <div class="main-heading-btn d-flex justify-between sticky-save">
            <div class="kirb-tabs-header">
                <h2>My Plan</h2>
            </div>
        </div>
    </div>
    <div class="right-section kirb-section-style">
        <div class="myplan-price-main">
            <?php
            if (!$kirb_is_plugin_active) {
                ?>
                <div class="simple-plan-section">
                    <div class="simple-plan-head kirb-plan-head">
                        <h2>ONE SIMPLE PLAN</h2>
                    </div>
                    <button class="kirb-activate-plugin-btn">Activate Plugin</button>
                    <p class="pera-head kirb-feature-para">Or unlock all extra features with PRO plan:</p>
                    <div class="kirb-contact-btn kirb-plan-btn">
                        <button class="kirb_contact_sales_btn">Contact Sales</button>
                    </div>
                </div>
            <?php } else { ?>
                <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 kirb_contact_sales_btn">Contact Us</div><br>
                    </div>
                </div>
            <?php } ?>
            <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>Unlimited Stones</h4>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <ul>
                                <li>Mined, Lab, & Colored Diamonds Gemstones</li>
                                <li>Diamonds with Certificates</li>
                                <li>Search and Filter Stones</li>
                                <li>360° View of Diamonds</li>
                                <li>Pre-integrated with Nivoda</li>
                            </ul>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Ring Size Options</h4>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <p>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>
                                <li>Victoria</li>
                            </ul>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Multilingual Support</h4>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <p>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>
                                    <div>
                                        <li>Hebrew</li><span class="country-sprite-icon hebrew"></span>
                                    </div>
                                    <div>
                                        <li>Other</li><span class="country-sprite-icon other"></span>
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading" id="no-dropdown">
                            <h4>Free Upgrades and Enhancements</h4>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Build Your Own Ring (BYOR)</h4><img
                                src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <ul>
                                <li>3-step Ring Builder</li>
                                <li>Start with a Setting or a Diamond/Stone</li>
                                <li>Show/Hide Options</li>
                            </ul>
                        </div>
                    </div>

                    <div class="kirb-free-pricing-seperator-div">
                        Unavailable on Free Plan:
                    </div>

                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Import Your Own Stones via CSV</h4>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <p>Import your own feed</p>
                            <p>(File must be less than 2 MB/category)</p>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Set Stone Margins</h4>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <p>By Price or Carat</p>
                        </div>
                    </div>
                    <div class="plan-dropdown-section">
                        <div class="plan-dropdown-heading">
                            <h4>Sales Dashboard</h4><img
                                src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/arrow-right-s-line.png"
                                width="14" class="arrow-icon" alt="arrow Icon">
                        </div>
                        <div class="plan-dropdown-content ">
                            <ul>
                                <li>Sales: Stone Sold, Total revenue, net profit</li>
                                <li>Ring Builder/Cart: Stones added, estimated profit</li>
                                <li>Trends: Monthly profit distribution by source</li>
                            </ul>
                            <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/sales-img.png" width=""
                                class="arrow-icon" alt="arrow Icon">
                        </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>A Ring Collection Available for Use</li>
                            <li>3D Ring Configurator</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><a
                                    href="https://www.keyideasinfotech.com/jewelry-website-designing-development-usa-india/">Jewelry
                                    Website Design</a><span> <img
                                        src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/my-store-icon.png"
                                        width="10" class="" alt="info icon"> Services for Customization</span></li>
                            <li>Pendant Builder</li>
                            <li>Add Diamonds from your Supplier</li>
                            <li>Show No-BGM and Eye-Clean Nivoda Diamonds only</li>
                            <li>Add Engraving to Jewelry</li>
                        </ul>
                    </div>
                    <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>
            <div class="recommened-section">
                <div class="trusted-jewelers-section">
                    <h3>Trusted Jewelers</h3>
                    <div class="inner-slider-section owl-carousel owl-theme">
                        <?php
                        $files = glob(KIRB_BASE_DIR . "/assets/images/clients/*.*");
                        // 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 % 3 === 0)));
                        $set_b = array_intersect_key($files, array_flip(array_filter(array_keys($files), fn($i) => $i % 3 === 1)));
                        $set_c = array_intersect_key($files, array_flip(array_filter(array_keys($files), fn($i) => $i % 3 === 2)));

                        foreach ($set_a as $file) {
                            if (is_file($file)) {
                                ?>
                                <div class="item"><img
                                        src="<?php echo esc_url(KIRB_PLUGIN_DIR . "/assets/images/clients/" . basename($file)); ?>"
                                        class="slider-img" alt="slider icon"></div>
                                <?php
                            }
                        }
                        ?>
                    </div>
                    <div class="inner-slider-section-reverse owl-carousel owl-theme">
                        <?php
                        foreach ($set_b as $file) {
                            if (is_file($file)) {
                                ?>
                                <div class="item"><img
                                        src="<?php echo esc_url(KIRB_PLUGIN_DIR . "/assets/images/clients/" . basename($file)); ?>"
                                        class="slider-img" alt="slider icon"></div>
                                <?php
                            }
                        }
                        ?>
                    </div>
                    <div class="inner-slider-section owl-carousel owl-theme inner-slider-bottom">
                        <?php
                        foreach ($set_c as $file) {
                            if (is_file($file)) {
                                ?>
                                <div class="item"><img
                                        src="<?php echo esc_url(KIRB_PLUGIN_DIR . "/assets/images/clients/" . basename($file)); ?>"
                                        class="slider-img" alt="slider icon"></div>
                                <?php
                            }
                        }
                        ?>
                    </div>
                </div>
            </div>
        </div>
        <!-- recommended section start -->
        <div class="recommened-sec">
            <h3>Recommended Apps</h3>
            <div class="recommened-box-wrapper">
                <div class="service-card">
                    <div class="video-wrapper">
                        <video
                            src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/top-3d-jewelry-configurator.mp4"
                            id="video25" class="img-fluid" width="450" height="300" loop muted playsinline
                            poster="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/rc.png">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                    <div class="video-content-wrapper">
                        <div>
                            <p class="app-title">Keyideas Jewelith</p>
                            <p>Customize your ring (Bracelet & Necklace Configurator Coming soon)</p>
                        </div>
                        <div class="platform-links">
                            <a style="text-decoration: none;">Coming Soon</a>
                            <!-- <a title="try-now" id="no-links">Try Now <span class="outer_links dark">
                                <img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/my-store-icon.png" width="14" class="arrow-icon" alt="arrow Icon"></span>
                            </a> -->
                        </div>
                    </div>
                </div>
                <div class="service-card">
                    <div class="video-wrapper">
                        <video
                            src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/ring-filter-and-search.mp4"
                            id="video25" class="img-fluid" width="450" height="300" loop muted playsinline
                            poster="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/filter-and-search.png">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                    <div class="video-content-wrapper">
                        <div>
                            <p class="app-title">Jewelry Filter & Search</p>
                            <p>Advanced search filters for your rings</p>
                        </div>
                        <div class="platform-links">
                            <a href="https://wordpress.org/plugins/keyideas-jewelry-ring-filter-search/">Try Now <span class="outer_links dark"><img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/my-store-icon.png" width="14" class="arrow-icon" alt="arrow Icon"></span></a>
                        </div>
                    </div>
                </div>
                <div class="service-card">
                    <div class="video-wrapper">
                        <video
                            src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/top-virtual-try-on-3d.mp4"
                            id="video25" class="img-fluid" width="450" height="300" loop muted playsinline
                            poster="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/vto.png">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                    <div class="video-content-wrapper">
                        <div>
                            <p class="app-title">Keyideas Vizora ‑ 3D Try‑On</p>
                            <p>See rings on your hand instantly (bracelets & watches coming soon)</p>
                        </div>
                        <div class="platform-links">
                            <a style="text-decoration: none;">Coming Soon</a>
                            <!-- <a title="try-now" id="no-links">Try Now<span class="outer_links dark"><img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/my-store-icon.png" width="14" class="arrow-icon" alt="arrow Icon"></span></a> -->
                        </div>
                    </div>
                </div>
                <div class="service-card">
                    <div class="video-wrapper">
                        <video
                            src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/sell-and-integrate-watch.mp4"
                            id="video25" class="img-fluid" width="450" height="300" loop muted playsinline
                            poster="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/video/watch-app.png">
                            Your browser does not support the video tag.
                        </video>
                    </div>
                    <div class="video-content-wrapper">
                        <div>
                            <p class="app-title">Keyideas Timenox Sell Watches</p>
                            <p>Integrate watches to your site</p>
                        </div>
                        <div class="platform-links">
                            <a style="text-decoration: none;">Coming Soon</a>
                            <!-- <a title="try-now" id="no-links">Try Now<span class="outer_links dark"><img src="<?php echo esc_html(KIRB_PLUGIN_DIR) ?>/assets/images/my-store-icon.png" width="14" class="arrow-icon" alt="arrow Icon"></span></a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- recommended section end -->

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