255 lines
17 KiB
PHP
255 lines
17 KiB
PHP
<?= $this->extend('layouts/homelayout2') ?>
|
|
<?= $this->section('content') ?>
|
|
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
|
|
<!--begin::Post-->
|
|
<div class="post d-flex flex-column-fluid" id="kt_post">
|
|
<!--begin::Container-->
|
|
<div id="kt_content_container" class="container-xxl">
|
|
|
|
|
|
<!--begin::Row-->
|
|
<div class="row g-5 g-xl-8">
|
|
<div class="col-xl-12">
|
|
<!--begin::List Widget 6-->
|
|
<div class="card card-xl-stretch mb-5 mb-xl-8">
|
|
<!--begin::Header-->
|
|
<div class="card-header border-0">
|
|
<h3 class="card-title fw-bolder text-dark">Notifications</h3>
|
|
<div class="card-toolbar">
|
|
<!--begin::Menu-->
|
|
|
|
<!--begin::Menu 3-->
|
|
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-bold w-200px py-3" data-kt-menu="true">
|
|
<!--begin::Heading-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Create Invoice</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link flex-stack px-3">Create Payment
|
|
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></i></a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Generate Bill</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
|
|
<a href="#" class="menu-link px-3">
|
|
<span class="menu-title">Subscription</span>
|
|
<span class="menu-arrow"></span>
|
|
</a>
|
|
<!--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">Plans</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Billing</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<a href="#" class="menu-link px-3">Statements</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu separator-->
|
|
<div class="separator my-2"></div>
|
|
<!--end::Menu separator-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3">
|
|
<div class="menu-content px-3">
|
|
<!--begin::Switch-->
|
|
<label class="form-check form-switch form-check-custom form-check-solid">
|
|
<!--begin::Input-->
|
|
<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
|
|
<!--end::Input-->
|
|
<!--end::Label-->
|
|
<span class="form-check-label text-muted fs-6">Recuring</span>
|
|
<!--end::Label-->
|
|
</label>
|
|
<!--end::Switch-->
|
|
</div>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu sub-->
|
|
</div>
|
|
<!--end::Menu item-->
|
|
<!--begin::Menu item-->
|
|
<div class="menu-item px-3 my-1">
|
|
<a href="#" class="menu-link px-3">Settings</a>
|
|
</div>
|
|
<!--end::Menu item-->
|
|
</div>
|
|
<!--end::Menu 3-->
|
|
<!--end::Menu-->
|
|
</div>
|
|
</div>
|
|
<!--end::Header-->
|
|
<!--begin::Body-->
|
|
<div class="card-body pt-0">
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center bg-light-warning rounded p-5 mb-7">
|
|
<!--begin::Icon-->
|
|
<span class="svg-icon svg-icon-warning me-5">
|
|
<!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
|
|
<span class="svg-icon svg-icon-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="black" />
|
|
<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<!--end::Icon-->
|
|
<!--begin::Title-->
|
|
<div class="flex-grow-1 me-2">
|
|
<a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">Group lunch celebration</a>
|
|
<span class="text-muted fw-bold d-block">Due in 2 Days</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
<!--begin::Lable-->
|
|
<span class="fw-bolder text-warning py-1">+28%</span>
|
|
<!--end::Lable-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center bg-light-success rounded p-5 mb-7">
|
|
<!--begin::Icon-->
|
|
<span class="svg-icon svg-icon-success me-5">
|
|
<!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
|
|
<span class="svg-icon svg-icon-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="black" />
|
|
<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<!--end::Icon-->
|
|
<!--begin::Title-->
|
|
<div class="flex-grow-1 me-2">
|
|
<a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">Navigation optimization</a>
|
|
<span class="text-muted fw-bold d-block">Due in 2 Days</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
<!--begin::Lable-->
|
|
<span class="fw-bolder text-success py-1">+50%</span>
|
|
<!--end::Lable-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center bg-light-danger rounded p-5 mb-7">
|
|
<!--begin::Icon-->
|
|
<span class="svg-icon svg-icon-danger me-5">
|
|
<!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
|
|
<span class="svg-icon svg-icon-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="black" />
|
|
<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<!--end::Icon-->
|
|
<!--begin::Title-->
|
|
<div class="flex-grow-1 me-2">
|
|
<a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">Rebrand strategy planning</a>
|
|
<span class="text-muted fw-bold d-block">Due in 5 Days</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
<!--begin::Lable-->
|
|
<span class="fw-bolder text-danger py-1">-27%</span>
|
|
<!--end::Lable-->
|
|
</div>
|
|
<!--end::Item-->
|
|
<!--begin::Item-->
|
|
<div class="d-flex align-items-center bg-light-info rounded p-5">
|
|
<!--begin::Icon-->
|
|
<span class="svg-icon svg-icon-info me-5">
|
|
<!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
|
|
<span class="svg-icon svg-icon-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="black" />
|
|
<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
<!--end::Svg Icon-->
|
|
</span>
|
|
<!--end::Icon-->
|
|
<!--begin::Title-->
|
|
<div class="flex-grow-1 me-2">
|
|
<a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">Product goals strategy</a>
|
|
<span class="text-muted fw-bold d-block">Due in 7 Days</span>
|
|
</div>
|
|
<!--end::Title-->
|
|
<!--begin::Lable-->
|
|
<span class="fw-bolder text-info py-1">+8%</span>
|
|
<!--end::Lable-->
|
|
</div>
|
|
<!--end::Item-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
<!--end::List Widget 6-->
|
|
</div>
|
|
</div>
|
|
<!--end::Row-->
|
|
|
|
<!--begin::Row-->
|
|
<div class="row g-5 g-xl-8">
|
|
<div class="col-xl-4">
|
|
<!--begin::Statistics Widget 5-->
|
|
<a href="#" class="card bg-body-white hoverable card-xl-stretch mb-xl-8">
|
|
<!--begin::Body-->
|
|
<div class="card-body">
|
|
|
|
</div>
|
|
<!--end::Body-->
|
|
</a>
|
|
<!--end::Statistics Widget 5-->
|
|
</div>
|
|
<div class="col-xl-4">
|
|
<!--begin::Statistics Widget 5-->
|
|
<a href="#" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
|
|
<!--begin::Body-->
|
|
<div class="card-body">
|
|
|
|
</div>
|
|
<!--end::Body-->
|
|
</a>
|
|
<!--end::Statistics Widget 5-->
|
|
</div>
|
|
<div class="col-xl-4">
|
|
<!--begin::Statistics Widget 5-->
|
|
<a href="#" class="card bg-dark hoverable card-xl-stretch mb-5 mb-xl-8">
|
|
<!--begin::Body-->
|
|
<div class="card-body">
|
|
|
|
</div>
|
|
<!--end::Body-->
|
|
</a>
|
|
<!--end::Statistics Widget 5-->
|
|
</div>
|
|
</div>
|
|
<!--end::Row-->
|
|
|
|
</div>
|
|
<!--end::Container-->
|
|
</div>
|
|
<!--end::Post-->
|
|
</div>
|
|
<?= $this->endSection() ?>
|