{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:layout name="Backend/Default" />

<f:section name="content">
    <div class="ot-be-module ot-stats">
        <h1>Statistiques d'utilisation</h1>

        <div id="matomoFilters">
            <span>Période d'analyse: </span>
            <f:form action="index">
                <f:form.select class="form-control"
                               name="period"
                               options="{week: 'La semaine passée',
                                         month: 'Le mois passé',
                                         year: 'L\'année passée'}"
                               value="{period}">
                </f:form.select>

                <f:comment><!--
                Important: if the cache is not disabled,
                 then the results won't be updated even after submitting this form
                 --></f:comment>
                <input type="hidden"
                       name="no_cache"
                       value="1">

                <f:form.button type="submit" class="ot-btn">
                    Actualiser
                </f:form.button>
            </f:form>
        </div>

        <div id="matomoReport">

            <div class="reportSection">

                <f:comment><!-- Real time visits--></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Visites en temps réel', id: 'realTimeVisits',
                                      module: 'Live', action: 'widget',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                <div class="reportSubSection">
                    <f:comment><!-- Last visits graph--></f:comment>
                    <f:render partial="ReportCard"
                              arguments="{title: 'Dernières visites', id: 'lastVisitsGraph',
                                          module: 'VisitsSummary', action: 'getEvolutionGraph',
                                          matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                    <f:comment><!-- Visits Summary --></f:comment>
                    <f:render partial="ReportCard"
                              arguments="{title: 'Résumé', id: 'visitsSummary',
                                          module: 'VisitsSummary', action: 'get',
                                          matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>
                </div>
            </div>

            <div class="reportSection">

                <f:comment><!-- By weekday --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Par jours de la semaine', id: 'visitsByWeekday',
                                      module: 'VisitTime', action: 'getByDayOfWeek',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                <f:comment><!-- By local hour --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Par heures locales', id: 'visitsByHour',
                                      module: 'VisitTime', action: 'getVisitInformationPerLocalTime',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                <f:comment><!-- Map --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Répartition géographique', id: 'visitsMap',
                                      module: 'UserCountryMap', action: 'visitorMap',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>
            </div>

            <div class="reportSection">

                <f:comment><!-- Refferers --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Origines', id: 'visitsRefferers',
                                      module: 'Referrers', action: 'getAll',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                <f:comment><!-- By web-browsers   --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'DevicesDetection', id: 'getBrowsers',
                                      module: 'Referrers', action: 'getAll',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

            </div>

            <div class="reportSection">

                <f:comment><!-- By page   --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Pages visitées', id: 'visitsByPage',
                                      module: 'Actions', action: 'getPageUrls', width: '1028',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>
            </div>

            <div class="reportSection">

                <f:comment><!-- By entry page --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Pages d\'entrée', id: 'visitorsEntryPoints',
                                      module: 'Actions', action: 'getEntryPageUrls',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>

                <f:comment><!-- By visits duration   --></f:comment>
                <f:render partial="ReportCard"
                          arguments="{title: 'Durée des visite', id: 'visitsByDuration',
                                      module: 'VisitorInterest', action: 'getNumberOfVisitsPerVisitDuration',
                                      matomoSiteId: matomoSiteId, matomoToken: matomoToken, period: period}"/>
            </div>

            <div class="reportFooter">
                <f:link.action
                        action="askForDeactivationConfirmation"
                        title="select"
                        id="disableLink"
                        class="warning"
                >
                    Désactiver le suivi de l'utilisation
                </f:link.action>
            </div>

        </div>
    </div>
</f:section>