@extends('library.layouts.container')

@section('content')

<div class="row">
    
    
 <div class="col-lg-12">
<section class="general-report mt-5">
    <div class="row">
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.rates')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$rates}}</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.rates_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$rates_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.orders_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$orders_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.new_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$new_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.progress_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$progress_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.delivery_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$delivery_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.finished_count')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$finished_count}}</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="items">
                <div class="top mb-3">
                    <span class="icon alert alert-warning m-0">
                        <i class="bi bi-bag-check"></i>
                    </span>
                    
                </div>

                <div class="bottom">
                    <div>
                        <p>{{__('dashboard.total')}}</p>
                        <h2 class="counter mb-0 mt-1 fnt_rpt">{{$total}}</h2>
                    </div>
                </div>
            </div>
        </div>
      
     
    </div>
</section>
</div>

</div>

@endsection

@section('inner_js')
{{--<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>--}}
<script src="{{asset('assets/admin/js/lib/Chart.min.js')}}"></script>
<!-- ------- apex chart -------------- -->
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<!-- ------- data table  -------------- -->
<script src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.23/js/dataTables.bootstrap4.min.js"></script>
<!-- ----------- datepicker ----------- -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>



@endsection