@extends("layouts.index")
{{-- @php
    dd(getAccess())
@endphp --}}
@section("contents")
<div class="row justify-content-center">
    <div class="col-12">
        <!-- <h2>Section title</h2> -->
        <h2 class="h5 page-title">Synthèse des activités </h2>
        <p class="text-muted">Vue minimal sur les récentes activitées</p>
        <!-- info small box -->
        @if (in_array("admin", getAccess()))
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <span class="h2 mb-0">{{monthlyIncome()}} Fcfa</span>
                                    <p class="small text-muted mb-0 "><strong>Revenus mensuelles estimé</strong></p>
                                    {{-- <span class="badge badge-pill badge-success">+15.5%</span> --}}
                                </div>
                                <div class="col-auto">
                                    <span class="fe fe-32 fe-shopping-bag text-muted mb-0"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    {{-- <span class="h2 mb-0">0 Fcfa</span> --}}
                                    <span class="h2 mb-0">{{countOrder()}} </span>
                                    <p class="small text-muted mb-0"><strong>Ventes mensuelles</strong></p>
                                </div>
                                <div class="col-auto">
                                    <span class="fe fe-32 fe-shopping-cart text-muted mb-0"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <span class="h2 mb-0">{{ clientCount() }}</span>
                                    <p class="small text-muted mb-0"><strong>Clients</strong></p>
                                </div>
                                <div class="col-auto">
                                    <span class="fe fe-32 fe-users text-muted mb-0"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <span class="h2 mb-0">{{ personalCount() }}</span>
                                    <p class="small text-muted mb-0"><strong>Personnels</strong></p>
                                </div>
                                <div class="col-auto">
                                    <span class="fe fe-32 fe-users text-muted mb-0"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-xl-6 mb-4">
                    <div class="card shadow">
                        <div class="card-header">
                            <span class="card-title"><strong>Revenu d'aujourd'hui</strong></span>
                            <a class="float-right small text-muted" href="#!"><i class="fe fe-more-vertical fe-12"></i></a>
                        </div>
                        <div class="card-body my-n2">
                            <div class="d-flex">
                                <div class="flex-fill">
                                    <h4 class="mb-0">{{todayIncome()}} Fcfa</h4>
                                </div>
                                {{-- <div class="flex-fill text-right">
                                    <p class="mb-0 small">+20%</p>
                                    <p class="text-muted mb-0 small">Estimable</p>
                                </div> --}}
                            </div>
                        </div> <!-- .card-body -->
                    </div> <!-- .card -->
                </div> <!-- .col -->
                <div class="col-md-6 col-xl-6 mb-4">
                    <div class="card shadow mb-4">
                        <div class="card-header">
                            <span class="card-title"><strong>Revenu d'hier</strong></span>
                            <a class="float-right small text-muted" href="#!"></a>
                            {{-- <a class="float-right small text-muted" href="#!"><span>+1.8%</span></a> --}}
                        </div>
                        <div class="card-body my-n1">
                            <div class="d-flex">
                                <div class="flex-fill">
                                    <h4 class="mb-0">{{yesterdayIncome()}} Fcfa</h4>
                                </div>
                                <div class="flex-fill text-right">
                                    <span class="sparkline inlinebar"></p>
                                </div>
                            </div>
                        </div> <!-- .card-body -->
                    </div> <!-- .card -->
                </div> <!-- .col -->
                {{-- <div class="col-md-6 col-xl-2 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center my-1">
                                <div class="col">
                                    <h4 class="mb-0">0%</h4>
                                    <p class="small text-muted mb-0"><strong>Marge bénéfice</strong></p>
                                </div>
                                <div class="col-5">
                                    <div id="gauge2" class="gauge-container"></div>
                                </div>
                            </div>
                        </div> <!-- .card-body -->
                    </div> <!-- .card -->
                </div> <!-- .col --> --}}
            </div>
            <div class="row">
                <div class="col-md-4 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <small class="text-muted mb-1"><strong>Stock disponible</strong></small>
                                    <h3 class="card-title mb-0">{{ stockTotal() }}</h3>
                                    <p class="small text-muted mb-0">
                                        <span class="fe fe-arrow-up fe-12 text-success"></span><span>+0 semaine passée</span>
                                    </p>
                                </div>
                                <div class="col-4 text-right">
                                    <span class="inlinepie"></span>
                                </div>
                            </div> <!-- /. row -->
                        </div> <!-- /. card-body -->
                    </div> <!-- /. card -->
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <small class="text-muted mb-1"><strong>Utilisateur Total</strong></small>
                                    <h3 class="card-title mb-0">{{ userTotal() }}</h3>
                                    <p class="small text-muted mb-0">
                                        <span class="fe fe-circle fe-12 text-success"></span>
                                    </p>
                                </div>
                                <div class="col-4 text-right">
                                    <span class="inlinebar"></span>
                                </div>
                            </div> <!-- /. row -->
                        </div> <!-- /. card-body -->
                    </div> <!-- /. card -->
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card shadow">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col">
                                    <small class="text-muted mb-1"><strong>Utilisateur actif</strong></small>
                                    <h3 class="card-title mb-0">{{ userActifTotal() }}</h3>
                                    <p class="small text-muted mb-0">
                                        <span class="fe fe-arrow-up fe-12 text-success"></span>
                                    </p>
                                </div>
                                <div class="col-4 text-right">
                                    <span class="inlinebar"></span>
                                </div>
                            </div> <!-- /. row -->
                        </div> <!-- /. card-body -->
                    </div> <!-- /. card -->
                </div>
                <!-- /. col -->
            </div> 
        @endif

        <!-- end section -->

        {{-- <div class="row">
            <!-- Recent Activity -->
            <div class="col-md-12 col-lg-4 mb-4">
                <div class="card timeline shadow">
                    <div class="card-header">
                        <strong class="card-title">Recent Activity</strong>
                        <a class="float-right small text-muted" href="#!">View all</a>
                    </div>
                    <div class="card-body" data-simplebar style="height:355px; overflow-y: auto; overflow-x: hidden;">
                        {{-- <h6 class="text-uppercase text-muted mb-4">Today</h6>
                        <div class="pb-3 timeline-item item-primary">
                            <div class="pl-5">
                                <div class="mb-1"><strong>@Brown Asher</strong><span class="text-muted small mx-2">Just
                                        create new layout Index, form, table</span><strong>Tiny Admin</strong></div>
                                <p class="small text-muted">Creative Design <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div>
                        <div class="pb-3 timeline-item item-warning">
                            <div class="pl-5">
                                <div class="mb-3"><strong>@Hester Nissim</strong><span class="text-muted small mx-2">has
                                        upload new files to</span><strong>Tiny Admin</strong></div>
                                <div class="row mb-3">
                                    <div class="col"><img src="./assets/products/p1.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                    <div class="col"><img src="./assets/products/p2.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                    <div class="col"><img src="./assets/products/p3.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                    <div class="col"><img src="./assets/products/p4.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                </div>
                                <p class="small text-muted">Front-End Development <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div>
                        <div class="pb-3 timeline-item item-success">
                            <div class="pl-5">
                                <div class="mb-3"><strong>@Kelley Sonya</strong><span class="text-muted small mx-2">has
                                        commented on</span><strong>Advanced table</strong></div>
                                <div class="card d-inline-flex mb-2">
                                    <div class="card-body bg-light py-2 px-3 small rounded"> Lorem ipsum dolor sit amet,
                                        consectetur adipiscing elit. Integer dignissim nulla eu quam cursus placerat.
                                        Vivamus non odio ullamcorper, lacinia ante nec, blandit leo. </div>
                                </div>
                                <p class="small text-muted">Back-End Development <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div>
                        <h6 class="text-uppercase text-muted mb-4">Yesterday</h6>
                        <div class="pb-3 timeline-item item-warning">
                            <div class="pl-5">
                                <div class="mb-3"><strong>@Fletcher Everett</strong><span
                                        class="text-muted small mx-2">created new group for</span><strong>Tiny
                                        Admin</strong></div>
                                <ul class="avatars-list mb-3">
                                    <li>
                                        <a href="#!" class="avatar avatar-sm">
                                            <img alt="..." class="avatar-img rounded-circle"
                                                src="./assets/avatars/face-1.jpg">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#!" class="avatar avatar-sm">
                                            <img alt="..." class="avatar-img rounded-circle"
                                                src="./assets/avatars/face-4.jpg">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#!" class="avatar avatar-sm">
                                            <img alt="..." class="avatar-img rounded-circle"
                                                src="./assets/avatars/face-3.jpg">
                                        </a>
                                    </li>
                                </ul>
                                <p class="small text-muted">Front-End Development <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div>
                        <div class="pb-3 timeline-item item-success">
                            <div class="pl-5">
                                <div class="mb-3"><strong>@Bertha Ball</strong><span class="text-muted small mx-2">has
                                        commented on</span><strong>Advanced table</strong></div>
                                <div class="card d-inline-flex mb-2">
                                    <div class="card-body bg-light py-2 px-3"> Lorem ipsum dolor sit amet, consectetur
                                        adipiscing elit. Integer dignissim nulla eu quam cursus placerat. Vivamus non
                                        odio ullamcorper, lacinia ante nec, blandit leo. </div>
                                </div>
                                <p class="small text-muted">Back-End Development <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div>
                        <div class="pb-3 timeline-item item-danger">
                            <div class="pl-5">
                                <div class="mb-3"><strong>@Lillith Joseph</strong><span
                                        class="text-muted small mx-2">has upload new files to</span><strong>Tiny
                                        Admin</strong></div>
                                <div class="row mb-3">
                                    <div class="col"><img src="./assets/products/p4.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                    <div class="col"><img src="./assets/products/p1.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                    <div class="col"><img src="./assets/products/p2.jpg" alt="..."
                                            class="img-fluid rounded"></div>
                                </div>
                                <p class="small text-muted">Front-End Development <span class="badge badge-light">1h
                                        ago</span>
                                </p>
                            </div>
                        </div> 
                    </div> <!-- / .card-body -->
                </div> <!-- / .card -->
            </div> <!-- / .col-md-6 -->
            <!-- Striped rows -->
            <div class="col-md-12 col-lg-8">
                <div class="card shadow">
                    <div class="card-header">
                        <strong class="card-title">Recent Data</strong>
                        <a class="float-right small text-muted" href="#!">View all</a>
                    </div>
                    <div class="card-body my-n2">
                        {{-- <table class="table table-striped table-hover table-borderless">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>Address</th>
                                    <th>Date</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2474</td>
                                    <th scope="col">Brown, Asher D.</th>
                                    <td>Ap #331-7123 Lobortis Avenue</td>
                                    <td>13/09/2020</td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-sm dropdown-toggle more-vertical" type="button"
                                                id="dr1" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                <span class="text-muted sr-only">Action</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr1">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Remove</a>
                                                <a class="dropdown-item" href="#">Assign</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2786</td>
                                    <th scope="col">Leblanc, Yoshio V.</th>
                                    <td>287-8300 Nisl. St.</td>
                                    <td>04/05/2019</td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-sm dropdown-toggle more-vertical" type="button"
                                                id="dr2" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                <span class="text-muted sr-only">Action</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr2">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Remove</a>
                                                <a class="dropdown-item" href="#">Assign</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2747</td>
                                    <th scope="col">Hester, Nissim L.</th>
                                    <td>4577 Cras St.</td>
                                    <td>04/06/2019</td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-sm dropdown-toggle more-vertical" type="button"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <span class="text-muted sr-only">Action</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Remove</a>
                                                <a class="dropdown-item" href="#">Assign</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2639</td>
                                    <th scope="col">Gardner, Leigh S.</th>
                                    <td>P.O. Box 228, 7512 Lectus Ave</td>
                                    <td>04/08/2019</td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-sm dropdown-toggle more-vertical" type="button"
                                                id="dr4" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                <span class="text-muted sr-only">Action</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr4">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Remove</a>
                                                <a class="dropdown-item" href="#">Assign</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>2238</td>
                                    <th scope="col">Higgins, Uriah L.</th>
                                    <td>Ap #377-5357 Sed Road</td>
                                    <td>04/01/2019</td>
                                    <td>
                                        <div class="dropdown">
                                            <button class="btn btn-sm dropdown-toggle more-vertical" type="button"
                                                id="dr5" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">
                                                <span class="text-muted sr-only">Action</span>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr5">
                                                <a class="dropdown-item" href="#">Edit</a>
                                                <a class="dropdown-item" href="#">Remove</a>
                                                <a class="dropdown-item" href="#">Assign</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table> 
                    </div>
                </div>
            </div> <!-- Striped rows -->
        </div> --}}
    </div>
</div>
@endsection