@extends('layouts.squelette')
<!-- ************************************** -->
@section('titre')
{{ __("Tableau de bord") }}
@endsection
<!-- ************************************** -->
@section('titre_page')
{{ __("Indicateurs") }}
@endsection
<!-- ************************************** -->

@section('contenu')

<div class="row">
    <div class="col-md-3">

        <div class="info-box">
            <span class="info-box-icon bg-info-dash"><i class="far fa-thumbs-up"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">{{ __('CA') }}
                    <font size="2">( {{ session('nbjours_indicateurs', '60')}} derniers jours )</font>
                    <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Somme des factures clients.">
                        <i class="icon fas fa-info"></i>
                    </span>
                </span>
                <span class="info-box-number">{!! number_format($Q_CA[0]->total, 2, ',', ' ') !!} €</span>

            </div>
        </div>

    </div>
    <div class="col-md-3">

        <div class="info-box">
            <span class="info-box-icon bg-info-dash"><i class="far fa-calendar-alt"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">{{ __('Marge') }}
                    <font size="2">( {{ session('nbjours_indicateurs', '60')}} derniers jours )</font>
                    <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Différence entre le total des factures clients et prestataires.">
                        <i class="icon fas fa-info"></i>
                    </span>
                </span>
                <span class="info-box-number">{!! number_format($Q_CA[0]->total - $Q_Charges[0]->total, 2, ',', ' ') !!} € ({!! $taux !!} %)</span>
            </div>
        </div>

    </div>
    <div class="col-md-3">

        <div class="info-box">
            <span class="info-box-icon bg-info-dash2"><i class="far fa-address-book"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">{{ __('Délai devis prestataires') }}
                    <font size="2">( {{ session('nbjours_indicateurs', '60')}} derniers jours )</font>
                    <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Différence entre les dates de retour souhaité et les dates de retour réel des devis prestataires.">
                        <i class="icon fas fa-info"></i>
                    </span>
                </span>
                <span class="info-box-number">{{ @$Q_DDP[0]->total ? $Q_DDP[0]->total.__(" jours") : 'NC'  }}</span>
            </div>
        </div>

    </div>
    <div class="col-md-3">

        <div class="info-box">
            <span class="info-box-icon bg-info-dash2"><i class="fas fa-users"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">{{ __('Délai devis client') }}
                    <font size="2">( {{ session('nbjours_indicateurs', '60')}} derniers jours )</font>
                    <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Différence entre les date de réalisation des devis et la date du retour client des devis clients.">
                        <i class="icon fas fa-info"></i>
                    </span>
                </span>
                <span class="info-box-number">{{ @$Q_DDC[0]->DelaiMoyenC ? $Q_DDC[0]->DelaiMoyenC.__(" jours") : 'NC'  }} </span>
            </div>
        </div>

    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <!-- PIE CHART -->
        <div class="card card-widget">
            <div class="card-dashboard">
                <h2 class="my-0">{{ __('Top 6 activités') }}</h2>
            </div>
            <div class="card-body">
                <canvas id="pieChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
            </div>
        </div>
    </div>
    <div class="col-md-3">

        <!-- ******************************TOP 7 ****************************************************-->
        <div class="card card-widget ">
            <div class="card-dashboard">
                <h2 class="my-0">{{ __('Top 7 des clients (nb interventions)') }}</h2>
            </div>
            <div class="card-footer p-0">
                <ul class="list-group">
                    @foreach (@$top10 as $client)
                    <li class="nav-item">
                        <a href="/customers/{{ @$client->cus_id }}/editCus" class="nav-link" target="_blank">{{ @$client->cus_socialReason }}<span class="float-right">{{ @$client->total }} </span></a>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>

    </div>
    <div class="col-md-3">

        <!-- ******************************TOP 7 CA****************************************************-->
        <div class="card card-widget ">
            <div class="card-dashboard">
                <h2 class="my-0">{{ __('Top 7 des clients (CA)') }}</h2>
            </div>
            <div class="card-footer p-0">
                <ul class="list-group">
                    @foreach (@$top10CA as $client)
                    <li class="nav-item">
                        <a href="/customers/{{ @$client->cus_id }}/editCus" class="nav-link" target="_blank">{{ @$client->cus_socialReason }}<span class="float-right">{{ number_format(@$client->total, 2, ',', ' ') }} €</span></a>
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>

    </div>

