@extends('layouts.management')

@section('content')

    <section class="header-page management-header-bg" style="height: 350px">
        <div class="tag-header">Management</div>
        <h2 class="title-header">Dashboard</h2>
    </section>

    <section class="tree-details">
        <div class="container-tree">
            <div class="tree-text">
                <div class="tree-arbo">
                    <a href="#">Management</a> &gt; <span
                        class="tree-arbo-current">Dashboard</span></div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="w-layout-grid grid-management-dashboard">
            <div id="w-node-_5475867c-6f88-27a9-190e-6b41e55788ec-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ $reporting['uniqueVisitors']['today'] }}</h1>
                <h5 class="management-report-key">Visites uniques aujourd'hui</h5>
            </div>
            <div id="w-node-_6a5457a2-5301-c815-4be5-ece90e453c6d-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ $reporting['uniqueVisitors']['last-week'] }}</h1>
                <h5 class="management-report-key">Visites uniques cette semaine</h5>
            </div>
            <div id="w-node-_0d3bb43a-042e-e242-06d3-69e0f510a5f0-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ $reporting['uniqueVisitors']['last-month'] }}</h1>
                <h5 class="management-report-key">Visites uniques ce mois</h5>
            </div>
            <div id="w-node-_8dbfb14c-2a75-f0cc-6149-c8863cb83b43-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ $reporting['uniqueVisitors']['total'] }}</h1>
                <h5 class="management-report-key">Visites uniques totale</h5>
            </div>

            <div id="w-node-_1e7a704f-f0a3-86e6-a6ad-0a8f09af6fdd-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ $reporting['sessions']['today'] }}</h1>
                <h5 class="management-report-key">Sessions totales aujourd'hui</h5>
            </div>

            <div id="w-node-_65ae7e12-5917-a3df-6569-405de11a44f8-6c731c45" class="management-card-stats">
                <h1 class="management-report-value">{{ gmdate("i:s", $reporting['sessions']['duration']) }}</h1>
                <h5 class="management-report-key">Temps en moyenne d'une session</h5>
            </div>

            <div id="w-node-_4cd8c31a-f713-1644-045b-cf89eb6cab9d-6c731c45" class="management-card-stats">
                <h5 class="management-report-key">Classement des pages visitées</h5>

                @foreach($reporting['pages']['top'] as $page)
                    <div class="management-report-1-title">{{ $page['pagePath'] }}</div>
                    <div
                        class="management-report-1-subtitle">{{ $page['screenPageViews'] . ' visite' . ( $page['screenPageViews'] > 1 ? 's':'') }}</div>
                    <div class="management-report-1-separator"></div>
                @endforeach
            </div>

            <div id="w-node-_4cd8c31a-f713-1644-045b-cf89eb6cab9d-6c731c45" class="management-card-stats">
                <h5 class="management-report-key">Traffic</h5>

                @foreach($chartData as $c)
                    <div class="management-report-1-title">?=ref={{$c['ref']}}</div>
                    <div
                        class="management-report-1-subtitle">{{ $c['total'] . ' visite' . ( $c['total'] > 1 ? 's':'') }}
                        <small style="font-size: 10px">Dernière visite : {{ $c['last_visit'] }}</small></div>
                    <div class="management-report-1-separator"></div>
                @endforeach
            </div>
        </div>
    </section>

@endsection