@extends('backend.layouts.app')
@section('main')
@section('title', 'Dashboard')

<div class="d-flex justify-content-between align-items-sm-center flex-column flex-sm-row mb-4">
    <div class="me-4 mb-3 mb-sm-0">
        <h4 class="mb-0">Hello, <span class="text-sm">{{ auth()->user()->name }}! </span>☺️</h6>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-xl-3">
        <div class="card bg-warning text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="me-3">
                        <div class="fw-bold">Saldo (Rp)</div>
                        @if($reseller === NULl)
                        <div class="h4 text-white">0</div>
                        @else
                        <div class="h4 text-white">{{ number_format($reseller->balance, 0, '.', '.') }}</div>
                        @endif
                    </div>
                    <i class="fas fa-warning fa-3x"></i>
                </div>
            </div>
            <div class="card-footer d-flex align-items-center justify-content-between">
                <a class="text-white stretched-link" href="/reseller/transaksi">Lihat Data</a>
                <div class="text-white"><i class="fas fa-angle-right"></i></div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-xl-3">
        <div class="card bg-danger text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="me-3">
                        <div class="fw-bold">Total Voucher</div>
                        <div class="h4 text-white">{{ $user }}</div>
                    </div>
                    <i class="fas fa-warning fa-3x"></i>
                </div>
            </div>
            <div class="card-footer d-flex align-items-center justify-content-between">
                <a class="text-white stretched-link" href="/hotspot/user">Lihat Data</a>
                <div class="text-white"><i class="fas fa-angle-right"></i></div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-xl-3">
        <div class="card bg-primary text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="me-3">
                        <div class="fw-bold">Total Komisi</div>
                        <div class="h4 text-white">{{ number_format($komisi, 0, '.', '.') }}</div>
                    </div>
                    <i class="fas fa-check-square fa-3x"></i>
                </div>
            </div>
            <div class="card-footer d-flex align-items-center justify-content-between">
                <a class="text-white stretched-link" href="/reseller/transaksi">Lihat Data</a>
                <div class="text-white"><i class="fas fa-angle-right"></i></div>
            </div>
        </div>
    </div>
    {{-- <div class="col-lg-6 col-xl-3">
        <div class="card bg-secondary text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="me-3">
                        <div class="fw-bold">Ticket GGN CLOSED</div>
                        <div class="h4 text-white"></div>
                    </div>
                    <i class="fas fa-check-square fa-3x"></i>
                </div>
            </div>
            <div class="card-footer d-flex align-items-center justify-content-between">
                <a class="text-white stretched-link" href="/ticket/ggn">Lihat Data</a>
                <div class="text-white"><i class="fas fa-angle-right"></i></div>
            </div>
        </div>
    </div> --}}
</div>

@endsection