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

@endsection

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

        <div class="row">
             
            
            <!-- ./col -->
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>  {{$countcoliliv}}</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>
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-orange">
                    <div class="inner">
                        <h3>{{$countcolilivrer}}</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>{{$countcolipayer}}</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>

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