<?php
/* Prohibit direct script loading */
defined('ABSPATH') || die('No direct script access allowed!');
?>
<div class="wpms_dashboard_widgets">
    <div class="wpms_dash_widgets wpms_dash_permalink"
         data-tippy="<?php esc_attr_e('It’s better using a permalink structure that
          is adding in your URL the category name and content title.
           This parameter can be changed in Settings > Permalinks WordPress menu.
            Tag recommended is %category%/%postname%', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title">
                                    <?php esc_html_e('PERMALINKS SETTINGS', 'wpmsPro') ?>
                                </h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">50%</h3>
                                    <span class="dashboard-title percent_2"><?php esc_html_e('Optimized at:', 'wpmsPro') ?>
                                        <span class="percent">50%</span></span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpms_dash_widgets wpms_dash_metatitle"
         data-tippy="<?php esc_attr_e('Meta titles are displayed in search engine results as a page title.
          It’s a good thing for SEO to have some custom and attractive ones. Be sure to fill at least
           the met information on your most popular pages', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title"><?php esc_html_e('META TITLE', 'wpmsPro') ?></h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Meta title filled:', 'wpmsPro') ?>
                                        <span class="percent">0/0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpms_dash_widgets wpms_dash_metadesc"
         data-tippy="<?php esc_attr_e('Meta descriptions are displayed in search engine results as a page description.
          It’s a good thing for SEO to have some custom and attractive ones. Be sure to fill at least the meta
           information on your most popular pages.', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title">
                                    <?php esc_html_e('META DESCRIPTION', 'wpmsPro') ?>
                                </h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Meta description filled:', 'wpmsPro') ?>
                                        <span class="percent">0/0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php

    if (!class_exists('MetaSeoAddonAdmin')) {
        require_once WPMETASEO_ADDON_PLUGIN_DIR . '/inc/class.metaseo-addon-admin.php';
    }
        require_once WPMETASEO_ADDON_PLUGIN_DIR . '/inc/page/dashboard/duplicate_metatitle_widgets.php';
        require_once WPMETASEO_ADDON_PLUGIN_DIR . '/inc/page/dashboard/duplicate_metadesc_widgets.php';

    ?>

    <div class="wpms_dash_widgets wpms_dash_imgsresize"
         data-tippy="<?php esc_attr_e('Display image at its natural size, do not use HTML resize.
          It happens usually when you use handles to resize an image. You have a bulk
           edition tool to fix that.', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title">
                                    <?php esc_html_e('HTML IMAGE RESIZING', 'wpmsPro') ?>
                                </h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Wrong resized images:', 'wpmsPro') ?>
                                        <span class="percent">0/0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpms_dash_widgets wpms_dash_imgsmeta"
         data-tippy="<?php esc_attr_e('We recommend to use both alt text.
          The main advantage is that it helps search engines discover your images and display
           them in image search results. Plus, these tags improve the accessibility of your site and
            give more information about your images. Use our bulk image
             tool to quickly check and fix that.', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title">
                                    <?php esc_html_e('IMAGE ALT', 'wpmsPro') ?>
                                </h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Image data filled (in content):', 'wpmsPro') ?>
                                        <span class="percent">0/0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpms_dash_widgets wpms_dash_newcontent"
         data-tippy="<?php esc_attr_e('It is highly recommended to update or add new content on your website quite frequently.
          At least 3 updated or new content per month would be great :)', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title">
                                    <?php esc_html_e('NEW OR UPDATED CONTENT', 'wpmsPro') ?>
                                </h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Latest month new or updated content:', 'wpmsPro') ?>
                                        <span class="percent">0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php if (isset($this->settings['metaseo_linkeditor']) && (int)$this->settings['metaseo_linkeditor'] === 1) : ?>
    <div class="wpms_dash_widgets wpms_dash_linkmeta"
         data-tippy="<?php esc_attr_e('The link title attribute does not have any SEO value for links.
          BUT links titles can influence click behavior for users, which may indirectly affect
           your SEO performance', 'wpmsPro') ?>">
        <div class="row panel-statistics">
            <div class="tooltipped">
                <div class="panel panel-updates dashboard-card">
                    <div class="panel-body">
                        <div class="row">
                            <div class="wpms_dashboard_widgets_left">
                                <h4 class="panel-title dashboard-title"><?php esc_html_e('LINK TITLES', 'wpmsPro') ?></h4>
                                <div class="panel-bottom">
                                    <h3 class="dashboard-title percent_1">0%</h3>
                                    <span class="dashboard-title percent_2">
                                        <?php esc_html_e('Links title completed:', 'wpmsPro') ?>
                                        <span class="percent">0/0</span>
                                    </span>
                                </div>
                            </div>
                            <div class="wpms_dashboard_widgets_right">
                                <img src="<?php echo esc_url(WPMETASEO_ADDON_PLUGIN_URL . 'assets/images/loading.gif') ?>" class="white-loader">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php endif; ?>
</div>