{# templates/superadmin_v2/sa_home.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block body %}
    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        <div class="container-fluid">
            <div class="row">

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Demandes de devis</h5>
                            </div>
                            <p class="card-text">
                                <br>Demandes de devis validées : <b>{{ data_demandes_devis.demandes_validees }}</b>
                                <br>Nbr moyen de prospections / Demande : <b>{{ formatPourcentage(data_demandes_devis.prospections / data_demandes_devis.demandes_validees) }}</b>
                                <br>Nbr moyen de prospections vues / Demande : <b>{{ formatPourcentage(data_demandes_devis.prospections_vues / data_demandes_devis.demandes_validees) }}</b>
                                <br>Nbr moyen de réponses / Demande : <b>{{ formatPourcentage(data_demandes_devis.reponses / data_demandes_devis.demandes_validees) }}</b>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Artisans</h5>
                            </div>
                            <p class="card-text">
                                <br>
                                <br>
                                <br>
                                <br><br>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Prospections</h5>
                            </div>
                            <p class="card-text">
                                <br>Nbr total de prospections : <b>{{ data_demandes_devis.prospections }}</b>
                                <br>Nbr de prospections vues : <b>{{ data_demandes_devis.prospections_vues }}</b>
                                <br>Nbr Total de Réponses : <b>{{ data_demandes_devis.reponses }}</b>
                                <br><br>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Réponses</h5>
                            </div>
                            <p class="card-text">
                                <br>Nbr Total de Réponses : <b>{{ data_demandes_devis.reponses }}</b>
                                <br>Nbr de Réponses du mois : <b>{{ data_demandes_devis.reponses_mois }}</b>
                                <br>Nbr de Réponses des 3 derniers mois : <b>{{ data_demandes_devis.reponses_3_derniers_mois }}</b>
                                <br><br>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Prédiction dynamique</h5>
                            </div>
                            <p class="card-text">
                                <br>Prédiction du mois % 3 derniers mois : <b>{{ data_demandes_devis.prediction_mois_3_derniers_mois }}</b>
                                <br>Prédiction du mois : <b>{{ data_demandes_devis.prediction_mois }}</b>
                                <br>Taux evolution : <b>{{ formatPourcentage(data_demandes_devis.taux_evolution) }} %</b>
                                <br><br>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="mx-auto d-block">
                                <h5 class="text-sm-center mt-2 mb-1">Montant total devis</h5>
                            </div>
                            <p class="card-text">
                                <br>Cumul journalier des montants : <b>{{ formatPourcentage(data_demandes_devis.cumul_journalier_montants) }} €</b>
                                <br>Cumul mensuel des montants : <b>{{ formatPourcentage(data_demandes_devis.cumul_mensuel_montants) }} €</b>
                                <br>Cumul annuel des montants : <b>{{ formatPourcentage(data_demandes_devis.cumul_annuel_montants) }} &euro;</b>
                                <br><br>
                            </p>
                        </div>
                    </div>
                </div>

            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
		setInterval(function(){ 
			location.reload();
        }, 300000);
    });
    // ]]>
    </script>
{% endblock %}