@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, #6614b3 0%, #b31db0 100%) !important;">
                            
                            <div class="quick-category-content">
                                <h3 class="cl-white"><i class="las la-rupee-sign"></i> {{$tr_upi_add_money}}</h3>
                                <p class="font-17 cl-white">Upi Add Money</p>
                            </div>
                        </a>
                    </div>
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget dashboard-table">
                            <div class="widget-heading">
                                <h5 class="">Recent 5 Transaction</h5>
                            </div>
                            <div class="widget-content">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th><div class="text-center">#</div></th>
                                                <th><div class="text-left">Transaction Details</div></th>
                                                <th><div class="text-center">Order Id</div></th>
                                                <th><div class="text-center">Operator Id</div></th>
                                                <th><div class="text-center">Status</div></th>
                                                <th><div class="text-center">Amount</div></th>
                                                <th><div class="text-center">Total Amount</div></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($tranaction_reports as $list)
                                            <tr>
                                                <td class="text-center"><h6>{{$list->id}}</h6></td>
                                                <td >
                                                    <h6>{{$list->created_at}}</h6>
                                                    <h6>Number : {{$list->number}}</h6>
                                                    <h6>{{strtoupper(\App\Models\Service::find($list->service_id)->service_name)}} - {{strtoupper(\App\Models\Provider::find($list->provider_id)->provider_name)}} - {{$list->path}}
                                                </td>
                                                <td class="text-center"><h6>{{$list->order_id}}</h6></td>
                                                <td><h6>{{$list->operator_id}}</td>
                                                <td class="text-center">
                                                    @if($list->status=="Success")
                                                    <span class="badge badge-success">{{$list->status}}</span>
                                                    @elseif($list->status=="Failed")
                                                    <span class="badge badge-danger">{{$list->status}}</span>
                                                    @elseif($list->status=="Under Process"||$list->status=="Pending")
                                                    <span class="badge badge-warning">{{$list->status}}</span>
                                                    @elseif($list->status=="Refunded")
                                                    <span class="badge badge-secondary">{{$list->status}}</span>
                                                    @else
                                                    <span class="badge badge-primary">{{$list->status}}</span>
                                                    @endif  
                                                </td>
                                                <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->amount}}</h6></td>  
                                                <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->total_amount}}</h6></td>
                                                       
                                            </tr>
                                            @endforeach  
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget dashboard-table">
                            <div class="widget-heading">
                                <h5 class="">Recent 5 Fund Request</h5>
                            </div>
                            <div class="widget-content">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th><div class="text-center">#</div></th>
                                                <th><div class="text-left">Order Details</div></th>
                                                <th><div class="text-center">Remark</div></th>
                                                <th><div class="text-center">Amount</div></th>
                                                <th><div class="text-center">Status</div></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($fund_request as $list)
                                                <tr>
                                                    <td>{{$list->id}}</td>
                                                    
                                                    <td>
                                                        <h6 style="color: #5c1ac3;"> Date : {{$list->created_at}} </h6>
                                                        <h6>Order Id : {{$list->order_id}} </h6>
                                                        <h6>UTR : {{$list->transaction_number}} </h6>
                                                        <h6>Mode : {{$list->transfer_mode}} </h6>
                                                    </td>
                                                    <td>
                                                        @if($list->decision_by==0)
                                                            <h6>-</h6>
                                                        @else
                                                          <h6>{{ $list->decision_remark }}</h6>
                                                        @endif
                                                    </td>
                                                    <td><h6><i class="las la-rupee-sign"> {{$list->amount}}</h6></td>
                                                    @if($list->status=="Transferred")                                                           
                                                    <td><span class="badge badge-success">{{$list->status}}</span></td>
                                                    @elseif($list->status=="Rejected")
                                                    <td><span class="badge badge-danger">{{$list->status}}</span></td>
                                                    @else
                                                    <td><span class="badge badge-warning">{{$list->status}}</span></td>
                                                    @endif  
                                                </tr>
                                            @endforeach  
                                            </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget dashboard-table">
                            <div class="widget-heading">
                                <h5 class="">Recent 5 Fund Reports</h5>
                            </div>
                            <div class="widget-content">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th><div class="text-center">#</div></th>
                                                <th><div class="text-left">Order Details</div></th>
                                                <th><div class="text-center">Type</div></th>
                                                <th><div class="text-center">Amount</div></th>
                                                <th><div class="text-center">Remark</div></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @foreach ($fund_reports as $list)
                                            <tr>
                                                <td>{{$list->id}}</td>
                                                
                                                <td>
                                                    <h6 style="color: #5c1ac3;"> Date : {{$list->created_at}} </h6>
                                                    <h6>Order Id : {{$list->order_id}} </h6>
                                                    <span class="badge badge-info">
                                                    {{$list->transaction_type}}</span>
                                                </td>
                                                @if($list->fund_type=="Credit")                                                           
                                                <td><span class="badge badge-success">{{$list->fund_type}}</span></td>
                                                @else
                                                <td><span class="badge badge-danger">{{$list->fund_type}}</span></td>
                                                @endif
                                                <td><h6><i class="las la-rupee-sign"> {{$list->total_amount}}</h6></td>
                                                <td><h6>{{$list->remark}}</h6></td>
                                            </tr>
                                        @endforeach  
                                        </tbody>
                                    </table>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    </div>
            @endsection