@extends('layouts.app')

@section('content')

    <section class="banner-hero-little mb-2 bg-blue">
        <div class="banner-content-title">
            <h5 class="text-yellow">Tableau de bord</h5>
        </div>
    </section>

    @if(Auth::user()->roles_id == 2 )
        {{--<div class="container mb-5 mt-5">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="card shadow-sm">
                        <div class="card-header bg-blue text-white" align="center"><h4>Solde</h4> </div>
                        <div class="card-body" align="center">
                            <h3>{{number_format($solde, 2, ',', ' ')}} FCFA</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>--}}

        <div class="container mb-5">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <div class="card shadow-sm">
                        <div class="card-header" align="center"><h4>Statistiques</h4> </div>
                        <div class="card-body" align="center">
                            <div class="row justify-content-center">
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-header bg-blue text-white" align="center">Total Factures</div>
                                        <div class="card-body">
                                            <h5>{{$nbrFacture}}</h5> 
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-header bg-green text-white" align="center">Factures Payées</div>
                                        <div class="card-body">
                                            <h5>{{$nbrFacturePayees}}</h5> 
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-header bg-orange text-white" align="center">Factures En cours de Paiement</div>
                                        <div class="card-body">
                                            <h5>{{$nbrFacturesEnCours}}</h5> 
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-header bg-red text-white" align="center">Factures Impayées</div>
                                        <div class="card-body">
                                            <h5>{{$nbrFactureImpayees}}</h5> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection