@extends('template.desktop.app')

@section('content')
    <div class="row g-6">
        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-primary h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-primary"><i
                                    class="icon-base ti tabler-shopping-cart-check icon-28px"></i></span>
                        </div>
                        <h4 class="mb-0">0</h4>
                    </div>
                    <p class="mb-1">Pesanan Hari ini</p>
                    <p class="mb-0">

                        <span class="fw-medium me-2 text-success">
                            +0.0%
                        </span>
                        <small class="text-body-secondary">Dibandingkan Hari kemarin</small>
                    </p>

                </div>
            </div>
        </div>
        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-warning h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-warning">
                                <i class="icon-base ti tabler-users icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">2</h4>
                    </div>
                    <p class="mb-1">Total Agen Aktif</p>


                    <p class="mb-0">
                        <span class="fw-medium me-2 text-danger">
                            -92.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-danger h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-danger">
                                <i class="icon-base ti tabler-building-warehouse icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">2</h4>
                    </div>
                    <p class="mb-1">Total Mitra Aktif</p>


                    <p class="mb-0">
                        <span class="fw-medium me-2 text-danger">
                            -92.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-info h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-info">
                                <i class="icon-base ti tabler-moneybag icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">Rp 0</h4>
                    </div>
                    <p class="mb-1">Total Pendapatan</p>


                    <p class="mb-0">
                        <span class="fw-medium me-2 text-success">
                            +0.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-success h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-success">
                                <i class="icon-base ti tabler-circle-dashed-check icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">0</h4>
                    </div>
                    <p class="mb-1">Total Pesanan Selesai</p>


                    <p class="mb-0">
                        <span class="fw-medium me-2 text-success">
                            +0.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-danger h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-danger">
                                <i class="icon-base ti tabler-arrow-back-up icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">0</h4>
                    </div>
                    <p class="mb-1">Pesanan Dikembalikan</p>


                    <p class="mb-0">
                        <span class="fw-medium me-2 text-success">
                            +0.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-primary h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-primary">
                                <i class="icon-base ti tabler-package icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">
                            0 Box, 0 Sachet
                        </h4>
                    </div>
                    <p class="mb-1">Penjualan Box</p>
                    <p class="mb-0">
                        <span class="fw-medium me-2 text-success">
                            +0.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>

                </div>
            </div>
        </div>

        <div class="col-lg-3 col-sm-6">
            <div class="card card-border-shadow-secondary h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-1">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-secondary">
                                <i class="icon-base ti tabler-user-plus icon-28px"></i>
                            </span>
                        </div>
                        <h4 class="mb-0">1</h4>
                    </div>
                    <p class="mb-1">Pelanggan Baru</p>
                    <p class="mb-0">
                        <span class="fw-medium me-2 text-success">
                            +100.0%
                        </span>
                        <small class="text-body-secondary">dibanding bulan lalu</small>
                    </p>
                </div>
            </div>
        </div>

    </div>
@endsection