<div class="wrap">
    <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://ays-pro.com/wordpress-quiz-maker-user-manual" target="_blank"><?php echo __("View Documentation", $this->plugin_name); ?></a>
            </div>
        </div>
        <h1 class="text-center"><?php echo get_admin_page_title(); ?></h1>
        <p class="text-center"><?php echo __('Please feel free to use our awesome addons!', $this->plugin_name); ?></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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-frontend-statistics.png" alt="<?php echo esc_attr( __("Frontend statistics Addon", $this->plugin_name) ); ?>" style="width: 130px;">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/frontend-statistics-addon" style="color: #000"><?php echo esc_attr( __("Frontend statistics Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/frontend-statistics-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-sendinblue.png" alt="<?php echo esc_attr( __("Sendinblue Addon", $this->plugin_name) ); ?>" style="width: 130px;">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/sendinblue-addon" style="color: #000"><?php echo esc_attr( __("Sendinblue Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Collect more and more email addresses with Sendinblue integration addon using your engaging and attractive quizzes.", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/sendinblue-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- MailerLite 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-mailerlite.png" alt="<?php echo esc_attr( __("MailerLite Addon", $this->plugin_name) ); ?>" style="width: 130px;">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/mailerlite-addon" style="color: #000"><?php echo esc_attr( __("MailerLite Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Get an effective, easy-to-use MailerLite addon with Quiz Maker plugin and build the best email list you've ever had!", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/mailerlite-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- MailerLite 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-woocommerce.png" alt="<?php echo esc_attr( __("WooCommerce Integration Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/woocommerce-integration-addon" style="color: #000"><?php echo esc_attr( __("WooCommerce Integration Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Make money with the Quiz Maker plugin. Create entertaining quizzes and sell as WooCommerce products directly on your WordPress website.", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/woocommerce-integration-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- WooCommerce 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-user-dashboard.png" alt="<?php echo esc_attr( __("User Dashboard Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/user-dashboard-addon" style="color: #000"><?php echo esc_attr( __("User Dashboard Addon", $this->plugin_name) ); ?></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!", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/user-dashboard-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-track-users.png" alt="<?php echo esc_attr( __("Track Users Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/track-users-addon" style="color: #000"><?php echo esc_attr( __("Track Users Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/track-users-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-conditional-results.png" alt="<?php echo esc_attr( __("Conditional Results Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/conditional-results-addon" style="color: #000"><?php echo esc_attr( __("Conditional Results Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Conditional results addon allows you to send specific messages and results to the user depending on their individual answers path. This addon is perfect tool for funnel marketing.", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/conditional-results-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Conditional Results 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-chained-quiz.png" alt="<?php echo esc_attr( __("Chained Quiz Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/chained-quiz-addon" style="color: #000"><?php echo esc_attr( __("Chained quiz addon allows you to connect your quizzes created by the Quiz Maker plugin: this will definitely save your time!", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Frontend statistics Addon", $this->plugin_name) ); ?></p>
                        <a target="_blank" href="https://ays-pro.com/chained-quiz-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Chained 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-frontend-requests.png" alt="<?php echo esc_attr( __("Frontend Request Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/2TvlRFq" style="color: #000"><?php echo esc_attr( __("Frontend Request Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Allow your users to create simple quizzes without having access to your WordPress dashboard. Fun and easy!", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/2TvlRFq" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Frontend Request 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-quiz-popup.png" alt="><?php echo esc_attr( __("Popup Quiz Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/2V4hFNc" style="color: #000"><?php echo esc_attr( __("Popup Quiz Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/2V4hFNc" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-extra-shortcodes.png" alt="><?php echo esc_attr( __("Extra Shortcodes Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3kGjv1C" style="color: #000"><?php echo esc_attr( __("Extra Shortcodes Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/3kGjv1C" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-export-import.png" alt="<?php echo esc_attr( __("Export And Import Quizzes Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/3a6HXmS" style="color: #000"><?php echo esc_attr( __("Export And Import Quizzes Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Export and Import addon allows you to transfer your quizzes from one website to another one in seconds. No tech skills required.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/poll-maker/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/3a6HXmS" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Export And Import 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-edd.png" alt="<?php echo esc_attr( __("Easy Digital Downloads Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/2Rh5iM6" style="color: #000"><?php echo esc_attr( __("Easy Digital Downloads Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Make money with this WordPress Quiz plugin. All you need to create entertaining quizzes and connect them to the Easy Digital Downloads plugin.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/2Rh5iM6" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Easy Digital Downloads 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-summary-emails.png" alt="<?php echo esc_attr( __("Summary Emails Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/329UlxN" style="color: #000"><?php echo esc_attr( __("Summary Emails Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Summary Emails addon allows you to get detailed reports about your quizzes on an hourly to monthly basis via email. Be informed with us.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/329UlxN" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Summary Emails 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-gamipress.png" alt="<?php echo esc_attr( __("GamiPress integration Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://bit.ly/33J87Ip" style="color: #000"><?php echo esc_attr( __("GamiPress integration Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://bit.ly/33J87Ip" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-mycred.png" alt="<?php echo esc_attr( __("MyCred integration Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/mycred-integration-addon" style="color: #000"><?php echo esc_attr( __("MyCred integration Addon", $this->plugin_name) ); ?></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.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/gallery-photo-gallery/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://ays-pro.com/mycred-integration-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- MyCred 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 AYS_QUIZ_ADMIN_URL; ?>/images/icons/addon-mailpoet.png" alt="<?php echo esc_attr( __("Mailpoet Integration Addon", $this->plugin_name) ); ?>">
                    <div class="card-body">
                        <h5 class="card-title"><a target="_blank" href="https://ays-pro.com/mailpoet-integration-addon" style="color: #000"><?php echo esc_attr( __("Mailpoet Integration Addon", $this->plugin_name) ); ?></a></h5>
                        <p class="card-text"><?php echo esc_attr( __("Create an entertaining quiz and boost your subscribers' list with MailPoet addon. No need for any additional tool out of WordPress.", $this->plugin_name) ); ?></p>
                        <!-- <a target="_blank" href="https://wordpress.org/plugins/survey-maker/" class="btn btn-info">WP.org</a> -->
                        <a target="_blank" href="https://ays-pro.com/mailpoet-integration-addon" class="btn btn-primary"><?php echo esc_attr( __("Buy Now", $this->plugin_name) ); ?></a>
                    </div>
                </div>
            </div> <!-- Mailpoet Integration Addon -->
        </div>
        <p class="text-center coming-soon"><?php echo esc_attr( __("And more and more is", $this->plugin_name) ); ?> <span><?php echo esc_attr( __("Coming Soon", $this->plugin_name) ); ?></span></p>
        <br>
        <br>
        <p class="text-center" style="font-size:20px;"><a href="https://ays-pro.com/addons-for-quiz-maker" target="_blank"><?php echo esc_attr( __("See all addons", $this->plugin_name) ); ?></a></p>
    </div>
</div>
