949 lines
41 KiB
PHP
949 lines
41 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Beranda Admin | Flo.do</title>
|
|
|
|
<link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon">
|
|
|
|
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/app-dark.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/iconly.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div id="sidebar">
|
|
<div class="sidebar-wrapper active">
|
|
<div class="sidebar-header position-relative">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="logo">
|
|
<a href="index.html"><img src="{{ asset('img/logo.png') }}" alt="Logo"
|
|
srcset=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar-menu">
|
|
<ul class="menu">
|
|
<li class="sidebar-title">Menu</li>
|
|
|
|
<li class="sidebar-item active ">
|
|
<a href="index.html" class='sidebar-link'>
|
|
<i class="bi bi-grid-fill"></i>
|
|
<span>Dashboard</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-stack"></i>
|
|
<span>Components</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-accordion.html" class="submenu-link">Accordion</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-alert.html" class="submenu-link">Alert</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-badge.html" class="submenu-link">Badge</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-breadcrumb.html" class="submenu-link">Breadcrumb</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-button.html" class="submenu-link">Button</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-card.html" class="submenu-link">Card</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-carousel.html" class="submenu-link">Carousel</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-collapse.html" class="submenu-link">Collapse</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-dropdown.html" class="submenu-link">Dropdown</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-list-group.html" class="submenu-link">List Group</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-modal.html" class="submenu-link">Modal</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-navs.html" class="submenu-link">Navs</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-pagination.html" class="submenu-link">Pagination</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-progress.html" class="submenu-link">Progress</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-spinner.html" class="submenu-link">Spinner</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-toasts.html" class="submenu-link">Toasts</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="component-tooltip.html" class="submenu-link">Tooltip</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-collection-fill"></i>
|
|
<span>Extra Components</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-avatar.html" class="submenu-link">Avatar</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-divider.html" class="submenu-link">Divider</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-date-picker.html" class="submenu-link">Date Picker</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-sweetalert.html" class="submenu-link">Sweet Alert</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-toastify.html" class="submenu-link">Toastify</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="extra-component-rating.html" class="submenu-link">Rating</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-grid-1x2-fill"></i>
|
|
<span>Layouts</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="layout-default.html" class="submenu-link">Default Layout</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="layout-vertical-1-column.html" class="submenu-link">1 Column</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="layout-vertical-navbar.html" class="submenu-link">Vertical Navbar</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="layout-rtl.html" class="submenu-link">RTL Layout</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="layout-horizontal.html" class="submenu-link">Horizontal Menu</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-title">Forms & Tables</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-hexagon-fill"></i>
|
|
<span>Form Elements</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-input.html" class="submenu-link">Input</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-input-group.html" class="submenu-link">Input Group</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-select.html" class="submenu-link">Select</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-radio.html" class="submenu-link">Radio</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-checkbox.html" class="submenu-link">Checkbox</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-element-textarea.html" class="submenu-link">Textarea</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="form-layout.html" class='sidebar-link'>
|
|
<i class="bi bi-file-earmark-medical-fill"></i>
|
|
<span>Form Layout</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-journal-check"></i>
|
|
<span>Form Validation</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-validation-parsley.html" class="submenu-link">Parsley</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-pen-fill"></i>
|
|
<span>Form Editor</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-editor-quill.html" class="submenu-link">Quill</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-editor-ckeditor.html" class="submenu-link">CKEditor</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-editor-summernote.html" class="submenu-link">Summernote</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="form-editor-tinymce.html" class="submenu-link">TinyMCE</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="table.html" class='sidebar-link'>
|
|
<i class="bi bi-grid-1x2-fill"></i>
|
|
<span>Table</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-file-earmark-spreadsheet-fill"></i>
|
|
<span>Datatables</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="table-datatable.html" class="submenu-link">Datatable</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="table-datatable-jquery.html" class="submenu-link">Datatable (jQuery)</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-title">Extra UI</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-pentagon-fill"></i>
|
|
<span>Widgets</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-widgets-chatbox.html" class="submenu-link">Chatbox</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-widgets-pricing.html" class="submenu-link">Pricing</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-widgets-todolist.html" class="submenu-link">To-do List</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-egg-fill"></i>
|
|
<span>Icons</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-icons-bootstrap-icons.html" class="submenu-link">Bootstrap Icons </a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-icons-fontawesome.html" class="submenu-link">Fontawesome</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-icons-dripicons.html" class="submenu-link">Dripicons</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-bar-chart-fill"></i>
|
|
<span>Charts</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-chart-chartjs.html" class="submenu-link">ChartJS</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-chart-apexcharts.html" class="submenu-link">Apexcharts</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="ui-file-uploader.html" class='sidebar-link'>
|
|
<i class="bi bi-cloud-arrow-up-fill"></i>
|
|
<span>File Uploader</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-map-fill"></i>
|
|
<span>Maps</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-map-google-map.html" class="submenu-link">Google Map</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-map-jsvectormap.html" class="submenu-link">JS Vector Map</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-three-dots"></i>
|
|
<span>Multi-level Menu</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item has-sub">
|
|
<a href="#" class="submenu-link">First Level</a>
|
|
|
|
<ul class="submenu submenu-level-2 ">
|
|
|
|
|
|
<li class="submenu-item ">
|
|
<a href="ui-multi-level-menu.html" class="submenu-link">Second Level</a>
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="#" class="submenu-link">Second Level Menu</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item has-sub">
|
|
<a href="#" class="submenu-link">Another Menu</a>
|
|
|
|
<ul class="submenu submenu-level-2 ">
|
|
|
|
|
|
<li class="submenu-item ">
|
|
<a href="#" class="submenu-link">Second Level Menu</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-title">Pages</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="application-email.html" class='sidebar-link'>
|
|
<i class="bi bi-envelope-fill"></i>
|
|
<span>Email Application</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="application-chat.html" class='sidebar-link'>
|
|
<i class="bi bi-chat-dots-fill"></i>
|
|
<span>Chat Application</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="application-gallery.html" class='sidebar-link'>
|
|
<i class="bi bi-image-fill"></i>
|
|
<span>Photo Gallery</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="application-checkout.html" class='sidebar-link'>
|
|
<i class="bi bi-basket-fill"></i>
|
|
<span>Checkout Page</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-person-badge-fill"></i>
|
|
<span>Authentication</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="auth-login.html" class="submenu-link">Login</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="auth-register.html" class="submenu-link">Register</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="auth-forgot-password.html" class="submenu-link">Forgot Password</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item has-sub">
|
|
<a href="#" class='sidebar-link'>
|
|
<i class="bi bi-x-octagon-fill"></i>
|
|
<span>Errors</span>
|
|
</a>
|
|
|
|
<ul class="submenu ">
|
|
|
|
<li class="submenu-item ">
|
|
<a href="error-403.html" class="submenu-link">403</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="error-404.html" class="submenu-link">404</a>
|
|
|
|
</li>
|
|
|
|
<li class="submenu-item ">
|
|
<a href="error-500.html" class="submenu-link">500</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-title">Raise Support</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="https://zuramai.github.io/mazer/docs" class='sidebar-link'>
|
|
<i class="bi bi-life-preserver"></i>
|
|
<span>Documentation</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="https://github.com/zuramai/mazer/blob/main/CONTRIBUTING.md" class='sidebar-link'>
|
|
<i class="bi bi-puzzle"></i>
|
|
<span>Contribute</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
<li class="sidebar-item ">
|
|
<a href="https://github.com/zuramai/mazer#donation" class='sidebar-link'>
|
|
<i class="bi bi-cash"></i>
|
|
<span>Donate</span>
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="main">
|
|
<header class="mb-3">
|
|
<a href="#" class="burger-btn d-block d-xl-none">
|
|
<i class="bi bi-justify fs-3"></i>
|
|
</a>
|
|
</header>
|
|
|
|
<div class="page-heading">
|
|
<h3>Profile Statistics</h3>
|
|
</div>
|
|
<div class="page-content">
|
|
<section class="row">
|
|
<div class="col-12 col-lg-9">
|
|
<div class="row">
|
|
<div class="col-6 col-lg-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body px-4 py-4-5">
|
|
<div class="row">
|
|
<div
|
|
class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
|
|
<div class="stats-icon purple mb-2">
|
|
<i class="iconly-boldShow"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
|
|
<h6 class="text-muted font-semibold">Profile Views</h6>
|
|
<h6 class="font-extrabold mb-0">112.000</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body px-4 py-4-5">
|
|
<div class="row">
|
|
<div
|
|
class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
|
|
<div class="stats-icon blue mb-2">
|
|
<i class="iconly-boldProfile"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
|
|
<h6 class="text-muted font-semibold">Followers</h6>
|
|
<h6 class="font-extrabold mb-0">183.000</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body px-4 py-4-5">
|
|
<div class="row">
|
|
<div
|
|
class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
|
|
<div class="stats-icon green mb-2">
|
|
<i class="iconly-boldAdd-User"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
|
|
<h6 class="text-muted font-semibold">Following</h6>
|
|
<h6 class="font-extrabold mb-0">80.000</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-lg-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body px-4 py-4-5">
|
|
<div class="row">
|
|
<div
|
|
class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
|
|
<div class="stats-icon red mb-2">
|
|
<i class="iconly-boldBookmark"></i>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
|
|
<h6 class="text-muted font-semibold">Saved Post</h6>
|
|
<h6 class="font-extrabold mb-0">112</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Profile Visit</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="chart-profile-visit"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-xl-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Profile Visit</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-7">
|
|
<div class="d-flex align-items-center">
|
|
<svg class="bi text-primary" width="32" height="32"
|
|
fill="blue" style="width:10px">
|
|
<use
|
|
xlink:href="static/images/bootstrap-icons.svg#circle-fill" />
|
|
</svg>
|
|
<h5 class="mb-0 ms-3">Europe</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-5">
|
|
<h5 class="mb-0 text-end">862</h5>
|
|
</div>
|
|
<div class="col-12">
|
|
<div id="chart-europe"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-7">
|
|
<div class="d-flex align-items-center">
|
|
<svg class="bi text-success" width="32" height="32"
|
|
fill="blue" style="width:10px">
|
|
<use
|
|
xlink:href="static/images/bootstrap-icons.svg#circle-fill" />
|
|
</svg>
|
|
<h5 class="mb-0 ms-3">America</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-5">
|
|
<h5 class="mb-0 text-end">375</h5>
|
|
</div>
|
|
<div class="col-12">
|
|
<div id="chart-america"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-7">
|
|
<div class="d-flex align-items-center">
|
|
<svg class="bi text-danger" width="32" height="32"
|
|
fill="blue" style="width:10px">
|
|
<use
|
|
xlink:href="static/images/bootstrap-icons.svg#circle-fill" />
|
|
</svg>
|
|
<h5 class="mb-0 ms-3">Indonesia</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-5">
|
|
<h5 class="mb-0 text-end">1025</h5>
|
|
</div>
|
|
<div class="col-12">
|
|
<div id="chart-indonesia"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-xl-8">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Latest Comments</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover table-lg">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Comment</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="col-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="avatar avatar-md">
|
|
<img src="./jpg/5.jpg">
|
|
</div>
|
|
<p class="font-bold ms-3 mb-0">Si Cantik</p>
|
|
</div>
|
|
</td>
|
|
<td class="col-auto">
|
|
<p class=" mb-0">Congratulations on your graduation!</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="col-3">
|
|
<div class="d-flex align-items-center">
|
|
<div class="avatar avatar-md">
|
|
<img src="./jpg/2.jpg">
|
|
</div>
|
|
<p class="font-bold ms-3 mb-0">Si Ganteng</p>
|
|
</div>
|
|
</td>
|
|
<td class="col-auto">
|
|
<p class=" mb-0">Wow amazing design! Can you make another
|
|
tutorial for
|
|
this design?</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-3">
|
|
<div class="card">
|
|
<div class="card-body py-4 px-4">
|
|
<div class="d-flex align-items-center">
|
|
<div class="avatar avatar-xl">
|
|
<img src="./jpg/1.jpg" alt="Face 1">
|
|
</div>
|
|
<div class="ms-3 name">
|
|
<h5 class="font-bold">John Duck</h5>
|
|
<h6 class="text-muted mb-0">@johnducky</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Recent Messages</h4>
|
|
</div>
|
|
<div class="card-content pb-4">
|
|
<div class="recent-message d-flex px-4 py-3">
|
|
<div class="avatar avatar-lg">
|
|
<img src="./jpg/4.jpg">
|
|
</div>
|
|
<div class="name ms-4">
|
|
<h5 class="mb-1">Hank Schrader</h5>
|
|
<h6 class="text-muted mb-0">@johnducky</h6>
|
|
</div>
|
|
</div>
|
|
<div class="recent-message d-flex px-4 py-3">
|
|
<div class="avatar avatar-lg">
|
|
<img src="./jpg/5.jpg">
|
|
</div>
|
|
<div class="name ms-4">
|
|
<h5 class="mb-1">Dean Winchester</h5>
|
|
<h6 class="text-muted mb-0">@imdean</h6>
|
|
</div>
|
|
</div>
|
|
<div class="recent-message d-flex px-4 py-3">
|
|
<div class="avatar avatar-lg">
|
|
<img src="./jpg/1.jpg">
|
|
</div>
|
|
<div class="name ms-4">
|
|
<h5 class="mb-1">John Dodol</h5>
|
|
<h6 class="text-muted mb-0">@dodoljohn</h6>
|
|
</div>
|
|
</div>
|
|
<div class="px-4">
|
|
<button class='btn btn-block btn-xl btn-outline-primary font-bold mt-3'>Start
|
|
Conversation</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Visitors Profile</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="chart-visitors-profile"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer clearfix mb-0 text-muted">
|
|
<div class="float-start">
|
|
<p>2023 © Mazer</p>
|
|
</div>
|
|
<div class="float-end">
|
|
<p>Crafted with <span class="text-danger"><i class="bi bi-heart-fill icon-mid"></i></span>
|
|
by <a href="https://saugi.me">Saugi</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
<script src="static/js/components/dark.js"></script>
|
|
<script src="extensions/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
|
|
|
|
|
<script src="{{ asset('js/app.js') }}"></script>
|
|
|
|
|
|
<!-- Need: Apexcharts -->
|
|
<script src="extensions/apexcharts/apexcharts.min.js"></script>
|
|
<script src="static/js/pages/dashboard.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|