@extends('layouts.base')
@section('content')
    <div class="layout-px-spacing">
        <div class="middle-content container-xxl p-0">
            <div class="row layout-top-spacing">
                <!-- les utilisateurs -->
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Emises</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value"> {{ $total_cartes }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Activées</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value"> {{ $carte_actives }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Désactivées</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value"> {{ $carte_desactives }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Approuvées</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value"> {{ $carte_approuves }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Expire 3 mois</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value"> {{ $cartes_a_expirer_dans_3_mois }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-card-four">
                        <div class="widget-content">
                            <div class="w-header">
                                <div class="w-info">
                                    <h6 class="value">Cartes Non Scannées</h6>
                                </div>
                            </div>
                            <div class="w-content">
                                <div class="w-info">
                                    <p class="value">{{ $totalCarteNonScanne }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection