@extends('admin.layout')
@section('titre')

@endsection

@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="row">
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-dark">
                    <div class="inner">
                        <h3>{{$colistotal}}</h3>
                        <p>Total</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-android-sync"></i>
                    </div>
                    <a href="{{route('listecolis','0')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{$countenattente}}</h3>

                        <p>en attente</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-android-sync"></i>
                    </div>
                    <a   href="{{route('listecolis','1')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-teal">
                    <div class="inner">
                        <h3>{{$countendepot}}</h3>

                        <p>en depot</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-home"></i>
                    </div>
                    <a  href="{{route('listecolis','2')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>  {{$countenlivraison}}</h3>

                        <p>en livraison</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-truck"></i>
                    </div>
                    <a  href="{{route('listecolis','3')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-pink">
                    <div class="inner">
                        <h3>{{$countretourdepot}}</h3>

                        <p>retour depot</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-arrow-left"></i>
                    </div>
                    <a  href="{{route('listecolis','4')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-orange">
                    <div class="inner">
                        <h3>{{$countlivre}}</h3>

                        <p>Livré</p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-truck-loading"></i>
                    </div>
                    <a  href="{{route('listecolis','5')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{$countpaye}}</h3>

                        <p>Payé</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-money-bill-wave"></i>
                    </div>
                    <a  href="{{route('listecolis','6')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-danger">
                    <div class="inner">
                        <h3>{{$countretourdefinitif}}</h3>

                        <p>retour definitif</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-arrow-left"></i>
                    </div>
                    <a  href="{{route('listecolis','7')}}" class="small-box-footer">Afficher <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
            <!-- ./col -->
        </div>

    </div><!-- /.container-fluid -->
</section>
@endsection