<!-- Go Pro Modal File-->

<div class="slimstat-pro-modal">

    <!--    <div id="slimstat-pro-modal-close"></div>-->
    <h2>
        <span class="subtitle"><?php esc_html_e('Upgrade to a complete', 'wp-slimstat'); ?></span>
        <span class="title"><?php esc_html_e('SlimStat Analytics Experience', 'wp-slimstat'); ?></span>
    </h2>

    <div class="scroller">

        <p class="description">
            <?php esc_html_e('Upgrading to SlimStat Pro gives you access to a powerful suite of tools to help you understand your website traffic and audience better.', 'wp-slimstat'); ?>
        </p>

        <div class="features-flex-box">

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Network Analytics', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Network Analytics', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Enable a network-wide view of your reports and settings.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Email Reports', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Email Reports', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Receive your reports directly in your mailbox.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Export to Excel', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Export to Excel', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Receive your reports directly in your mailbox.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Heatmap', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Heatmap', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Display a heatmap layer of the most clicked areas on your website.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('User Overview', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('User Overview', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Monitor your registered users by tracking their activities and time on site.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('MaxMind Integration', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('MaxMind Integration', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Connect to MaxMind\'s Geolocation API to retrieve detailed information about your visitors.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Custom DB', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Custom DB', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Use an external database to store all the information about your visitors.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

            <div class="feature-item">
                <h6><span class="icon"></span><?php esc_html_e('Extended Overview', 'wp-slimstat'); ?></h6>
                <div class="more-info-icon slimstat-tooltip-trigger corner">
                    <span class="slimstat-tooltip-content">
                        <strong><?php esc_html_e('Extended Overview', 'wp-slimstat'); ?></strong><br>
                        <?php esc_html_e('Add custom columns to the User Overview widget and export file.', 'wp-slimstat'); ?>
                    </span>
                </div>
            </div>

        </div>
    </div>
    <a target="_blank" href="<?php echo esc_url(SLIMSTAT_ANALYTICS_SITE); ?>" class="go-pro-button"><?php esc_html_e('Unlock SlimStat Pro', 'wp-slimstat'); ?></a>
</div>

<div class="slimstat-pro-modal-backdrop"></div>