@extends('layouts.app')

@section('page-title')
Statistiques générales
@endsection

@section('content')


    <div class="row gap-20 pos-r">

        <div class="col-md-3">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Consultations totales</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($consultations_nb) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Consultations en cours</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($consultations_in_progress) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Propositions en ligne</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($propositions_nb) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Propositions à valider</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($sent_propositions_nb) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Nombre total de votes</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($votes_nb) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Nombre de contributeurs <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="Nombre d'utilisateurs ayant envoyé au moins une proposition validée"></i></h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($contributeurs_nb) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Nombre de participants <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="Nombre d'utilisateurs ayant soit voté soit envoyé au moins une proposition validée"></i></h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($votants_nb + $contributeurs_nb) }}</p>
                </div>
            </div>
        </div>


        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Nombre de visiteurs uniques</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($unique_visitors) }}</p>
                </div>
            </div>
        </div>


        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Nombre de votes par votants</h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR($votes_nb / $votants_nb, 2) }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="layers bd bgc-white p-20">
                <div class="layer w-100 mB-10">
                    <h6 class="lh-1">Taux de participation <i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="Pourcentage de visiteurs uniques ayant participé aux consultations de votre compte"></i></h6>
                </div>
                <div class="layer w-100 ta-c">
                    <p class="d-ib lh-0 va-m fw-600 fsz-xl pT-20">{{ formatNumberFR((($votants_nb + $contributeurs_nb) / $unique_visitors * 100), 2) }}%</p>
                </div>
            </div>
        </div>

    </div>

    <!--<div class="row mT-50">

        <div class="col-md-4">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <h4 class="c-grey-900 mB-30">Répartition des consultations</h4>
                
                <canvas id="consultation-repartition" height="200"></canvas>
            </div>
        </div>
    </div>-->
@endsection



@section('js')
 
@endsection