@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">

                                </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">

                                </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">

                                </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> Amount</th>
                        <th> Customer</th>
                        <th>Latest Update</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($balances as $balance)
                        <tr>
                            <td>
                                {{$balance->total_balance}}
                            </td>
                            <td>
                                {{$balance->customer->full_name}}
                                <br>
                                {{$balance->customer->mobile}}
                            </td>

                            <td>{{ $balance->customer->balances->sortByDesc('created_at')->first()->created_at->format("d-m-Y") }}</td>

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