clara/resources/views/partials/widgets/charts/_widget-27.blade.php
2023-11-03 16:12:15 +07:00

104 lines
3.5 KiB
PHP

<!--begin::Chart widget 27-->
<div class="card card-flush h-xl-100">
<!--begin::Header-->
<div class="card-header py-7">
<!--begin::Statistics-->
<div class="m-0">
<!--begin::Heading-->
<div class="d-flex align-items-center mb-2">
<!--begin::Title-->
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">35,568</span>
<!--end::Title-->
<!--begin::Label-->
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-up', 'fs-5 text-danger ms-n1') !!} 8.02%</span>
<!--end::Label-->
</div>
<!--end::Heading-->
<!--begin::Description-->
<span class="fs-6 fw-semibold text-gray-500">Organic Sessions</span>
<!--end::Description-->
</div>
<!--end::Statistics-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<button class="btn btn-icon btn-color-gray-500 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
<!--begin::Menu 2-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content fs-6 text-gray-900 fw-bold px-3 py-4">Quick Actions</div>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mb-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Ticket</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Customer</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
<!--begin::Menu item-->
<a href="#" class="menu-link px-3">
<span class="menu-title">New Group</span>
<span class="menu-arrow"></span>
</a>
<!--end::Menu item-->
<!--begin::Menu sub-->
<div class="menu-sub menu-sub-dropdown w-175px py-4">
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Admin Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Staff Group</a>
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">Member Group</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu sub-->
</div>
<!--end::Menu item-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<a href="#" class="menu-link px-3">New Contact</a>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator mt-3 opacity-75"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content px-3 py-3">
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
</div>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu 2-->
<!--end::Menu-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-0 pb-1">
<div id="kt_charts_widget_27" class="min-h-auto"></div>
</div>
<!--end::Body-->
</div>
<!--end::Chart widget 27-->