{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">
        <p class="warning">{errorMsg}</p>

        <f:if condition="{pageSelected}>0">
            <f:then>
                <h3>Statistiques d'utilisation</h3>

                <f:if condition="{statsActivated}">
                    <f:then>
                        <div id="matomoReport">

                            <h4>Récapitulatif des visites</h4>
                            <div class="reportSection">

                                <div class="reportSubSection">
                                    <f:comment><!-- Real time visits--></f:comment>
                                    <div class="widgetIframe" id="realTimeVisits"><iframe width="450" height="320" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=Live&actionToWidgetize=widget&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                    <f:comment><!-- Last visits graph--></f:comment>
                                    <div class="widgetIframe" id="lastVisitsGraph"><iframe width="450" height="260" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&disableLink=0&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>
                                </div>

                                <f:comment><!-- Visits Summary --></f:comment>
                                <div class="widgetIframe" id="visitsSummary"><iframe width="450" height="600" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=sparklines&disableLink=0&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=get&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>
                            </div>

                            <h4>Répartition géographique et horaire</h4>
                            <div class="reportSection">
                                <f:comment><!-- By weekday --></f:comment>
                                <div class="widgetIframe" id="visitsByWeekday"><iframe width="500" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                <f:comment><!-- By local hour --></f:comment>
                                <div class="widgetIframe" id="visitsByHour"><iframe width="500" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                <f:comment><!-- Map --></f:comment>
                                <div class="widgetIframe" id="visitsMap"><iframe width="400" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=UserCountryMap&actionToWidgetize=visitorMap&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>
                            </div>

                            <h4>Supports et référents</h4>
                            <div class="reportSection">
                                <f:comment><!-- Refferers --></f:comment>
                                <div class="widgetIframe" id="visitsRefferers"><iframe width="360" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=Referrers&actionToWidgetize=getAll&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                <f:comment><!-- By web-browsers   --></f:comment>
                                <div class="widgetIframe" id="visitsByBrowsers"><iframe width="360" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=DevicesDetection&actionToWidgetize=getBrowsers&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>
                            </div>

                            <h4>Comportements des visiteurs</h4>
                            <div class="reportSection">
                                <f:comment><!-- By page   --></f:comment>
                                <div class="widgetIframe" id="visitsByPage"><iframe width="360" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=Actions&actionToWidgetize=getPageUrls&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                <f:comment><!-- By entry page   --></f:comment>
                                <div class="widgetIframe" id="visitorsEntryPoints"><iframe width="360" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=Actions&actionToWidgetize=getEntryPageUrls&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>

                                <f:comment><!-- By visits duration   --></f:comment>
                                <div class="widgetIframe" id="visitsByDuration"><iframe width="360" height="450" src="https://stats.2iopenservice.com/index.php?module=Widgetize&action=iframe&disableLink=0&widget=1&moduleToWidgetize=VisitorInterest&actionToWidgetize=getNumberOfVisitsPerVisitDuration&idSite=5&period=month&date=today&disableLink=1&widget=1" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe></div>
                            </div>

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

                        </div>
                    </f:then>
                    <f:else>
                        <div class="statsConfirmationPanel">
                            <p>
                                Le suivi des statistiques d'utilisation n'est pas encore activé.
                                Pour l'activer, cliquez sur le bouton ci-dessous.
                            </p>
                            <p class="warning">
                                <b>Attention:</b> La loi européenne impose de demander l'accord des
                                utilisateurs avant l'installation de cookies de suivi. Dès lors que le suivi sera activé,
                                une bannière sera présentée à chaque nouveau visiteur pour lui demander son accord
                                quand à l'utilisation ou non de cookies de suivi.
                            </p>
                            <i style="margin-bottom: 12px;"></i>

                            <f:link.action
                                    action="enableStats"
                                    title="select"
                                    class="ot-btn"
                            >
                                Activer le suivi de l'utilisation
                            </f:link.action>
                        </div>

                    </f:else>
                </f:if>
            </f:then>
            <f:else>
                <div class="no-page-warning">
                    <f:comment><!-- No page selected --></f:comment>
                    <f:translate key="noPageSelected" extensionName="ot_core" />
                </div>
            </f:else>
        </f:if>
    </div>
</f:section>