@extends('layouts.app')


@section('main')
    <section id="statistics-card">
        <div class="row match-height rounded-1">
            <div class="col-lg-4 col-sm-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <div>
                            <h2 class="fw-bolder mb-1 fs-3">
                                {{ $currencySign ." ". number_format($field->total_balance, 0) }}
                            </h2>
                            <p class="card-text">Total Balance</p>
                        </div>
                        <div class="avatar bg-light-info p-50 m-0">
                            <div class="avatar-content">
                                <i data-feather="dollar-sign" class="font-medium-5"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-lg-4 col-sm-6 col-12">
                    <div class="card">
                        <div class="card-header">
                            <div>
                                <h2 class="fw-bolder mb-1 fs-3">
                                    {{ $currencySign ." ". number_format($field->total_payin, 0) }}
                                </h2>

                                
                                <p class="card-text">Total money recieved (payins)</p>
                            </div>
                            <div class="avatar bg-light-primary p-50 m-0">
                                <div class="avatar-content">
                                    <i data-feather="arrow-left-circle" class="font-medium-5"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="card">
                        <div class="card-header">
                            <div>
                                <h2 class="fw-bolder mb-1 fs-3">
                                    {{ $currencySign ." ". number_format($field->total_payout, 0) }}
                                </h2>
                                <p class="card-text">Total money sent (payouts)</p>
                            </div>
                            <div class="avatar bg-light-warning p-50 m-0">
                                <div class="avatar-content">
                                    <i data-feather="arrow-right-circle" class="font-medium-5"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="card">
                        <div class="card-header">
                            <div>
                                <h2 class="fw-bolder mb-1 fs-3">
                                    {{ $field->num_of_total_transfers }}
                                </h2>
                                <p class="card-text">Total Transfers</p>
                            </div>
                            <div class="avatar bg-light-danger p-50 m-0">
                                <div class="avatar-content">
                                    <i data-feather="trending-up" class="font-medium-5"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="card">
                        <div class="card-header">
                            <div>
                                <h2 class="fw-bolder mb-1 fs-3">
                                    {{ $field->num_of_open_transfers }}
                                </h2>
                                <p class="card-text">Open Transfers</p>
                            </div>
                            <div class="avatar bg-light-secondary p-50 m-0">
                                <div class="avatar-content">
                                    <i data-feather="trello" class="font-medium-5"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>

     
    
    </section>
@endsection


@push('styles')
    <link rel="stylesheet" type="text/css" href="theme/app-assets/vendors/css/maps/leaflet.min.css">
    <link rel="stylesheet" type="text/css" href="theme/app-assets/css/plugins/maps/map-leaflet.css">
@endpush

@push('scripts')
    {{-- <script src="theme/app-assets/js/scripts/maps/map-leaflet.js"></script> --}}

    <script>
        toastr.options = {
        debug: false,
        positionClass: "toast-bottom-right",
        fadeIn: 300,
        fadeOut: 1000,
        timeOut: 5000,
        extendedTimeOut: 1000,
        closeButton: true,
        progressBar: true,
        };
                
    </script>
    @if (session()->has('message'))
        @if(session('message_class')=='success')
            <script>
                toastr.success('', "