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

@section('contenu')

@if (droit('dashboard_recap1'))
<div class="row">
	<div class="col-md-2">

        <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">{{ __('Coût annuel réel') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Somme des factures prestataires.">
                    <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-2">

		<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">{{ __('Engagé annuel') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Montant engagé estimatif. Somme factures + devis validés si pas de factures + estimé si ni devis ni factures">
                    <i class="icon fas fa-info"></i>
                </span>
              </span>
			  <span class="info-box-number">{!!  number_format(@$engage, 2, ',', ' ')  !!} €</span>
			</div>
		  </div>

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

		<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">{{ __('Retard devis prestataires') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Moyenne des différences entre date de retour souhaité et date de retour réel.">
                    <i class="icon fas fa-info"></i>
                </span>
              </span>
			  <span class="info-box-number">{{ @$Q_DDP[0]->total ? $Q_DDP[0]->total.' '.trans('jours') : 'NC'  }}</span>
			</div>
		  </div>

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

		<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 clôture prestataire') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Moyenne des différences entre date de création et date de clôture des DI pour les DI avec prestataire.">
                    <i class="icon fas fa-info"></i>
                </span>
              </span>
			  <span class="info-box-number">{{ @$Q_DDC[0]->total ? $Q_DDC[0]->total.' '.trans('jours') : 'NC'  }} </span>
			</div>
		  </div>

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

		<div class="info-box">
			<span class="info-box-icon bg-info-dash2"><i class="fas fa-car"></i></span>
			<div class="info-box-content">
			  <span class="info-box-text">{{ __('Délai clôture technicien') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Moyenne des différences entre date de création et date de clôture des DI pour les DI avec technicien.">
                    <i class="icon fas fa-info"></i>
                </span>
              </span>
			  <span class="info-box-number">{{ @$Q_DID[0]->total ? $Q_DID[0]->total.' '.trans('jours') : 'NC'  }} </span>
			</div>
		  </div>

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

		<div class="info-box">
			<span class="info-box-icon bg-info-dash2"><i class="fas fa-car"></i></span>
			<div class="info-box-content">
			  <span class="info-box-text">{{ __('Délai intervention sans devis') }}
                <span class="float-right badge bg-info" data-toggle="tooltip" data-placement="top" title="Moyenne des différences entre date de création et date de clôture des DI pour les DI sans devis.">
                    <i class="icon fas fa-info"></i>
                </span>

              </span>
			  <span class="info-box-number">{{ @$Q_DISSD[0]->total ? $Q_DISSD[0]->total.' '.trans('jours') : 'NC'  }} </span>
			</div>
		  </div>

	</div>
</div>
@endif

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

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

			@php
			$i=1;
		   @endphp

			@foreach (@$blocs_status as $statut)
				@php
					if ( ($i==1) ||  ($statut->staGro_id!=$groupe) )
					{ $groupe = $statut->staGro_id;
					$ecrire_groupe=1;
					}
					else {$ecrire_groupe=0;
					}
				@endphp

				@if ($ecrire_groupe==1)
					@if ($i!=1)<!--cloture groupe précedent sauf pour le premier -->
							</ul>
						</div>
					</div>
					@endif

					<div class="card card-widget ">
						<div class="card-dashboard">
							<h2 class="my-0">{{ $statut->staGro_libelleFr }}</h2>
						</div>
						<div class="card-footer p-0">
								<ul class="nav flex-column">
				@endif

				<li class="nav-item{{ $i %2 ==1 ? '0' : '1' }}">
					<a href="/interventions?intType=C&sta_id={{ $statut->sta_id }}" class="nav-link" target="_blank" >
						{{ $statut->sta_nameFr  }}
					<span class="float-right badge bg-{{ $statut->sta_color != null ? $statut->sta_color : 'info' }}">{{ $statut->total }}</span>
					</a>
				</li>

				@php
				  $i++;
				@endphp
			@endforeach

				<!--cloture dernier groupe -->
				</ul>
			</div>
		</div>


    	</div>
		<div class="col-md-6">
				<div class="card card-widget ">
				<div class="card-dashboard"><h2 class="my-0">{{ __('Maintenance préventive') }}</h2></div>
				<div class="card-footer p-0">
						<ul class="list-group">
							@php
			  				 $i=1;
							@endphp
							@foreach (@$status_preventive as $statut)
								<li class="nav-item{{ $i %2 ==1 ? '0' : '1' }}">
									<a href="/interventions?intType=P&sta_id={{ $statut->sta_id }}" class="nav-link" target="_blank" >
										{{ $statut->sta_nameFr  }}
									<span class="float-right badge bg-{{ $statut->sta_color != null ? $statut->sta_color : 'info' }}">{{ $statut->total }}</span>
									</a>
								</li>
								@php
								$i++;
								@endphp
							@endforeach
						</ul>
				</div>
				</div>

				<!-- 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>
              <!-- /.card-body -->

			</div>

            @if (droit('dashboard_top_sites'))

                <!-- ******************************TOP 5 ****************************************************-->
                <div class="card card-widget ">
                    <div class="card-dashboard"><h2 class="my-0">{{ __('Top 5 des sites (nb interventions)') }}</h2></div>
                    <div class="card-footer p-0">
                        <ul class="list-group">
                            @foreach (@$top10 as $site)
                                <li class="nav-item">
                                <a href="/site/{{ @$site->sit_id }}/editInts" class="nav-link">{{ @$site->sit_name }}<span class="float-right">{{ @$site->total }}</span></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <!-- ******************************FLOP 5 ****************************************************-->
                <div class="card card-widget ">
                    <div class="card-dashboard"><h2 class="my-0">{{ __('Flop 5 des sites (nb interventions)') }}</h2></div>
                    <div class="card-footer p-0">
                        <ul class="list-group">
                            @foreach (@$flop10 as $site)
                                <li class="nav-item">
                                <a href="/site/{{ @$site->sit_id }}/editInts" class="nav-link">{{ @$site->sit_name }}<span class="float-right">{{ @$site->total }}</span></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

		</div>
	  </div>

	</div>

	<div class="col-md-6">
		<!-- ******************************MAP DES INTERVENTIONS ****************************************************-->

        @if (droit('dashboard_map_interventions'))
        <div class="card card-widget">
			<div class="card-header card-dashboard">
			  <h3 class="card-title">{{ __('Interventions de la semaine') }}</h3>

			  <div class="card-tools">
				{{--<button type="button" class="btn btn-tool" data-card-widget="maximize"><i class="fas fa-expand"></i></button></h2>--}}
				{{ __('Curative') }}: <img src="{{ asset('images/pictos/red-dot.png')}}" />
							{{ __('Préventive') }}: <img src="{{ asset('images/pictos/blue-dot.png')}}" />
				</button>
			  </div>
			  <!-- /.card-tools -->
			</div>
			<!-- /.card-header -->
			<div class="card-body">
				<div id="map" class="map mt-3"></div>
			</div>
			<!-- /.card-body -->
		  </div>
        @endif

        @if (droit('dashboard_graph_engage'))
			<!-- ******************************GRAPHIQUE DES CA ****************************************************-->
			<div class="card card-widget">
              <div class="card-dashboard">
                <div class="d-flex justify-content-between">
				<h2 class="my-0">{{ __('Engagé annuel') }}</h2>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex">
                 <!-- <p class="d-flex flex-column">
                    <span class="text-bold text-lg">€18,230.00</span>
                    <span>CA total général</span>
                  </p>-->

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

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

                <div class="d-flex flex-row justify-content-end">
                  <span class="mr-2">
                    <i class="fas fa-square text-primary"></i> {{ __('Préventive') }}
                  </span>

                  <span>
                    <i class="fas fa-square text-pink"></i> {{ __('Curative') }}
                  </span>
                </div>
              </div>
			</div>
        @endif

        @if (droit('dashborad_graph_di'))

			<!-- ******************************GRAPHIQUE DES NB INTERVENTIONS ****************************************************-->
			<div class="card card-widget">
              <div class="card-dashboard">
                <div class="d-flex justify-content-between">
				<h2 class="my-0">{{ __('Interventions') }}</h2>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex">
                 <!-- <p class="d-flex flex-column">
                    <span class="text-bold text-lg">€18,230.00</span>
                    <span>CA total général</span>
                  </p>-->

                </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">
                  <span class="mr-2">
                    <i class="fas fa-square text-primary"></i> {{ __('Préventive') }}
                  </span>

                  <span>
                    <i class="fas fa-square text-pink"></i> {{ __('Curative') }}
                  </span>
                </div>
              </div>
			</div>

        @endif
			<!-- ******************************INDICATEURS MENSUELS ****************************************************-->
			<!--<div class="card card-widget ">
			<div class="card-dashboard bg-warning">
				<h2 class="my-0">Indicateurs mensuels</h2></div>
				<div class="card-footer p-0">
						<ul class="list-group">
									<li class="list-group-item d-flex justify-content-between align-items-center border-bottom-dotted">
						<div>Interventions Curatives</div>
						<div>
												</div>
					</li>
											<li class="list-group-item">
							<canvas id="chart_di_curative" width="100%" ></canvas>
						</li>
											<li class="list-group-item d-flex justify-content-between align-items-center border-bottom-dotted">
						<div>Interventions Pr&eacute;ventives</div>
						<div>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'di_preventive'}})"> <i class="fas fa-chart-line"></i></button>
												</div>
					</li>
										<li class="list-group-item d-flex justify-content-between align-items-center border-bottom-dotted">
						<div>Devis demand&eacute;s</div>
						<div>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'devis_demandes'}})"> <i class="fas fa-chart-line"></i></button>
												</div>
					</li>
										<li class="list-group-item d-flex justify-content-between align-items-center border-bottom-dotted">
						<div>Devis valid&eacute;s</div>
						<div>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'devis_valides'}})">0 <i class="fas fa-chart-line"></i></button>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'devis_valides',choice:2}})"> € <i class="fas fa-chart-line"></i></button>
													</div>
					</li>
										<li class="list-group-item d-flex justify-content-between align-items-center border-bottom-dotted">
						<div>Factures valid&eacute;es</div>
						<div>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'factures_valides'}})">0 <i class="fas fa-chart-line"></i></button>
													<button type="button" class="btn btn-primary" onclick="modal('chart',{'size':'large','data':{'type':'factures_valides',choice:2}})"> € <i class="fas fa-chart-line"></i></button>
													</div>
					</li>
								</ul>

			</div
		></div>-->
		<!-- ****************************** FIN INDICATEURS MENSUELS ****************************************************-->


	</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_P =  {!! json_encode( $montants_P) !!};
	var montants_C =  {!! json_encode( $montants_C) !!};
	var nombre_P =  {!! json_encode( $nombre_P) !!};
	var nombre_C =  {!! json_encode( $nombre_C) !!};

</script>
 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{ Session::get('value_googleapi_map_key','')}}&amp;"></script>
 <script src="{{ asset('js/dashboard.js')}}"></script>
@endsection

@section('modale')

@endsection