@extends('layouts.base2')

@section('content')
    <div class="row">

        <div class="col-sm-3">
            <div class="card" style="backg-round-color: #3ade9f; font-size:20px;">
                <div class="card-body text-center text-white">
                        <a class="color-text" href="{{ route('admin.droit.accueil') }}">Compte</a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                    {{ $compteUtilisateur ?? 0 }}
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card" style="backg-round-color: #234196; font-size:20px;">
                <div class="card-body text-center text-white">
                    <a class="color-text" href="{{ route('information.index') }}">{{ $informations > 1 ? "Informations" : "Information" }}</a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                    {{ $informations ?? 0 }}
                </div>
            </div>
        </div>
        <div class="col-sm-3" >
            <div class="card" style="backg-round-color: #3ade9f; font-size:20px;">
                <div class="card-body text-center text-white">
                    <a class="color-text" href="{{ route('admin.liste.validation') }}">{{ $profilEnAttenteDeValidation > 1 ? "En Attentes" : "En Attente" }}</a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                {{ $profilEnAttenteDeValidation ?? 0 }}
                </div>
            </div>
        </div>
        <div class="col-sm-3" >
            <div class="card" style="backg-round-color: #3ade9f; font-size:20px;">
                <div class="card-body text-center text-white">
                    <a class="color-text" href="{{ route('vue.liste.document') }}">Total courrier</a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                {{ $tousLesCourriers ?? 0 }}
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-3">
            <div class="card" style="backg-round-color: #3ade9f; font-size:20px;">
                <div class="card-body text-center text-white">
                    <a class="color-text" href="{{ route('evenement.index') }}">{{ $evenements > 1 ? "Evènements" : "Evènement" }} </a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                    {{ $evenements ?? 0 }}
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card" style="backg-round-color: #234196; font-size:20px;">
                <div class="card-body text-center text-white">
                    <a class="color-text" href="{{ route('activite.index') }}">{{ $activites > 1 ? "Activités" : "Activité" }}</a>
                </div>
                <div class="card-footer text-center text-white" style="background-color: #234196">
                    {{ $Activites ?? 0 }}
                </div>
            </div>
        </div>
    </div>
@stop