@extends('admin.layouts.default') 
@section('content')
<div class="content-panel-toggler">
    <i class="os-icon os-icon-grid-squares-22"></i><span>Sidebar</span>
</div>
<div class="content-i">
    <div class="content-box">
        
        <div class="row">
            <div class="col-sm-12">
                <div class="element-wrapper">
                    <h6 class="element-header">
                      Sales Dashboard
                    </h6>
                    <div class="element-content">
                        <div class="row">
                            <div class="col-sm-4 col-xxxl-3">
                                <a class="element-box el-tablo" href="{{route('admin.produit.list')}}">
                                    <div class="label">
                                        Nombre produits
                                    </div>
                                    <div class="value">
                                        {{$produits}}
                                    </div>
                                </a>
                            </div>
                            <div class="col-sm-4 col-xxxl-3">
                                <a class="element-box el-tablo" href="{{route('admin.commandes')}}">
                                    <div class="label">
                                        Nombre commandes
                                    </div>
                                    <div class="value">
                                        {{$commandes}}
                                    </div>
                                </a>
                            </div>
                            <div class="col-sm-4 col-xxxl-3">
                                <a class="element-box el-tablo" href="{{route('admin.commandes')}}">
                                    <div class="label">
                                        Nombre de devis
                                    </div>
                                    <div class="value">
                                        {{$devis}}
                                    </div>
                                </a>
                            </div>
                            <div class="col-sm-4 col-xxxl-3">
                                <a class="element-box el-tablo" href="{{route('admin.projets.list')}}">
                                    <div class="label">
                                        Nombre de projets
                                    </div>
                                    <div class="value">
                                        {{$projets}}
                                    </div>
                                </a>
                            </div>
                            <div class="d-none d-xxxl-block col-xxxl-3">
                                <a class="element-box el-tablo" href="{{ route('admin.reduction') }}">
                                    <div class="label">
                                        Nombre de bons de reduction
                                    </div>
                                    <div class="value">
                                        {{$cartes}}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="content-panel">
        <div class="content-panel-close">
            <i class="os-icon os-icon-close"></i>
        </div>
        <div class="element-wrapper">
            <h6 class="element-header">
              Liens rapides
            </h6>
            <div class="element-box-tp">
                <div class="el-buttons-list full-width">
                    <a class="btn btn-white btn-sm" href="{{route('admin.architectes.new')}}">
                        <i class="os-icon os-icon-delivery-box-2"></i>
                        <span>Ajouter designer</span>
                    </a>
                    <a class="btn btn-white btn-sm" href="{{route('admin.devis')}}">
                        <i class="os-icon os-icon-window-content"></i>
                        <span>Consulter devis</span>
                    </a>
                    <a class="btn btn-white btn-sm" href="{{route('admin.commandes')}}">
                        <i class="os-icon os-icon-window-content"></i>
                        <span>Consulter commandes</span>
                    </a>
                    <a class="btn btn-white btn-sm" href="{{route('admin.contact.list')}}">
                        <i class="os-icon os-icon-wallet-loaded"></i>
                        <span>Consulter demandes de contact</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="content-i">
    <div class="content-box">
        <div class="row">
            <div class="col-sm-4">
                <div class="element-wrapper">
                    <h6 class="element-header">
                      Inscrits par canal
                    </h6>
                    <div class="element-box less-padding">
                        <div class="el-chart-w">
                            <canvas height="120" id="donutChart1" data-data="[{{$amis_famille}}, {{$facebook}}, {{$instagram}}, {{$pinterest}}, {{$medias}}, {{$blogs}}, {{$presse}}, {{$recherche_internet}}, {{$autres}}, {{$nonrepondu}}]" width="120"></canvas>
                            <div class="inside-donut-chart-label">
                              <strong>{{$clients}}</strong><span>Inscrits</span>
                            </div>
                        </div>
                        <div class="el-legend condensed">
                            <div class="row">
                                <div class="col-auto col-xxxxl-6 ml-sm-auto mr-sm-auto">
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #5797fc;"></div>
                                        <div class="legend-value">
                                            <span>Amis ou famille</span>
                                            <div class="legend-sub-value">
                                                 {{$amis_famille}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #7e6fff;"></div>
                                        <div class="legend-value">
                                            <span>Facebook</span>
                                            <div class="legend-sub-value">
                                                 {{$facebook}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #ff0000;"></div>
                                        <div class="legend-value">
                                            <span>Instagram</span>
                                            <div class="legend-sub-value">
                                                 {{$instagram}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #ffcc29;"></div>
                                        <div class="legend-value">
                                            <span>Pinterest</span>
                                            <div class="legend-sub-value">
                                                 {{$pinterest}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #f37070;"></div>
                                        <div class="legend-value">
                                            <span>Médias</span>
                                            <div class="legend-sub-value">
                                                {{$medias}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="col-sm-6 d-none d-xxxxl-block">
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #00c5ff;"></div>
                                        <div class="legend-value">
                                            <span>Blogs</span>
                                            <div class="legend-sub-value">
                                                 {{$blogs}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #e83e8c;"></div>
                                        <div class="legend-value">
                                            <span>Presse</span>
                                            <div class="legend-sub-value">
                                                {{$presse}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #4ecc48;"></div>
                                        <div class="legend-value">
                                            <span>Recherche internet</span>
                                            <div class="legend-sub-value">
                                                 {{$recherche_internet}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #a24b02;"></div>
                                        <div class="legend-value">
                                            <span>Autres</span>
                                            <div class="legend-sub-value">
                                                 {{$autres}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                    <div class="legend-value-w">
                                        <div class="legend-pin legend-pin-squared" style="background-color: #fff0c5;"></div>
                                        <div class="legend-value">
                                            <span>Non répondu</span>
                                            <div class="legend-sub-value">
                                                 {{$nonrepondu}} utilisateurs
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-8">
                <div class="element-wrapper">
                    <h6 class="element-header">
                      Derniers utilisateurs connectés
                    </h6>
                    <div class="element-box">
                        <div class="table">
                            <table class="table table-lightborder">
                                <thead>
                                    <tr>
                                        <th>
                                            Prénom Nom 
                                        </th>
                                        <th>
                                            email
                                        </th>
                                        <th>
                                            Téléphone
                                        </th>
                                        <th>
                                            Type
                                        </th>
                                        <th>
                                            Dernière connexion
                                        </th>
                                        <th>
                                            Détails
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($users as $user)
                                    <tr>
                                        <td>
                                            {{$user->prenom .' '. $user->nom}}
                                        </td>
                                        <td>
                                            {{$user->email}}
                                        </td>
                                        <td class="text-right">
                                            {{$user->telephone}}
                                        </td>
                                        <td>
                                            {{$user->type}}
                                        </td>
                                        <td class="text-center">
                                            {{$user->last_connected_at}}
                                        </td>
                                        <td class="row-actions">
                                            @if($user->type == 'client')
                                            <a href="{{ route('admin.users.details', $user->id ) }}"><i class="os-icon os-icon-user-male-circle2"></i></a> @elseif($user->type == 'designer')
                                            <a target="_blank" href="{{ route('admin.architectes.getprofile', $user->id ) }}"><i class="os-icon os-icon-user-male-circle2"></i></a> @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection