@extends('admin.layouts.app')

@push('styles')
    <style>
        .card {
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .08);
            box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .08);
            border: none;
            margin-bottom: 30px;
        }
        .card {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid rgba(0, 0, 0, .125);
            border-radius: .25rem;
        }
        .card-block {
            padding: 1.25rem;
        }
        .align-items-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }
        .card .card-footer {
            background-color: #fff;
            border-top: none;
        }
        .card-footer:last-child {
            border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
        }
        .bg-c-yellow {
            background: -webkit-gradient(linear, left top, right top, from(#ed5818), to(#c2430c));
            background: linear-gradient(to right, #ed5818, #c2430c);
        }
        .bg-c-green {
            background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3));
            background: linear-gradient(to right, #0ac282, #0df3a3);
        }
        .bg-c-pink {
            background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d));
            background: linear-gradient(to right, #fe5d70, #fe909d);
        }
        .bg-c-blue {
            background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
            background: linear-gradient(to right, #01a9ac, #01dbdf);
        }
        .bg-c-one {
            background: -webkit-gradient(linear, left top, right top, from(#1c2568), to(#1774f5));
            background: linear-gradient(to right, #1c2568, #1774f5);
        }
        .bg-c-two {
            background: -webkit-gradient(linear, left top, right top, from(#811a9f), to(#a205bf));
            background: linear-gradient(to right, #811a9f, #a205bf);
        }
        .bg-c-three {
            background: -webkit-gradient(linear, left top, right top, from(#d80c3e), to(#af0e4d));
            background: linear-gradient(to right, #d80c3e, #af0e4d);
        }
        .bg-c-four {
            background: -webkit-gradient(linear, left top, right top, from(#2a6702), to(#32b30a));
            background: linear-gradient(to right, #2a6702, #32b30a);
        }
        .bg-c-five {
            background: -webkit-gradient(linear, left top, right top, from(#F44336), to(#F44336));
            background: linear-gradient(to right, #F44336, #F44336);
        }
        .bg-c-six {
            background: -webkit-gradient(linear, left top, right top, from(#ed5818), to(#c2430c));
            background: linear-gradient(to right, #010101, #040404);
        }
        .bg-c-seven {
            background: -webkit-gradient(linear, left top, right top, from(#827c7c), to(#8b8b8b));
            background: linear-gradient(to right, #827c7c, #8b8b8b);
        }
        .bg-c-eight {
            background: -webkit-gradient(linear, left top, right top, from(#009688), to(#0d7a70));
            background: linear-gradient(to right, #009688, #0d7a70);
        }
        .card-footer {
            padding: .75rem 1.25rem;
            background-color: rgba(0, 0, 0, .03);
            border-top: 1px solid rgba(0, 0, 0, .125);
        }
        .m-b-0 {
            margin-bottom: 0;
        }
        .text-white {
            color: #fff !important;
        }
        .f-16 {
            font-size: 16px;
        }
        .f-28 {
            font-size: 28px;
        }
        .title_h4{
            font-size: 15px;
        }
    </style>
@endpush
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->
    <!-- end page title end breadcrumb -->
    <div class="row">
        @can('dashboard')
        <div class="col-lg-12">
            <div class="row">

                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['todaySale']) }}</h4>
                                    <h6 class="text-muted m-b-0">Today's Sale</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('sale.list') }}">
                            <div class="card-footer bg-c-yellow">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Sale</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['todayCashSale']) }}</h4>
                                    <h6 class="text-muted m-b-0">Today's Cash Sale</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.cashbook_only_cash',['start_date'=>date('Y-m-d'),'end_date'=>date('Y-m-d')]) }}">
                            <div class="card-footer" style="background-color: rgb(121 134 69);">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Cash Sale</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['todayDueSale']) }}</h4>
                                    <h6 class="text-muted m-b-0">Today's Due Sale</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.sale_report') }}">
                            <div class="card-footer" style="background-color: #db2065;">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Due Sale</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['todayExpense']) }}</h4>
                                    <h6 class="text-muted m-b-0">Today's Expense</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.transaction') }}">
                            <div class="card-footer" style="background-color: #138d75;">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Expense</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">{{ $data['todaySaleQuantitySet1'] }} (Set1)</h4>
                                    <h6 class="text-muted m-b-0">Today's Sale Qty</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer" style="background-color: #0b51b7;">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <p class="text-white m-b-0">Sale Quantity</p>
                                </div>
                                <div class="col-3 text-right">
                                    <i class="ti ti-trending-up text-white f-16"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">{{ $data['todaySaleQuantitySet4'] }} (Set4)</h4>
                                    <h6 class="text-muted m-b-0">Today's Sale Qty</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer" style="background-color: rgb(160 35 52);">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <p class="text-white m-b-0">Sale Quantity</p>
                                </div>
                                <div class="col-3 text-right">
                                    <i class="ti ti-trending-up text-white f-16"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4" style="font-size: 14px;">{{ $data['totalStockQuantitySet4'] }} Set(4) / {{ $data['totalStockQuantitySet1'] }} Set(1)</h4>
                                    <h6 class="text-muted m-b-0">Total Stock Qty</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.stock_report',['warehouse'=>0,'date'=>date('Y-m-d')]) }}">
                            <div class="card-footer bg-c-two">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Stock Quantity</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4" style="font-size: 12px;">৳ {{ $data['totalStockValueSet1'] }} (Set1)<br/>৳ {{ $data['totalStockValueSet4'] }} (Set4)</h4>
                                    <h6 class="text-muted m-b-0">Total Stock Value</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.stock_report',['warehouse'=>0,'date'=>date('Y-m-d')]) }}">
                            <div class="card-footer" style="background-color: rgb(201 104 104);">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Stock Value</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4" style="font-size: 12px;">৳ {{ number_format($data['totalStockValueSet1'] + $data['totalStockValueSet4'],2) }}</h4>
                                    <h6 class="text-muted m-b-0">Total Stock Value</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.stock_report',['warehouse'=>0,'date'=>date('Y-m-d')]) }}">
                            <div class="card-footer" style="background-color: rgb(201 104 104);">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Stock Value</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['cashInHand']) }}</h4>
                                    <h6 class="text-muted m-b-0">Cash in Hand</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.cashbook_only_cash',['start_date'=>date('Y-m-d'),'end_date'=>date('Y-m-d')]) }}">
                            <div class="card-footer" style="background-color: #2a6a02;">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Cash</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['bankCash']) }}</h4>
                                    <h6 class="text-muted m-b-0">Bank Cash</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('bank.list') }}">
                            <div class="card-footer bg-c-five">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Bank Cash</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['receivedByBank']) }}</h4>
                                    <h6 class="text-muted m-b-0">Today's Rec. Bank</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.cashbook_only_bank',['start_date'=>date('Y-m-d'),'end_date'=>date('Y-m-d')]) }}">
                            <div class="card-footer" style="background-color: rgb(54 186 152);">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Received by Bank</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">৳ {{ \App\Helpers\Helper::number_bn_format($data['allDue']) }}</h4>
                                    <h6 class="text-muted m-b-0">All Due</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.client_due_report') }}">
                            <div class="card-footer" style="background-color: #cb7323;">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Due</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">{{ $data['todayReturnQuantity'] }} (Pcs)</h4>
                                    <h6 class="text-muted m-b-0">Today's Return Qty</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('report.return_exchange_summery') }}">
                            <div class="card-footer" style="background-color: #1e3c58;">
                                <div class="row align-items-center">
                                    <div class="col-9">
                                        <p class="text-white m-b-0">Return Quantity</p>
                                    </div>
                                    <div class="col-3 text-right">
                                        <i class="ti ti-trending-up text-white f-16"></i>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card">
                        <div class="card-block">
                            <div class="row align-items-center">
                                <div class="col-8">
                                    <h4 class="text-c-yellow f-w-600 title_h4">{{ $data['totalSmsSend'] }}</h4>
                                    <h6 class="text-muted m-b-0">Total Sms Send</h6>
                                </div>
                                <div class="col-4 text-right">
                                    <i class="ti ti-chart-bar f-28"></i>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer" style="background-color: rgb(34 123 148);">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <p class="text-white m-b-0">Sms Send</p>
                                </div>
                                <div class="col-3 text-right">
                                    <i class="ti ti-trending-up text-white f-16"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 

            </div>
            <!--end row-->

        </div>
        @endcan
        <!--end col-->
    </div>
    <!--end row-->

    {{-- <div class="row">
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4 class="card-title">Live Visits Our New Site</h4>
                        </div>
                        <!--end col-->
                        <div class="col-auto">
                            <div class="dropdown">
                                <a href="#" class="btn btn-sm btn-outline-light dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Today<i class="las la-angle-down ms-1"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end">
                                    <a class="dropdown-item" href="#">Today</a>
                                    <a class="dropdown-item" href="#">Yesterday</a>
                                    <a class="dropdown-item" href="#">Last Week</a>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->
                </div>
                <!--end card-header-->
                <div class="card-body">
                    <div id="circlechart" class="apex-charts"></div>
                    <div>
                        <div class="row">
                            <div class="col-lg">
                                <h4 class="card-title mt-0 mb-2">Traffic Sources</h4>
                                <div class="traffic-card">
                                    <h4 class="my-2">80</h4>
                                    <p class="mb-2 fw-semibold">Right Now</p>
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-lg-auto align-self-center">
                                <ul class="list-unstyled url-list mb-0">
                                    <li>
                                        <i class="fas fa-caret-right font-16 text-primary"></i>
                                        <span>Organic</span>
                                    </li>
                                    <li>
                                        <i class="fas fa-caret-right font-16 text-success"></i>
                                        <span>Direct</span>
                                    </li>
                                    <li>
                                        <i class="fas fa-caret-right font-16 text-gray"></i>
                                        <span>Campaign</span>
                                    </li>
                                </ul>
                            </div>
                            <!--end col-->
                        </div>
                        <!--end row-->
                        <div class="progress mb-1">
                            <div class="progress-bar progress-bar-striped progress-bar-animated bg-primary"
                                role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0"
                                aria-valuemax="100">55%</div>
                            <div class="progress-bar bg-info" role="progressbar" style="width: 28%" aria-valuenow="28"
                                aria-valuemin="0" aria-valuemax="100">28%</div>
                            <div class="progress-bar bg-soft-secondary" role="progressbar" style="width: 17%"
                                aria-valuenow="17" aria-valuemin="0" aria-valuemax="100">17%</div>
                        </div>
                    </div>
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
        <!--end col-->
        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4 class="card-title">Pages View by Users</h4>
                        </div>
                        <!--end col-->
                        <div class="col-auto">
                            <div class="dropdown">
                                <a href="#" class="btn btn-sm btn-outline-light dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Today<i class="las la-angle-down ms-1"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end">
                                    <a class="dropdown-item" href="#">Today</a>
                                    <a class="dropdown-item" href="#">Yesterday</a>
                                    <a class="dropdown-item" href="#">Last Week</a>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->
                </div>
                <!--end card-header-->
                <div class="card-body">
                    <ul class="list-group custom-list-group">
                        <li class="list-group-item align-items-center d-flex justify-content-between">
                            <div class="media">
                                <img src="assets/images/small/rgb.svg" height="30"
                                    class="me-3 align-self-center rounded" alt="...">
                                <div class="media-body align-self-center">
                                    <h6 class="m-0">Dastone - Admin Dashboard</h6>
                                    <p class="mb-0 text-muted">analytic-index.html</p>
                                </div>
                                <!--end media body-->
                            </div>
                            <div class="align-self-center">
                                <a href="#" class="btn btn-sm btn-soft-primary">4.3k <i
                                        class="las la-external-link-alt font-15"></i></a>
                            </div>
                        </li>
                        <li class="list-group-item align-items-center d-flex justify-content-between">
                            <div class="media">
                                <img src="assets/images/small/cobweb.svg" height="30"
                                    class="me-3 align-self-center rounded" alt="...">
                                <div class="media-body align-self-center">
                                    <h6 class="m-0">Metrica Simple- Admin Dashboard</h6>
                                    <p class="mb-0 text-muted">sales-index.html</p>
                                </div>
                                <!--end media body-->
                            </div>
                            <div class="align-self-center">
                                <a href="#" class="btn btn-sm btn-soft-primary">3.7k <i
                                        class="las la-external-link-alt font-15"></i></a>
                            </div>
                        </li>
                        <li class="list-group-item align-items-center d-flex justify-content-between">
                            <div class="media">
                                <img src="assets/images/small/blocks.svg" height="30"
                                    class="me-3 align-self-center rounded" alt="...">
                                <div class="media-body align-self-center">
                                    <h6 class="m-0">Crovex - Admin Dashboard</h6>
                                    <p class="mb-0 text-muted">helpdesk-index.html</p>
                                </div>
                                <!--end media body-->
                            </div>
                            <div class="align-self-center">
                                <a href="#" class="btn btn-sm btn-soft-primary">2.9k <i
                                        class="las la-external-link-alt font-15"></i></a>
                            </div>
                        </li>
                        <li class="list-group-item align-items-center d-flex justify-content-between">
                            <div class="media">
                                <img src="assets/images/small/atom.svg" height="30"
                                    class="me-3 align-self-center rounded" alt="...">
                                <div class="media-body align-self-center">
                                    <h6 class="m-0">Annex - Admin Dashboard</h6>
                                    <p class="mb-0 text-muted">calendar.html</p>
                                </div>
                                <!--end media body-->
                            </div>
                            <div class="align-self-center">
                                <a href="#" class="btn btn-sm btn-soft-primary">1.6k <i
                                        class="las la-external-link-alt font-15"></i></a>
                            </div>
                        </li>
                    </ul>
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
            <div class="card">
                <div class="card-body">
                    <div class="d-flex">
                        <h2 class="m-0 align-self-center">80</h2>
                        <div class="d-block ms-2 align-self-center">
                            <span class="text-warning">Right now</span>
                            <h5 class="my-1">Traffic Sources</h5>
                            <p class="mb-0 text-muted">It is a long established fact that a reader will
                                be of a page when looking at its layout.
                                <a href="#" class="text-primary">Read More <i class="las la-arrow-right"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
        <!--end col-->


        <div class="col-lg-4">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4 class="card-title">Activity</h4>
                        </div>
                        <!--end col-->
                        <div class="col-auto">
                            <div class="dropdown">
                                <a href="#" class="btn btn-sm btn-outline-light dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    All<i class="las la-angle-down ms-1"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end">
                                    <a class="dropdown-item" href="#">Purchases</a>
                                    <a class="dropdown-item" href="#">Emails</a>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->
                </div>
                <!--end card-header-->
                <div class="card-bodyp-0">
                    <div class="p-3" data-simplebar style="height: 400px;">
                        <div class="activity">
                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <i class="las la-user-clock bg-soft-primary"></i>
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Donald</span>
                                            updated the status of <a href="#">Refund #1234</a> to awaiting customer
                                            response
                                        </p>
                                        <small class="text-muted">10 Min ago</small>
                                    </div>
                                </div>
                            </div>

                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <i class="mdi mdi-timer-off bg-soft-primary"></i>
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Lucy Peterson</span>
                                            was added to the group, group name is <a href="#">Overtake</a>
                                        </p>
                                        <small class="text-muted">50 Min ago</small>
                                    </div>
                                </div>
                            </div>

                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <img src="assets/images/users/user-5.jpg" alt=""
                                        class="rounded-circle thumb-sm">
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Joseph Rust</span>
                                            opened new showcase <a href="#">Mannat #112233</a> with theme market
                                        </p>
                                        <small class="text-muted">10 hours ago</small>
                                    </div>
                                </div>
                            </div>

                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <i class="mdi mdi-clock-outline bg-soft-primary"></i>
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Donald</span>
                                            updated the status of <a href="#">Refund #1234</a> to awaiting customer
                                            response
                                        </p>
                                        <small class="text-muted">Yesterday</small>
                                    </div>
                                </div>
                            </div>
                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <i class="mdi mdi-alert-outline bg-soft-primary"></i>
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Lucy Peterson</span>
                                            was added to the group, group name is <a href="#">Overtake</a>
                                        </p>
                                        <small class="text-muted">14 Nov 2019</small>
                                    </div>
                                </div>
                            </div>
                            <div class="activity-info">
                                <div class="icon-info-activity">
                                    <img src="assets/images/users/user-4.jpg" alt=""
                                        class="rounded-circle thumb-sm">
                                </div>
                                <div class="activity-info-text">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="text-muted mb-0 font-13 w-75"><span>Joseph Rust</span>
                                            opened new showcase <a href="#">Mannat #112233</a> with theme market
                                        </p>
                                        <small class="text-muted">15 Nov 2019</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end activity-->
                    </div>
                    <!--end analytics-dash-activity-->
                </div>
                <!--end card-body-->
            </div>
            <!--end card-->
        </div>
        <!--end col-->

    </div> --}}
    <!--end row-->
@endsection