@extends('admin.layouts.app')

@section('head')
    <title>DASHBOARD</title>
@endsection
<div class="main-content">
    <!-- Dashboard Section -->
    <div id="dashboard" class="content-section active">
        <div class="row mb-4">
            <div class="col-12">
                <h2 class="mb-0">Dashboard</h2>
                <p class="text-muted">Selamat datang di Azelyn cake shop</p>
            </div>
        </div>

        <!-- Stats Cards -->
        <div class="row mb-4">
            <div class="col-md-3 mb-3">
                <div class="card stats-card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="card-title mb-0">Total Produk</h6>
                                <h3 class="mb-0">{{ $product }} </h3>
                            </div>
                            <i class="fas fa-birthday-cake fa-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 mb-3">
                <div class="card stats-card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="card-title mb-0">Penjualan Hari Ini</h6>
                                <h3 class="mb-0">{{ $total_amount }} </h3>
                            </div>
                            <i class="fas fa-chart-line fa-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 mb-3">
                <div class="card stats-card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="card-title mb-0">Order Aktif</h6>
                                <h3 class="mb-0">{{ $orders }}</h3>
                            </div>
                            <i class="fas fa-shopping-cart fa-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 mb-3">
                <div class="card stats-card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="card-title mb-0">Pelanggan</h6>
                                <h3 class="mb-0">{{ $users }} </h3>
                            </div>
                            <i class="fas fa-users fa-2x opacity-75"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>