@extends('admin.layout')

@section('title', 'Dashboard')

@section('content')
<!-- Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<style>
  .material-icons {
    font-size: 36px; /* Adjust icon size */
}
</style>
<div class="row">

    <!-- Total Users -->
    <div class="col-lg-3 col-sm-6 mb-3">
        <a href="#">
            <div class="card h-100">
                <div class="card-body d-flex justify-content-between align-items-center">
                    <div class="card-title mb-0">
                        <h5 class="mb-1 me-2">Total Users</h5>
                        <p class="mb-0 text-warning">{{ $stats['total_users'] }}</p>
                    </div>
                    <div class="card-icon">
                        <span class="badge bg-label-primary rounded p-2">
                            <i class="material-icons">people</i>
                        </span>
                    </div>
                </div>
            </div>
        </a>
    </div>

    <!-- Active Promotions -->
    <div class="col-lg-3 col-sm-6 mb-3">
        <div class="card h-100">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div class="card-title mb-0">
                    <h5 class="mb-1 me-2">Active Promotions</h5>
                    <p class="mb-0 text-warning">{{ $stats['active_promotions'] }}</p>
                </div>
                <div class="card-icon">
                    <span class="badge bg-label-danger rounded p-2">
                        <i class="material-icons">campaign</i>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Total Actions -->
    <div class="col-lg-3 col-sm-6 mb-3">
        <div class="card h-100">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div class="card-title mb-0">
                    <h5 class="mb-1 me-2">Total Actions</h5>
                    <p class="mb-0 text-warning">{{ $stats['total_actions'] }}</p>
                </div>
                <div class="card-icon">
                    <span class="badge bg-label-success rounded p-2">
                        <i class="material-icons">track_changes</i>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Total Credits -->
    <div class="col-lg-3 col-sm-6 mb-3">
        <div class="card h-100">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div class="card-title mb-0">
                    <h5 class="mb-1 me-2">Total Credits</h5>
                    <p class="mb-0 text-warning">{{ $stats['total_credits'] }}</p>
                </div>
                <div class="card-icon">
                    <span class="badge bg-label-warning rounded p-2">
                        <i class="material-icons">account_balance_wallet</i>
                    </span>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection