@extends('model')
@section('title_page',"Tableau de bord")
@section('content')
    {{-- @dd($Utilisateur); --}}
    <div class="row">
        <div class="col-xl-12 respo col-xxl-12 col-lg-12">
            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="icon-box icon-box-lg bg-success-light rounded-circle">
                                    <svg width="46" height="46" viewBox="0 0 46 46" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M22.9715 29.3168C15.7197 29.3168 9.52686 30.4132 9.52686 34.8043C9.52686 39.1953 15.6804 40.331 22.9715 40.331C30.2233 40.331 36.4144 39.2328 36.4144 34.8435C36.4144 30.4543 30.2626 29.3168 22.9715 29.3168Z"
                                            stroke="#3AC977" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M22.9714 23.0537C27.7304 23.0537 31.5875 19.1948 31.5875 14.4359C31.5875 9.67694 27.7304 5.81979 22.9714 5.81979C18.2125 5.81979 14.3536 9.67694 14.3536 14.4359C14.3375 19.1787 18.1696 23.0377 22.9107 23.0537H22.9714Z"
                                            stroke="#3AC977" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                    </svg>
                                </div>
                                <div class="total-projects ms-3">
                                    <h3 class="text-success count">{{ $Utilisateur }}</h3>
                                    <span>Nombre utilisateurs</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="icon-box icon-box-lg bg-primary-light rounded-circle">
                                    <svg width="46" height="46" viewBox="0 0 46 46" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M32.8961 26.5849C34.1612 26.5849 35.223 27.629 35.0296 28.8783C33.8947 36.2283 27.6026 41.6855 20.0138 41.6855C11.6178 41.6855 4.8125 34.8803 4.8125 26.4862C4.8125 19.5704 10.0664 13.1283 15.9816 11.6717C17.2526 11.3579 18.5553 12.252 18.5553 13.5605C18.5553 22.4263 18.8533 24.7197 20.5368 25.9671C22.2204 27.2145 24.2 26.5849 32.8961 26.5849Z"
                                            stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M41.1733 19.2019C41.2739 13.5059 34.2772 4.32428 25.7509 4.48217C25.0877 4.49402 24.5568 5.04665 24.5272 5.70783C24.3121 10.3914 24.6022 16.4605 24.764 19.2118C24.8134 20.0684 25.4864 20.7414 26.341 20.7907C29.1693 20.9526 35.4594 21.1736 40.0759 20.4749C40.7035 20.3802 41.1634 19.8355 41.1733 19.2019Z"
                                            stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                    </svg>

                                </div>
                                <div class="total-projects ms-3">
                                    <h3 class="text-primary count">{{ $AttestionValide }}</h3>
                                    <span>Nombre attestation activée</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="icon-box icon-box-lg bg-purple-light rounded-circle">
                                    <svg width="46" height="46" viewBox="0 0 46 46" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M22.9717 41.0539C22.9717 41.0539 37.3567 36.6983 37.3567 24.6908C37.3567 12.6814 37.878 11.7439 36.723 10.5889C35.5699 9.43391 24.858 5.69891 22.9717 5.69891C21.0855 5.69891 10.3736 9.43391 9.21863 10.5889C8.0655 11.7439 8.58675 12.6814 8.58675 24.6908C8.58675 36.6983 22.9717 41.0539 22.9717 41.0539Z"
                                            stroke="#BB6BD9" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path d="M26.4945 26.4642L19.4482 19.4179" stroke="#BB6BD9" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path d="M19.4487 26.4642L26.495 19.4179" stroke="#BB6BD9" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                </div>
                                <div class="total-projects ms-3">
                                    <h3 class="text-purple count">{{ $AttestionReatribue }}</h3>
                                    <span>Nombre attestation désactivée</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="icon-box icon-box-lg bg-danger-light rounded-circle">
                                    <svg width="46" height="46" viewBox="0 0 46 46" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M34.0396 20.974C36.6552 20.6065 38.6689 18.364 38.6746 15.6471C38.6746 12.9696 36.7227 10.7496 34.1633 10.3296"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path
                                            d="M37.4912 27.262C40.0243 27.6407 41.7925 28.5276 41.7925 30.3557C41.7925 31.6139 40.96 32.4314 39.6137 32.9451"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M22.7879 28.0373C16.7616 28.0373 11.6147 28.9504 11.6147 32.5973C11.6147 36.2423 16.7297 37.1817 22.7879 37.1817C28.8141 37.1817 33.9591 36.2779 33.9591 32.6292C33.9591 28.9804 28.846 28.0373 22.7879 28.0373Z"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M22.7876 22.8325C26.742 22.8325 29.9483 19.6281 29.9483 15.6719C29.9483 11.7175 26.742 8.51123 22.7876 8.51123C18.8333 8.51123 15.627 11.7175 15.627 15.6719C15.612 19.6131 18.7939 22.8194 22.7351 22.8325H22.7876Z"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path
                                            d="M11.5344 20.974C8.91691 20.6065 6.90504 18.364 6.89941 15.6471C6.89941 12.9696 8.85129 10.7496 11.4107 10.3296"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                        <path
                                            d="M8.0825 27.262C5.54937 27.6407 3.78125 28.5276 3.78125 30.3557C3.78125 31.6139 4.61375 32.4314 5.96 32.9451"
                                            stroke="#FF5E5E" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round"></path>
                                    </svg>
                                </div>
                                <div class="total-projects ms-3">
                                    <h3 class="text-danger count"> {{ $AttestionTotal }} </h3>
                                    <span>Nombre attestation total</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body p-0">
                            <div class="table-responsive active-projects">
                                <div class="tbl-caption d-flex justify-content-between align-items-center">
                                    <h4 class="heading mb-0">Liste des attestations récentes </h4>
                                    <a href="{{ url("/Attestation")}}" class="btn btn-light btn-xs">Voir plus <span class="btn-icon-end"><i
                                        class="fa fa-eye"></i></span>
                                    </a>
                                </div>
                                <table id="projects-tbl" class="table">
                                    <thead>
                                        <tr>
                                            <th>Référence</th>
                                            <th>Titulaire</th>
                                            <th>Opération</th>
                                            <th>Statut</th>
                                            <th>Date d'ajout</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($AttestionLast5 as $item)
                                            <tr>
                                                <td> {{ $item['reference'] }} </td>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        {{-- <img src="images/contacts/pic1.jpg"
                                                            class="avatar avatar-md rounded-circle" alt=""> --}}
                                                        <p class="mb-0 ms-2">{{ $item['nom'] . ' ' . $item['prenoms'] }}
                                                        </p>
                                                    </div>
                                                </td>
                                                <td class="pe-0">
                                                    {{ $item['nom_lotissement'] }}
                                                </td>
                                                <td class="pe-0">
                                                    <span
                                                        class="badge light {{ $item['statut'] == 1 ? 'badge-success' : ($item['statut'] == 2 ? 'badge-secondary' : '') }} text-uppercase"
                                                        style="width: 110px;">
                                                        <i
                                                            class="fa fa-circle  {{ $item['statut'] == 1 ? 'text-success' : ($item['statut'] == 2 ? 'text-secondary' : '') }} me-1"></i>

                                                        {{ $item['statut'] == 1 ? 'ACTIF' : ($item['statut'] == 2 ? 'désactivé' : '') }}
                                                    </span>
                                                </td>
                                                <td class="">
                                                    {{ date_format(date_create($item['created_at']), 'd/m/Y H:i:s') }}
                                                </td>

                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="col-xl-2 respo col-xxl-3 col-lg-4">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card my-calendar">
                        <div class="card-body schedules-cal p-2">
                            <input type="text" class="form-control d-none" id="datetimepicker1">

                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="card-media">
                        <img src="{{asset("asset/images/p2.gif")}}" alt="">
                    </div>
                </div>
            </div>
        </div> --}}
    </div>
@endsection

@section('script')
@endsection