@extends('include.sidebar')
@section('content')
 <style>
   .cl-white {
        color: #fff!important;
    }
 </style>
            <div class="col-lg-12 layout-spacing">
                <div class="row layout-top-spacing">
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background-image: linear-gradient(to right, #317b64 0%, #3eb17e 100%) !important;">
                            <div class="quick-category-head">
                                <span class="quick-category-icon qc-success-teal rounded-circle">
                                    <i class="las la-check"></i>
                                </span>
                                <div class="ml-auto">
                                    <div class="quick-comparison qcompare-success">
                                        <span>{{$tr_success_cont}}</span>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i>{{$tr_success_amount}}</h3>
                                <p class="font-17 cl-white mb-0">Success</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background-image: linear-gradient(to right, #a36811 0%, #e2a03f 100%) !important;">
                            <div class="quick-category-head">
                                <span class="quick-category-icon qc-warning rounded-circle">
                                    <i class="las la-sync"></i>
                                </span>
                                <div class="ml-auto">
                                    <div class="quick-comparison qc-warning">
                                        <span>{{$tr_pending_cont}}</span>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i>{{$tr_pending_amount}}</h3>
                                <p class="font-17 cl-white mb-0">Pending</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background-image: linear-gradient(to right, #ad1e2b 0%, #dc3545 100%) !important;">
                            <div class="quick-category-head">
                                <span class="quick-category-icon qcompare-danger rounded-circle">
                                    <i class="las la-times"></i>
                                </span>
                                <div class="ml-auto">
                                    <div class="quick-comparison qcompare-danger">
                                        <span>{{$tr_failed_cont}}</span>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_failed_amount}}</h3>
                                <p class="font-17 cl-white mb-0">Failed</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background-image: linear-gradient(to right, #5216af 0%, #7a4ebe 100%) !important;">
                            <div class="quick-category-head">
                                <span class="quick-category-icon qc-secondary rounded-circle">
                                    <i class="las la-university"></i>
                                </span>
                                <div class="ml-auto">
                                    <div class="quick-comparison qc-secondary">
                                        <span>{{$tr_refund_cont}}</span>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_refund_amount}}</h3>
                                <p class="font-17 cl-white mb-0">Refund</p>
                            </div>
                        </a>
                    </div>

                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background: linear-gradient(to left, #c13768 0%, #dc9235 100%) !important;">
                            
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_pending_amount + $tr_success_amount}}</h3>
                                <p class="font-17 cl-white">Total Amount</p>
                            </div>
                        </a>
                    </div>
                    
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background: linear-gradient(to left, #1b55e2 0%, #5c1ac3 100%) !important;">
                           
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_commission}}</h3>
                                <p class="font-17 cl-white">Commission</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background: linear-gradient(to left, #0e7024 0%, #5a8913 100%) !important;">
                            
                            <div class="quick-category-content" >
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_receive_money}}</h3>
                                <p class="font-17 cl-white">Receive Money</p>
                            </div>
                        </a>
                    </div>
                    
                    
                    
                       <div class="col-xl-3 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <a class="widget quick-category" style="background: linear-gradient(to left, #0EC9DC 0%, #0EC9DC 100%) !important;">
                            
                            <div class="quick-category-content" >
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i>