@extends("admin.layouts.app")
@section("content")
    <div class="row widget-row">
        <div class="col-md-4">
            <!-- BEGIN WIDGET THUMB -->
            <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                <h4 class="widget-thumb-heading">Total Balance</h4>
                <div class="widget-thumb-wrap">
                    <div class="widget-thumb-body">

                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="2278">
                                {{$customer->getAllBalance()}}
                                </span>
                    </div>
                </div>
            </div>
            <!-- END WIDGET THUMB -->
        </div>                    <!-- BEGIN WIDGET THUMB -->
        <div class="col-md-4">
            <!-- BEGIN WIDGET THUMB -->
            <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                <h4 class="widget-thumb-heading">Current Balance</h4>
                <div class="widget-thumb-wrap">
                    <div class="widget-thumb-body">

                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="2278">
                                {{$customer->getTotalBalance()}}
                                </span>
                    </div>
                </div>
            </div>
            <!-- END WIDGET THUMB -->
        </div>                    <!-- BEGIN WIDGET THUMB -->

        <div class="col-md-4">
            <!-- BEGIN WIDGET THUMB -->
            <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                <h4 class="widget-thumb-heading">Used Balance</h4>
                <div class="widget-thumb-wrap">
                    <div class="widget-thumb-body">

                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="4147">
                                {{$customer->getUsedTotalBalance()}}
                                </span>
                    </div>
                </div>
            </div>
            <!-- END WIDGET THUMB -->
        </div>
    </div>
    <div class="portlet light bordered">
        <div class="portlet-body">
            <div class="table-scrollable">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th> Order #</th>
                        <th> Status</th>
                        <th> Amount</th>
                        <th> Use Date</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($balance_histories as $balance_history)
                        <tr>
                            <td>
                                <a href="{{route("admin.orders.show",$balance_history->order->id)}}"
                                   target="_blank">{{$balance_history->order->track_id}}</a>

                            </td>
                            <td>
                                <div class="badge"
                                     style="background: {{$balance_history->order->status->color}}">{{$balance_history->order->status->title}}</div>

                            </td>
                            <td>
                                {{$balance_history->amount}}
                                @if(!$balance_history->active)
                                    <i class="fa fa-minus" style="color:red"></i> Reversed
                                @endif

                            </td>

                            <td>
                                {{$balance_history->created_at->format("d-m-Y")}}

                            </td>
                        </tr>
                    @empty
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection