<?php

if (!defined('ABSPATH')) exit; // Exit if accessed directly

?>
<div class="wrap ays-quiz-addon-menu-container">
    <div class="container-fluid">
        <div class="ays-quiz-heading-box" style="text-align: right;float:unset;">
            <div class="ays-quiz-wordpress-user-manual-box">
                <a href="https://quiz-plugin.com/docs/" target="_blank">
                    <i class="ays_fa ays_fa_file_text" ></i> 
                    <span style="margin-left: 3px;text-decoration: underline;"><?php echo esc_html__("View Documentation", "quiz-maker"); ?></span>
                </a>
            </div>
        </div>
        <h1 class="text-center"><?php echo esc_html(get_admin_page_title()); ?></h1>
        <?php do_action('ays_quiz_sale_banner'); ?>
        <p class="text-center"><?php echo esc_html__('Please feel free to use our awesome addons!', 'quiz-maker'); ?></p>
        <div class="row">
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-generator-quiz.png" alt="<?php echo esc_attr( __("User Registration and Login Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/generate-quiz-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=generate-quiz-addon" style="color: #000"><?php echo esc_attr( __("Generate Quiz Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Generate Quiz Addon allows users to create quizzes directly from the front end by selecting questions from specific categories or existing quizzes. This add-on simplifies the quiz-making process, making it accessible to anyone without needing backend access.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=HBA1qzoqcQM" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://ays-pro.com/generate-quiz-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=generate-quiz-addon" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Generate Quiz Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-deepseek.png" alt="<?php echo esc_attr( __("User Registration and Login Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/deepseek-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=deepseek-addon" style="color: #000"><?php echo esc_attr( __("DeepSeek Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("This is a powerful add-on that enhances the Quiz Maker plugin with AI-driven question generation. It allows quiz creators to generate high-quality questions automatically, ensuring a smoother and more efficient quiz-making process.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=X89FYEZiLt4" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://ays-pro.com/deepseek-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=deepseek-addon" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- DeepSeek Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-user-registration-and-login.png" alt="<?php echo esc_attr( __("User Registration and Login Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/user-registration-login-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=user-registration-addon" style="color: #000"><?php echo esc_attr( __("User Registration and Login Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("This addon is an excellent way to require users to register or log in before accessing quizzes, improving user engagement and management. Make your quizzes more engaging, secure, and personalized.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=yx5l9fhNhN4" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://ays-pro.com/user-registration-login-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=user-registration-addon" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- User Registration and Login Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-url-parameters.png" alt="<?php echo esc_attr( __("URL Parameters addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/url-parameters-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=url-parameters-addon" style="color: #000"><?php echo esc_attr( __("URL Parameters addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("The URL Parameters addon lets you view and manage URL parameters. See from where the users pass your quiz with this addon.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=wq-tZtWVwcE" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://ays-pro.com/url-parameters-addon?utm_source=dashboard&utm_medium=quiz-free&utm_campaign=url-parameters-addon" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- URL Parameters addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-user-dashboard.png" alt="<?php echo esc_attr( __("User Dashboard Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/49dKgAb" style="color: #000"><?php echo esc_attr( __("User Dashboard Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Use these amazing shortcodes for the Quiz Maker plugin and make your quizzes much more useful!", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=OmTRmbygnhc" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/49dKgAb" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- User Dashboard Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-extra-shortcodes.png" alt="><?php echo esc_attr( __("Extra Shortcodes Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/4axSbcF" style="color: #000"><?php echo esc_attr( __("Extra Shortcodes Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Amazing shortcodes for your Quiz Maker plugin. Allow your user to see their progress on the front page through statistics and charts.", 'quiz-maker') ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=H7jMnyJ_7vM" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/4axSbcF" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Extra Shortcodes Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-quiz-popup.png" alt="><?php echo esc_attr( __("Popup Quiz Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/43P9zHP" style="color: #000"><?php echo esc_attr( __("Popup Quiz Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Add popup quizzes you made with Quiz Maker plugin to your website. Generate leads and engage your visitors with this simple tool.", 'quiz-maker') ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=YfdoMTiS2Eo" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>   
                            <a target="_blank" href="https://bit.ly/43P9zHP" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Popup Quiz Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/advanced-display-quizzes-logo.png" alt="<?php echo esc_attr( __("Advanced Display Quizzes Addon", 'quiz-maker') ); ?>" style="">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/49hly1z" style="color: #000"><?php echo esc_attr( __("Advanced Display Quizzes Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Let the users see the list of your quizzes and take the one they like. Get the Advanced Display Quizzes Addon for Quiz Maker for a better experience!", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=36v_a2LLmYo" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/49hly1z" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Advanced Display Quizzes Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-category-selective-quiz.png" alt="<?php echo esc_attr( __("Category Selective Quiz Addon", 'quiz-maker') ); ?>" style="">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3IUwlEe" style="color: #000"><?php echo esc_attr( __("Category Selective Quiz Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Learn about the Selective addon for the Quiz Maker plugin. The addon is for choosing the number of questions the user wants to answer.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=tGDnibkU0ek" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/3IUwlEe" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Category Selective Quiz Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-trainings.png" alt="<?php echo esc_attr( __("Training Quiz Addon", 'quiz-maker') ); ?>" style="">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3TV0w4M" style="color: #000"><?php echo esc_attr( __("Training Quiz Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Using the Training Quiz addon, right after submitting the quiz, the users will be able to pass a quiz including the questions, which they have answered incorrectly. Provide your users with abilities to learn and practice the material using the Training Quiz addon.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=-fJCE3X3ans" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/3TV0w4M" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Training Quiz Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-ChatGPT-Question-Generator.png" alt="<?php echo esc_attr( __("ChatGPT Integration Addon", 'quiz-maker') ); ?>" style="">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href=" https://bit.ly/3TQLLzJ" style="color: #000"><?php echo esc_attr( __("ChatGPT Integration Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("ChatGPT Question Builder has something for everyone. Get the addon and create questions for any kind of topics in seconds. Keep up with the new trends of the AI world.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=FPPWxIv6Pb8" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href=" https://bit.ly/3TQLLzJ" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- ChatGPT Integration Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-frontend-statistics.png" alt="<?php echo esc_attr( __("Frontend statistics Addon", 'quiz-maker') ); ?>" style="width: 130px">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3TRs4b2" style="color: #000"><?php echo esc_attr( __("Frontend statistics Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Make your life easier with Frontend statistics Addon. Get summarized information about your questions statistics of Quiz Maker plugin.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=KC-SRg_szdo" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/3TRs4b2" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Frontend statistics Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-track-users.png" alt="<?php echo esc_attr( __("Track Users Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3x7HTBE" style="color: #000"><?php echo esc_attr( __("Track Users Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Start Tracking your quiz visitors with the help of the Track User addon for Quiz Maker. This addon will provide you a proper behavioral data of your quiz users.", 'quiz-maker') ); ?></p>
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=M9qaH06vB0M" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>   
                            <a target="_blank" href="https://bit.ly/3x7HTBE" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- Track Users Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-gamipress.png" alt="<?php echo esc_attr( __("GamiPress integration Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3vu3nYN" style="color: #000"><?php echo esc_attr( __("GamiPress integration Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("To increase user engagement and site traffic, integrate GamiPress with the WordPress Quiz Maker plugin. Allow users to receive points from taking your quizzes.", 'quiz-maker') ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=suJVEbUHFL8" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/3vu3nYN" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- GamiPress integration Addon -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo esc_url(AYS_QUIZ_ADMIN_URL); ?>/images/icons/addon-mycred.png" alt="<?php echo esc_attr( __("MyCred integration Addon", 'quiz-maker') ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/43AtE4v" style="color: #000"><?php echo esc_attr( __("MyCred integration Addon", 'quiz-maker') ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("MyCred addon allows you to reward your users with certain points for taking the quizzes created by the Quiz Maker plugin.", 'quiz-maker') ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <div>
                            <a target="_blank" href="https://www.youtube.com/watch?v=uUCQLBcMUhI" class="btn button ays-quiz-addon-menu-watch-video-button"><?php echo esc_attr( __("Watch video", 'quiz-maker') ); ?></a>
                            <a target="_blank" href="https://bit.ly/43AtE4v" class="btn btn-primary"><?php echo esc_attr( __("See Pricing", 'quiz-maker') ); ?></a>
                        </div>
                    </div>
                </div>
            </div> <!-- MyCred integration Addon -->
        </div>
        <br>
        <p class="text-center coming-soon"><?php echo esc_attr( __("And more and more is", 'quiz-maker') ); ?> <span><?php echo esc_attr( __("Coming Soon", 'quiz-maker') ); ?></span></p>
        <br>
    </div>
</div>
