{% extends 'admin.twig' %}

{% block content %}

<h2 id="databaseUsageSummary">{{ 'DBStats_DatabaseUsage'|translate }}</h2>
<p>
    {{ 'DBStats_MainDescription'|translate(totalSpaceUsed) }}<br/>
    {{ 'DBStats_LearnMore'|translate("<a href='?module=Proxy&action=redirect&url=http://piwik.org/docs/setup-auto-archiving/' target='_blank'>Piwik Auto Archiving</a>")|raw }}
    <br/>
    <br/>
</p>
<table class="adminTable dbstatsTable">
    <tbody>
    <tr>
        <td>{{ databaseUsageSummary|raw }}</td>
        <td>
            <h3 style="margin-top:0;">{{ 'General_GeneralInformation'|translate }}</h3><br/>

            <p style="font-size:1.4em;padding-left:21px;line-height:1.8em;">
                <strong><em>{{ userCount }}</em></strong>&nbsp;{% if userCount == 1 %}{{ 'UsersManager_User'|translate }}{% else %}{{ 'UsersManager_MenuUsers'|translate }}{% endif %}
                <br/>
                <strong><em>{{ siteCount }}</em></strong>&nbsp;{% if siteCount == 1 %}{{ 'General_Website'|translate }}{% else %}{{ 'Referrers_Websites'|translate }}{% endif %}
            </p><br/>
            {% set clickDeleteLogSettings %}{{ 'PrivacyManager_DeleteDataSettings'|translate }}{% endset %}
            <h3 style="margin-top:0;">{{ 'PrivacyManager_DeleteDataSettings'|translate }}</h3><br/>

            <p>
                {{ 'PrivacyManager_DeleteDataDescription'|translate }}
                <br/>
                <a href='{{ linkTo({'module':"PrivacyManager",'action':"privacySettings"}) }}#deleteLogsAnchor'>
                    {{ 'PrivacyManager_ClickHereSettings'|translate("'"~clickDeleteLogSettings~"'") }}
                </a>
            </p>
        </td>
    </tr>
    </tbody>
</table>

<br/>

<table class="adminTable dbstatsTable" id="trackerDataSummary">
    <tbody>
    <tr>
        <td>
            <h2>{{ 'DBStats_TrackerTables'|translate }}</h2>
            {{ trackerDataSummary|raw }}
        </td>
        <td>&nbsp;</td>
    </tr>
    </tbody>
</table>

<table class="adminTable dbstatsTable" id="reportDataSummary">
    <tbody>
    <tr>
        <td>
            <h2>{{ 'DBStats_ReportTables'|translate }}</h2>
            {{ reportDataSummary|raw }}
        </td>
        <td>
            <h2>{{ 'General_Reports'|translate }}</h2>

            <div class="ajaxLoad" action="getIndividualReportsSummary">
                <span class="loadingPiwik"><img src="plugins/Zeitgeist/images/loading-blue.gif"/>{{ 'General_LoadingData'|translate }}</span>
            </div>
        </td>
    </tr>
    </tbody>
</table>

<table class="adminTable dbstatsTable" id="metricDataSummary">
    <tbody>
    <tr>
        <td>
            <h2>{{ 'DBStats_MetricTables'|translate }}</h2>
            {{ metricDataSummary|raw }}
        </td>
        <td>
            <h2>{{ 'General_Metrics'|translate }}</h2>

            <div class="ajaxLoad" action="getIndividualMetricsSummary">
                <span class="loadingPiwik"><img src="plugins/Zeitgeist/images/loading-blue.gif"/>{{ 'General_LoadingData'|translate }}</span>
            </div>
        </td>
    </tr>
    </tbody>
</table>

<table class="adminTable dbstatsTable" id="adminDataSummary">
    <tbody>
    <tr>
        <td>
            <h2>{{ 'DBStats_OtherTables'|translate }}</h2>
            {{ adminDataSummary|raw }}
        </td>
        <td>&nbsp;</td>
    </tr>
    </tbody>
</table>

<script type="text/javascript">
    (function ($) {
        $(document).ready(function () {
            $('.ajaxLoad').each(function () {
                var self = this;
                var action = $(this).attr('action');

                // build & execute AJAX request
                var ajaxRequest = new ajaxHelper();
                ajaxRequest.addParams({
                    module: 'DBStats',
                    action: action,
                    viewDataTable: 'table'
                }, 'get');
                ajaxRequest.setCallback(
                        function (data) {
                            $('.loadingPiwik', self).remove();
                            $(self).html(data);
                        }
                );
                ajaxRequest.setFormat('html');
                ajaxRequest.send(false);
            });
        });
    })(jQuery);
</script>
{% endblock %}