</div>


<div class="row">
    <div class="col-md-6">

        <!-- ******************************GRAPHIQUE DES CA ****************************************************-->
        <div class="card card-widget">
            <div class="card-dashboard">
                <div class="d-flex justify-content-between">
                    <h2 class="my-0">{{ __('Chiffre d\'affaires') }}</h2>
                </div>
            </div>
            <div class="card-body">
                <div class="d-flex">

                </div>

                <div class="position-relative mb-4">
                    <canvas id="sales-chart" height="150"></canvas>
                </div>

                <div class="d-flex flex-row justify-content-end">

                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <!-- ******************************GRAPHIQUE DES NB INTERVENTIONS ****************************************************-->
        <div class="card card-widget">
            <div class="card-dashboard">
                <div class="d-flex justify-content-between">
                    <h2 class="my-0">{{ __('Nombre d\'interventions') }}</h2>
                </div>
            </div>
            <div class="card-body">
                <div class="d-flex">

                </div>
                <!-- /.d-flex -->

                <div class="position-relative mb-4">
                    <canvas id="nbsales-chart" height="150"></canvas>
                </div>

                <div class="d-flex flex-row justify-content-end">

                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- DI -->

    <div class="col-md-3">

        <div class="small-box bg-info">
            <div class="inner">
                <span class="float-right badge bg-warning" data-toggle="tooltip" data-placement="top" title="Par rapport aux dates de création des DI.">
                    <i class="icon fas fa-info"></i>
                </span>
                <h4>{{ __('Nombre d\'interventions') }}</h4>
                <p>
                    <ul>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Jour') }}</div>
                            <div>{{ $stats_di[0]->di_d }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Semaine') }}</div>
                            <div>{{ $stats_di[0]->di_w }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Mois') }}</div>
                            <div>{{ $stats_di[0]->di_m }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Année') }}</div>
                            <div>{{ $stats_di[0]->di_y }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Année N-1') }}</div>
                            <div>{{ $stats_di[0]->di_y1 }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-truck"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux interventions') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>
    <!-- FACTURES PRESTATAIRES VALIDEES -->
    <div class="col-md-3">

        <div class="small-box bg-info">
            <div class="inner">
                <span class="float-right badge bg-warning" data-toggle="tooltip" data-placement="top" title="Par rapport à la date de création des factures.">
                    <i class="icon fas fa-info"></i>
                </span>
                <h4>{{ __('Factures prestataires payées') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Jour') }}</div>
                            <div>{{ number_format($factP_validees[0]->fv_d, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Semaine') }}</div>
                            <div>{{ number_format($factP_validees[0]->fv_w, 2, ',', ' ')  }} </div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Mois') }}</div>
                            <div>{{ number_format($factP_validees[0]->fv_m, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année') }}</div>
                            <div>{{ number_format($factP_validees[0]->fv_y, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année N-1') }}</div>
                            <div>{{ number_format($factP_validees[0]->fv_y1, 2, ',', ' ')  }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-file-invoice-dollar"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux factures') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>
    <!-- FACTURES CLIENTS VALIDEES -->
    <div class="col-md-3">

        <div class="small-box bg-info">
            <div class="inner">
                <span class="float-right badge bg-warning" data-toggle="tooltip" data-placement="top" title="Par rapport à la date de création des factures.">
                    <i class="icon fas fa-info"></i>
                </span>
                <h4>{{ __('Factures clients payées') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Jour') }}</div>
                            <div>{{ number_format($factC_validees[0]->fv_d, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Semaine') }}</div>
                            <div>{{ number_format($factC_validees[0]->fv_w, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Mois') }}</div>
                            <div>{{ number_format($factC_validees[0]->fv_m, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année') }}</div>
                            <div>{{ number_format($factC_validees[0]->fv_y, 2, ',', ' ')  }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année N-1') }}</div>
                            <div>{{ number_format($factC_validees[0]->fv_y1, 2, ',', ' ')  }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-file-invoice-dollar"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux factures') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>

    <!-- MARGE -->
    <div class="col-md-3">

        <div class="small-box bg-info">
            <div class="inner">
                <span class="float-right badge bg-warning" data-toggle="tooltip" data-placement="top" title="Par rapport à la date de création des factures.">
                    <i class="icon fas fa-info"></i>
                </span>
                <h4>{{ __('Marge') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Jour') }}</div>
                            <div>{{ $factC_validees[0]->fv_d-$factP_validees[0]->fv_d }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Semaine') }}</div>
                            <div>{{ $factC_validees[0]->fv_w-$factP_validees[0]->fv_w }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Mois') }}</div>
                            <div>{{ $factC_validees[0]->fv_m-$factP_validees[0]->fv_m }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année') }}</div>
                            <div>{{ $factC_validees[0]->fv_y-$factP_validees[0]->fv_y }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Total Année N-1') }}</div>
                            <div>{{ $factC_validees[0]->fv_y1-$factP_validees[0]->fv_y1 }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-file-invoice-dollar"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux factures') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>

    <!-- Délais -->
    <div class="col-md-4 mt-3">

        <div class="small-box bg-warning">
            <div class="inner">
                <h4>{{ __('Délais - jour') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Création DI à planifier') }}</div>
                            <div>{{ $delai2[0]->valeur }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Demande de devis à réception devis') }}</div>
                            <div>{{ $delai1[0]->del_jour }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réception devis à validation devis') }}</div>
                            <div>{{ $delai3[0]->del_jour }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Planifié à réaliser') }}</div>
                            <div>{{ $delai4[0]->del_jour }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réalisé à clôturer') }}</div>
                            <div>{{ $delai5[0]->del_jour }} {{ __('jours') }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-calendar-day"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux ') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>
    </div>

    <div class="col-md-4 mt-3">

        <div class="small-box bg-warning">
            <div class="inner">
                <h4>{{ __('Délais - mois') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Création DI à planifier') }}</div>
                            <div>{{ $delai2[0]->valeur }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Demande de devis à réception devis') }}</div>
                            <div>{{ $delai1[0]->del_mois }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réception devis à validation devis') }}</div>
                            <div>{{ $delai3[0]->del_mois }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Planifié à réaliser') }}</div>
                            <div>{{ $delai4[0]->del_mois }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réalisé à clôturer') }}</div>
                            <div>{{ $delai5[0]->del_mois }} {{ __('jours') }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux ') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>

    <div class="col-md-4 mt-3">

        <div class="small-box bg-warning">
            <div class="inner">
                <h4>{{ __('Délais - année') }}</h4>
                <p>
                    <ul class="list-group">
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Création DI à planifier') }}</div>
                            <div>{{ $delai2[0]->valeur }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Demande de devis à réception devis') }}</div>
                            <div>{{ $delai1[0]->del_annee }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réception devis à validation devis') }}</div>
                            <div>{{ $delai3[0]->del_annee }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Planifié à réaliser') }}</div>
                            <div>{{ $delai4[0]->del_annee }} {{ __('jours') }}</div>
                        </li>
                        <li class="d-flex justify-content-between">
                            <div>{{ __('Réalisé à clôturer') }}</div>
                            <div>{{ $delai5[0]->del_annee }} {{ __('jours') }}</div>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="icon">
                <i class="far fa-calendar"></i>
            </div>
            <!--<a href="#" class="small-box-footer">{{ __('Accèder aux ') }} <i class="fas fa-arrow-circle-right"></i></a>-->
        </div>

    </div>

</div>


@endsection

@section('js_footer')
<script src="{{ asset('plugins/chart.js/Chart.min.js')}}"></script>

<!--Passage des données au fichier js -->
<script>
    var stats_activite = {!! json_encode($stats_activite) !!};
    var labelsGraph = {!! json_encode($labelsGraph) !!};
    var montants = {!!json_encode($montants) !!};
    var nombre = {!!json_encode($nombre) !!};
</script>
<script src="{{ asset('js/indicateur.js')}}"></script>
@endsection

@section('modale')

@endsection