@extends('layouts.master')

@section("contenu")

<div class="container-fluid">
   {{--  <h5 class="mb-2">Accueil</h5>

    <span>Info utlisateur ID: {{ getIdUser()}}
        <h5> {{ $dataHelpers["id"]}} :{{ $dataHelpers["code"]}}:  {{ $dataHelpers["nom"]}}: {{ $dataHelpers["bureau"]}}</h5>
    </span> --}}
    <div class="row">

        <div class="col-md-9">
            <!-- Widget: user widget style 1 -->
            <div class="card card-widget widget-user" style="background: url({{ asset("img/fd1.png")}}) center center;">
              <!-- Add the bg color to the header using any of the bg-* classes -->
              <div class="widget-user-header" >
              </div>
              <div class="widget-user-image">
                <img class="img-circle" src="{{ asset(userPhoto())}}" alt="User Avatar">
              </div>
              <div class="card-footer">
                <div class="row">
                  <div class="col-sm-4">
                    <div class="info-box bg-warning">
                        <span class="info-box-icon"><i class="far fa-folder-open"></i></span>

                        <div class="info-box-content ">
                          <span class="info-box-number">{{ $dossierEc}}</span>
                          <span class="info-box-text">En cours</span>
                        </div>
                        <!-- /.info-box-content -->
                      </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                  <div class="col-sm-4">
                    <div class="info-box  bg-danger">
                        <span class="info-box-icon"><i class="far fa-folder-open"></i></span>

                        <div class="info-box-content">
                          <span class="info-box-number">{{ $dossierEnSouffre}}</span>
                          <span class="info-box-text">En souffrance</span>
                        </div>
                        <!-- /.info-box-content -->
                      </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                  <div class="col-sm-4">
                    <div class="info-box bg-success">
                        <span class="info-box-icon "><i class="far fa-folder-open"></i></span>

                        <div class="info-box-content">
                              <span class="info-box-number">{{ $dossierEnAttente}}</span>
                              <span class="info-box-text">En attente</span>
                        </div>
                        <!-- /.info-box-content -->
                      </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                </div>
                <div class="row">
                  <div class="col-sm-4">
                    <div class="info-box bg-info">
                        <span class="info-box-icon"><i class="far fa-folder-open"></i></span>

                        <div class="info-box-content ">
                          <span class="info-box-number">{{ $dossierTraite}}</span>
                          <span class="info-box-text">Traitées</span>
                        </div>
                        <!-- /.info-box-content -->
                      </div>
                    <!-- /.description-block -->
                  </div>
                  <div class="col-sm-4">
                    <div class="info-box bg-gradient-pink">
                        <span class="info-box-icon "><i class="far fa-folder"></i></span>

                        <div class="info-box-content">
                              <span class="info-box-number">{{ $dossierTransmi}}</span>
                              <span class="info-box-text">Transmis</span>
                        </div>
                        <!-- /.info-box-content -->
                      </div>
                    <!-- /.description-block -->
                  </div>
                  <!-- /.col -->
                </div>
                <!-- /.row -->
              </div>
            </div>
            <!-- /.widget-user -->
        </div>
        <div class="col-md-3">
            <div class="small-box bg-info">
                <div class="inner">
                  <h3>{{ $totDossEcs}}</h3>

                  <p>Total dossiers en cours</p>
                </div>
                <div class="icon">
                  <i class="fas fa-folder-plus"></i>
                </div>
            </div>
            <div class="small-box bg-success">
                <div class="inner">
                  <h3>{{ $totDossEss}}</h3>

                  <p>Total dossiers en souffrance</p>
                </div>
                <div class="icon">
                    <i class="fas fa-folder-open"></i>
                </div>
            </div>
            <div class="small-box bg-warning">
                <div class="inner">
                  <h3>{{ $totDossTrs}}</h3>

                  <p>Total dossiers transmis</p>
                </div>
                <div class="icon">
                  <i class="fas fa-folder"></i>
                </div>
              </div>
        </div>


    </div>
    <div class="col-md-6">
        {{-- <div id="chartdiv"></div> --}}
    </div>

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

    </div>
    <!-- /.row -->
</div>




    <!-- HTML -->


@endsection