882 lines
55 KiB
HTML
882 lines
55 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<base href="/api/admin/" />
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width initial-scale=1.0">
|
|
<title>{$title}</title>
|
|
<!-- GLOBAL MAINLY STYLES-->
|
|
<link href="assets/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="assets/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="assets/vendors/themify-icons/css/themify-icons.css" rel="stylesheet" />
|
|
<!-- PLUGINS STYLES-->
|
|
<link href="assets/vendors/jvectormap/jquery-jvectormap-2.0.3.css" rel="stylesheet" />
|
|
<!-- THEME STYLES-->
|
|
<link href="assets/css/main.min.css" rel="stylesheet" />
|
|
<!-- PAGE LEVEL STYLES-->
|
|
</head>
|
|
|
|
<body class="fixed-navbar">
|
|
<div class="page-wrapper">
|
|
<!-- START HEADER-->
|
|
<header class="header">
|
|
<div class="page-brand">
|
|
<a class="link" href="index.html">
|
|
<span class="brand">Admin
|
|
<span class="brand-tip">CAST</span>
|
|
</span>
|
|
<span class="brand-mini">AC</span>
|
|
</a>
|
|
</div>
|
|
<div class="flexbox flex-1">
|
|
<!-- START TOP-LEFT TOOLBAR-->
|
|
<ul class="nav navbar-toolbar">
|
|
<li>
|
|
<a class="nav-link sidebar-toggler js-sidebar-toggler"><i class="ti-menu"></i></a>
|
|
</li>
|
|
<li>
|
|
<form class="navbar-search" action="javascript:;">
|
|
<div class="rel">
|
|
<span class="search-icon"><i class="ti-search"></i></span>
|
|
<input class="form-control" placeholder="Search here...">
|
|
</div>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
<!-- END TOP-LEFT TOOLBAR-->
|
|
<!-- START TOP-RIGHT TOOLBAR-->
|
|
<ul class="nav navbar-toolbar">
|
|
<li class="dropdown dropdown-inbox">
|
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope-o"></i>
|
|
<span class="badge badge-primary envelope-badge">9</span>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-media">
|
|
<li class="dropdown-menu-header">
|
|
<div>
|
|
<span><strong>9 New</strong> Messages</span>
|
|
<a class="pull-right" href="mailbox.html">view all</a>
|
|
</div>
|
|
</li>
|
|
<li class="list-group list-group-divider scroller" data-height="240px" data-color="#71808f">
|
|
<div>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<img src="./assets/img/users/u1.jpg" />
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-strong"> </div>Jeanne Gonzalez<small class="text-muted float-right">Just now</small>
|
|
<div class="font-13">Your proposal interested me.</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<img src="./assets/img/users/u2.jpg" />
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-strong"></div>Becky Brooks<small class="text-muted float-right">18 mins</small>
|
|
<div class="font-13">Lorem Ipsum is simply.</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<img src="./assets/img/users/u3.jpg" />
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-strong"></div>Frank Cruz<small class="text-muted float-right">18 mins</small>
|
|
<div class="font-13">Lorem Ipsum is simply.</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<img src="./assets/img/users/u4.jpg" />
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-strong"></div>Rose Pearson<small class="text-muted float-right">3 hrs</small>
|
|
<div class="font-13">Lorem Ipsum is simply.</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-notification">
|
|
<a class="nav-link dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-o rel"><span class="notify-signal"></span></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-media">
|
|
<li class="dropdown-menu-header">
|
|
<div>
|
|
<span><strong>5 New</strong> Notifications</span>
|
|
<a class="pull-right" href="javascript:;">view all</a>
|
|
</div>
|
|
</li>
|
|
<li class="list-group list-group-divider scroller" data-height="240px" data-color="#71808f">
|
|
<div>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<span class="badge badge-success badge-big"><i class="fa fa-check"></i></span>
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-13">4 task compiled</div><small class="text-muted">22 mins</small></div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<span class="badge badge-default badge-big"><i class="fa fa-shopping-basket"></i></span>
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-13">You have 12 new orders</div><small class="text-muted">40 mins</small></div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<span class="badge badge-danger badge-big"><i class="fa fa-bolt"></i></span>
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-13">Server #7 rebooted</div><small class="text-muted">2 hrs</small></div>
|
|
</div>
|
|
</a>
|
|
<a class="list-group-item">
|
|
<div class="media">
|
|
<div class="media-img">
|
|
<span class="badge badge-success badge-big"><i class="fa fa-user"></i></span>
|
|
</div>
|
|
<div class="media-body">
|
|
<div class="font-13">New user registered</div><small class="text-muted">2 hrs</small></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown dropdown-user">
|
|
<a class="nav-link dropdown-toggle link" data-toggle="dropdown">
|
|
<img src="./assets/img/admin-avatar.png" />
|
|
<span></span>Admin<i class="fa fa-angle-down m-l-5"></i></a>
|
|
<ul class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="profile.html"><i class="fa fa-user"></i>Profile</a>
|
|
<a class="dropdown-item" href="profile.html"><i class="fa fa-cog"></i>Settings</a>
|
|
<a class="dropdown-item" href="javascript:;"><i class="fa fa-support"></i>Support</a>
|
|
<li class="dropdown-divider"></li>
|
|
<a class="dropdown-item" href="login.html"><i class="fa fa-power-off"></i>Logout</a>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<!-- END TOP-RIGHT TOOLBAR-->
|
|
</div>
|
|
</header>
|
|
<!-- END HEADER-->
|
|
<!-- START SIDEBAR-->
|
|
<nav class="page-sidebar" id="sidebar">
|
|
<div id="sidebar-collapse">
|
|
<div class="admin-block d-flex">
|
|
<div>
|
|
<img src="./assets/img/admin-avatar.png" width="45px" />
|
|
</div>
|
|
<div class="admin-info">
|
|
<div class="font-strong">James Brown</div><small>Administrator</small></div>
|
|
</div>
|
|
<ul class="side-menu metismenu">
|
|
<li>
|
|
<a class="active" href="index.html"><i class="sidebar-item-icon fa fa-th-large"></i>
|
|
<span class="nav-label">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="heading">FEATURES</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-bookmark"></i>
|
|
<span class="nav-label">Basic UI</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="colors.html">Colors</a>
|
|
</li>
|
|
<li>
|
|
<a href="typography.html">Typography</a>
|
|
</li>
|
|
<li>
|
|
<a href="panels.html">Panels</a>
|
|
</li>
|
|
<li>
|
|
<a href="buttons.html">Buttons</a>
|
|
</li>
|
|
<li>
|
|
<a href="tabs.html">Tabs</a>
|
|
</li>
|
|
<li>
|
|
<a href="alerts_tooltips.html">Alerts & Tooltips</a>
|
|
</li>
|
|
<li>
|
|
<a href="badges_progress.html">Badges & Progress</a>
|
|
</li>
|
|
<li>
|
|
<a href="lists.html">List</a>
|
|
</li>
|
|
<li>
|
|
<a href="cards.html">Card</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-edit"></i>
|
|
<span class="nav-label">Forms</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="form_basic.html">Basic Forms</a>
|
|
</li>
|
|
<li>
|
|
<a href="form_advanced.html">Advanced Plugins</a>
|
|
</li>
|
|
<li>
|
|
<a href="form_masks.html">Form input masks</a>
|
|
</li>
|
|
<li>
|
|
<a href="form_validation.html">Form Validation</a>
|
|
</li>
|
|
<li>
|
|
<a href="text_editors.html">Text Editors</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-table"></i>
|
|
<span class="nav-label">Tables</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="table_basic.html">Basic Tables</a>
|
|
</li>
|
|
<li>
|
|
<a href="datatables.html">Datatables</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-bar-chart"></i>
|
|
<span class="nav-label">Charts</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="charts_flot.html">Flot Charts</a>
|
|
</li>
|
|
<li>
|
|
<a href="charts_morris.html">Morris Charts</a>
|
|
</li>
|
|
<li>
|
|
<a href="chartjs.html">Chart.js</a>
|
|
</li>
|
|
<li>
|
|
<a href="charts_sparkline.html">Sparkline Charts</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-map"></i>
|
|
<span class="nav-label">Maps</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="maps_vector.html">Vector maps</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="icons.html"><i class="sidebar-item-icon fa fa-smile-o"></i>
|
|
<span class="nav-label">Icons</span>
|
|
</a>
|
|
</li>
|
|
<li class="heading">PAGES</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-envelope"></i>
|
|
<span class="nav-label">Mailbox</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="mailbox.html">Inbox</a>
|
|
</li>
|
|
<li>
|
|
<a href="mail_view.html">Mail view</a>
|
|
</li>
|
|
<li>
|
|
<a href="mail_compose.html">Compose mail</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="calendar.html"><i class="sidebar-item-icon fa fa-calendar"></i>
|
|
<span class="nav-label">Calendar</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-file-text"></i>
|
|
<span class="nav-label">Pages</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="invoice.html">Invoice</a>
|
|
</li>
|
|
<li>
|
|
<a href="profile.html">Profile</a>
|
|
</li>
|
|
<li>
|
|
<a href="login.html">Login</a>
|
|
</li>
|
|
<li>
|
|
<a href="register.html">Register</a>
|
|
</li>
|
|
<li>
|
|
<a href="lockscreen.html">Lockscreen</a>
|
|
</li>
|
|
<li>
|
|
<a href="forgot_password.html">Forgot password</a>
|
|
</li>
|
|
<li>
|
|
<a href="error_404.html">404 error</a>
|
|
</li>
|
|
<li>
|
|
<a href="error_500.html">500 error</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;"><i class="sidebar-item-icon fa fa-sitemap"></i>
|
|
<span class="nav-label">Menu Levels</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-2-level collapse">
|
|
<li>
|
|
<a href="javascript:;">Level 2</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;">
|
|
<span class="nav-label">Level 2</span><i class="fa fa-angle-left arrow"></i></a>
|
|
<ul class="nav-3-level collapse">
|
|
<li>
|
|
<a href="javascript:;">Level 3</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:;">Level 3</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<!-- END SIDEBAR-->
|
|
<div class="content-wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
{******************************************}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
|
|
|
|
<base href="/api/admin/" />
|
|
|
|
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
|
<!--plugins-->
|
|
<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
|
|
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
|
|
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
|
|
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
|
|
<!-- Bootstrap CSS -->
|
|
<!-- link href="assets/css/bootstrap.min.css" rel="stylesheet" / -->
|
|
<link rel="stylesheet" type="text/css" href="/api/bootstrap/5.1.3/css/bootstrap.min.css" />
|
|
<link href="assets/css/bootstrap-extended.css" rel="stylesheet" />
|
|
<link href="assets/css/style.css" rel="stylesheet" />
|
|
<link href="assets/css/icons.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
|
|
|
|
|
|
<!-- loader-->
|
|
<link href="assets/css/pace.min.css" rel="stylesheet" />
|
|
|
|
<!--Theme Styles-->
|
|
<link href="assets/css/dark-theme.css" rel="stylesheet" />
|
|
<link href="assets/css/light-theme.css" rel="stylesheet" />
|
|
<link href="assets/css/semi-dark.css" rel="stylesheet" />
|
|
<link href="assets/css/header-colors.css" rel="stylesheet" />
|
|
|
|
<title>{$title}</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!--start wrapper-->
|
|
<div class="wrapper">
|
|
<!--start top header-->
|
|
<header class="top-header">
|
|
<nav class="navbar navbar-expand gap-3">
|
|
<div class="mobile-toggle-icon fs-3">
|
|
<i class="bi bi-list"></i>
|
|
</div>
|
|
<form class="searchbar">
|
|
<div class="position-absolute top-50 translate-middle-y search-icon ms-3"><i class="bi bi-search"></i></div>
|
|
<input class="form-control" type="text" placeholder="Type here to search">
|
|
<div class="position-absolute top-50 translate-middle-y search-close-icon"><i class="bi bi-x-lg"></i></div>
|
|
</form>
|
|
<div class="top-navbar-right ms-auto">
|
|
<ul class="navbar-nav align-items-center">
|
|
<li class="nav-item search-toggle-icon">
|
|
<a class="nav-link" href="#">
|
|
<div class="">
|
|
<i class="bi bi-search"></i>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-user-setting">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
|
|
<div class="user-setting d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-1.png" class="user-img" alt="">
|
|
</div>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
|
<li>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-1.png" alt="" class="rounded-circle" width="54" height="54">
|
|
<div class="ms-3">
|
|
<h6 class="mb-0 dropdown-user-name">Jhon Deo</h6>
|
|
<small class="mb-0 dropdown-user-designation text-secondary">HR Manager</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<hr class="dropdown-divider">
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="pages-user-profile.html">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-person-fill"></i></div>
|
|
<div class="ms-3"><span>Profile</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-gear-fill"></i></div>
|
|
<div class="ms-3"><span>Setting</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="index2.html">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-speedometer"></i></div>
|
|
<div class="ms-3"><span>Dashboard</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-piggy-bank-fill"></i></div>
|
|
<div class="ms-3"><span>Earnings</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-cloud-arrow-down-fill"></i></div>
|
|
<div class="ms-3"><span>Downloads</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<hr class="dropdown-divider">
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="authentication-signup-with-header-footer.html">
|
|
<div class="d-flex align-items-center">
|
|
<div class=""><i class="bi bi-lock-fill"></i></div>
|
|
<div class="ms-3"><span>Logout</span></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-large">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
|
|
<div class="projects">
|
|
<i class="bi bi-grid-3x3-gap-fill"></i>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end">
|
|
<div class="row row-cols-3 gx-2">
|
|
<div class="col">
|
|
<a href="ecommerce-orders.html">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-purple">
|
|
<i class="bi bi-basket2-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Orders</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="javascript:;">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-info">
|
|
<i class="bi bi-people-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Users</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="ecommerce-products-grid.html">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-success">
|
|
<i class="bi bi-trophy-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Products</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="component-media-object.html">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-danger">
|
|
<i class="bi bi-collection-play-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Media</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="pages-user-profile.html">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-warning">
|
|
<i class="bi bi-person-circle"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Account</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="javascript:;">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-voilet">
|
|
<i class="bi bi-file-earmark-text-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Docs</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="ecommerce-orders-detail.html">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-branding">
|
|
<i class="bi bi-credit-card-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Payment</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="javascript:;">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-desert">
|
|
<i class="bi bi-calendar-check-fill"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Events</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="javascript:;">
|
|
<div class="apps p-2 radius-10 text-center">
|
|
<div class="apps-icon-box mb-1 text-white bg-gradient-amour">
|
|
<i class="bi bi-book-half"></i>
|
|
</div>
|
|
<p class="mb-0 apps-name">Story</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-large">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
|
|
<div class="messages">
|
|
<span class="notify-badge">5</span>
|
|
<i class="bi bi-chat-right-fill"></i>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end p-0">
|
|
<div class="p-2 border-bottom m-2">
|
|
<h5 class="h5 mb-0">Messages</h5>
|
|
</div>
|
|
<div class="header-message-list p-2">
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-1.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Amelio Joly <span class="msg-time float-end text-secondary">1 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The standard chunk of lorem...</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-2.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Althea Cabardo <span class="msg-time float-end text-secondary">7 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Many desktop publishing</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-3.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Katherine Pechon <span class="msg-time float-end text-secondary">2 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Making this the first true</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-4.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Peter Costanzo <span class="msg-time float-end text-secondary">3 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">It was popularised in the 1960</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-5.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Thomas Wheeler <span class="msg-time float-end text-secondary">1 d</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">If you are going to use a passage</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-6.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Johnny Seitz <span class="msg-time float-end text-secondary">2 w</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">All the Lorem Ipsum generators</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-1.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Amelio Joly <span class="msg-time float-end text-secondary">1 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The standard chunk of lorem...</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-2.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Althea Cabardo <span class="msg-time float-end text-secondary">7 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Many desktop publishing</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/images/avatars/avatar-3.png" alt="" class="rounded-circle" width="50" height="50">
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Katherine Pechon <span class="msg-time float-end text-secondary">2 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Making this the first true</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="p-2">
|
|
<div>
|
|
<hr class="dropdown-divider">
|
|
</div>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="text-center">View All Messages</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-large">
|
|
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-bs-toggle="dropdown">
|
|
<div class="notifications">
|
|
<span class="notify-badge">8</span>
|
|
<i class="bi bi-bell-fill"></i>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end p-0">
|
|
<div class="p-2 border-bottom m-2">
|
|
<h5 class="h5 mb-0">Notifications</h5>
|
|
</div>
|
|
<div class="header-notifications-list p-2">
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-primary text-primary"><i class="bi bi-basket2-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">New Orders <span class="msg-time float-end text-secondary">1 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">You have recived new orders</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-purple text-purple"><i class="bi bi-people-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">New Customers <span class="msg-time float-end text-secondary">7 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">5 new user registered</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-success text-success"><i class="bi bi-file-earmark-bar-graph-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">24 PDF File <span class="msg-time float-end text-secondary">2 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">The pdf files generated</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-orange text-orange"><i class="bi bi-collection-play-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Time Response <span class="msg-time float-end text-secondary">3 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">5.1 min avarage time response</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-info text-info"><i class="bi bi-cursor-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">New Product Approved <span class="msg-time float-end text-secondary">1 d</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Your new product has approved</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-pink text-pink"><i class="bi bi-gift-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">New Comments <span class="msg-time float-end text-secondary">2 w</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">New customer comments recived</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-warning text-warning"><i class="bi bi-droplet-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">New 24 authors<span class="msg-time float-end text-secondary">1 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">24 new authors joined last week</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-primary text-primary"><i class="bi bi-mic-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Your item is shipped <span class="msg-time float-end text-secondary">7 m</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Successfully shipped your item</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-success text-success"><i class="bi bi-lightbulb-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">Defense Alerts <span class="msg-time float-end text-secondary">2 h</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">45% less alerts last 4 weeks</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-info text-info"><i class="bi bi-bookmark-heart-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">4 New Sign Up <span class="msg-time float-end text-secondary">2 w</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">New 4 user registartions</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="d-flex align-items-center">
|
|
<div class="notification-box bg-light-bronze text-bronze"><i class="bi bi-briefcase-fill"></i></div>
|
|
<div class="ms-3 flex-grow-1">
|
|
<h6 class="mb-0 dropdown-msg-user">All Documents Uploaded <span class="msg-time float-end text-secondary">1 mo</span></h6>
|
|
<small class="mb-0 dropdown-msg-text text-secondary d-flex align-items-center">Sussessfully uploaded all files</small>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="p-2">
|
|
<div>
|
|
<hr class="dropdown-divider">
|
|
</div>
|
|
<a class="dropdown-item" href="#">
|
|
<div class="text-center">View All Notifications</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!--end top header-->
|
|
|
|
<!--start sidebar -->
|
|
<aside class="sidebar-wrapper" data-simplebar="true">
|
|
<div class="sidebar-header">
|
|
<div>
|
|
<img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon">
|
|
</div>
|
|
<div>
|
|
<h4 class="logo-text">Onedash</h4>
|
|
</div>
|
|
<div class="toggle-icon ms-auto"> <i class="bi bi-list"></i>
|
|
</div>
|
|
</div>
|
|
<!--navigation-->
|
|
{include file=$menu_admin}
|
|
<!--end navigation-->
|
|
</aside>
|
|
<!--end sidebar -->
|
|
|
|
<!--start content-->
|
|
<main class="page-content"> |