@extends('vendor.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Point Wallet</h5>
                        @if($vendor_data->point_bal > 0) 
                        <p style="color: #f4e93a;" class="mb-0">{{$vendor_data->point_bal}}</p>
                        @else
                        <p style="color: red" class="mb-0">0.00</p>                                                             
                        @endif                                                             
                    </div>
                </div>
            </div>
        </div>            
    </div>

    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Cash Wallet</h5> 
                        @if($vendor_data->cash_bal > 0) 
                        <p style="color: #f4e93a;" class="mb-0">{{$vendor_data->cash_bal}}</p>
                        @else
                        <p style="color: red" class="mb-0">0.00</p>                                                             
                        @endif                                                           
                    </div>
                </div>
            </div>
        </div>            
    </div>

    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Total Agents</h5> 
                        @if($agents == 0)
                        <p style="color: red" class="mb-0">0</p>
                        @else
                        <p style="color: #f4e93a" class="mb-0">{{$agents}}</p> @endif                                                           

                    </div>
                </div>
            </div>
        </div>            
    </div>

    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Point Sales</h5> 
                        @if($psales > 0)
                        <p style="color: #f4e93a;" class="mb-0">{{$psales}}</p>
                        @else
                        <p style="color: red" class="mb-0">0</p> @endif                                                           

                    </div>
                </div>
            </div>
        </div>            
    </div>
   
    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Total Sales</h5> 
                        @if($tsales > 0)
                        <p style="color: #f4e93a;" class="mb-0">{{$tsales}}</p>
                        @else
                        <p style="color: red" class="mb-0">0</p>
                        @endif                                                           
                    </div>
                </div>
            </div>
        </div>            
    </div>
   
    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Pending Orders</h5> 
                        @if($pend_sales > 0)
                        <p style="color: #f4e93a;" class="mb-0">{{$pend_sales}}</p>
                        @else
                        <p style="color: red" class="mb-0">0</p>
                        @endif                                                             
                    </div>
                </div>
            </div>
        </div>            
    </div>

    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Total Payout</h5> 
                        @if($payout > 0)
                        <p style="color: #f4e93a;" class="mb-0">{{$payout}}</p>
                        @else
                        <p style="color: red" class="mb-0">0</p>
                        @endif                                                           
                    </div>
                </div>
            </div>
        </div>            
    </div>


    <div class="col-lg-6 col-xl-3">
        <div class="card m-b-30">
            <div class="card-body">
                <div class="media">
                    <div class="media-body">
                        <h5 class="mb-2">Account Status</h5> 
                        @if($vendor_data->status == 0)
                        <p style="color: #9fff00;" class="mb-0">Active</p>
                        @else
                        <p class="mb-0" style="color: red">Blocked</p>
                        @endif                                                              
                    </div>
                </div>
            </div>
        </div>            
    </div>
</div>


@endsection