<div class="col-12 col-lg-6 col-xl">
    <!-- Value  -->
    <div class="card">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col">

                    <!-- Title -->
                    <h6 class="text-uppercase text-muted mb-2">
                        Inventory
                    </h6>

                    <!-- Heading -->
                    <span class="h2 mb-0">
                      0
                    </span>

                    <!-- Badge -->
                    <span class="badge badge-soft-success mt-n1">
                      new: 0
                    </span>
                </div>
                <div class="col-auto">
                    <!-- Icon -->
                    <span class="h2 fe fe-users text-muted mb-0"></span>

                </div>
            </div> <!-- / .row -->
        </div>
    </div>

</div>
<div class="col-12 col-lg-6 col-xl">

    <!-- Hours -->
    <div class="card">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col">
                    <!-- Title -->
                    <h6 class="text-uppercase text-muted mb-2">
                        Sales
                    </h6>

                    <!-- Heading -->
                    <span class="h2 mb-0">
                      0.00
                    </span>

                </div>
                <div class="col-auto">

                    <!-- Icon -->
                    <span class="h2 fe fe-briefcase text-muted mb-0"></span>

                </div>
            </div> <!-- / .row -->
        </div>
    </div>

</div>
<div class="col-12 col-lg-6 col-xl">

    <!-- Exit -->
    <div class="card">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col">

                    <!-- Title -->
                    <h6 class="text-uppercase text-muted mb-2">
                        Orders
                    </h6>

                    <!-- Heading -->
                    <span class="h2 mb-0">
                     0
                    </span>

                </div>
                <div class="col-auto">

                    <!-- Chart -->
                {{--<div class="chart chart-sparkline">--}}
                {{--<canvas class="chart-canvas" id="sparklineChart"></canvas>--}}
                {{--</div>--}}
                <!-- Icon -->
                    <span class="h2 fe fe-briefcase text-muted mb-0"></span>

                </div>
            </div> <!-- / .row -->
        </div>
    </div>
</div>
<div class="col-12 col-lg-6 col-xl">
    <!-- Time -->
    <div class="card">
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col">

                    <!-- Title -->
                    <h6 class="text-uppercase text-muted mb-2">
                        Orders
                    </h6>

                    <!-- Heading -->
                    <span class="h2 mb-0">
                     0
                    </span>

                </div>
                <div class="col-auto">

                    <!-- Icon -->
                    <span class="h2 fe fe-clock text-muted mb-0"></span>

                </div>
            </div> <!-- / .row -->
        </div>
    </div>

</div>

@include('members.sales')