<div class="wps-card">
    <div class="wps-card__title">
        <h2>
            <?php echo esc_html($title) ?>
            <?php if ($tooltip): ?>
                <span class="wps-tooltip" title="<?php echo esc_attr($tooltip); ?>"><i class="wps-tooltip-icon info"></i></span>
            <?php endif ?>
        </h2>
    </div>
    <div class="inside">
        <?php if (!empty($data)) : ?>
            <div class="o-table-wrapper">
                <table width="100%" class="o-table wps-new-table">
                    <thead>
                    <tr>
                        <th scope="col" class="wps-pd-l">
                            <?php esc_html_e('Time', 'wp-statistics'); ?>
                        </th>
                        <th scope="col" class="wps-pd-l">
                            <?php esc_html_e('Visitors', 'wp-statistics'); ?>
                        </th>
                        <th scope="col" class="wps-pd-l">
                            <?php esc_html_e('Views', 'wp-statistics'); ?>&nbsp;
                        </th>
                    </tr>
                    </thead>

                    <tbody>
                    <?php foreach ($data as $item) : ?>
                        <tr>
                            <td class="wps-pd-l"><?php echo esc_html($item['label']) ?></td>
                            <td class="wps-pd-l"><?php echo esc_html(number_format_i18n($item['visitors'])) ?></td>
                            <td class="wps-pd-l"><?php echo esc_html(number_format_i18n($item['views'])) ?></td>
                        </tr>
                    <?php endforeach; ?>
                    </tbody>
                </table>
            </div>
        <?php else : ?>
            <div class="o-wrap o-wrap--no-data wps-center">
                <?php esc_html_e('No recent data available.', 'wp-statistics')   ?>
            </div>
        <?php endif; ?>
    </div>

</div>