Commit afe6f1ec by f3brysan

build: templating layout

parent c8d71627
......@@ -8,6 +8,6 @@ class DashboardController extends Controller
{
public function index()
{
return view('layouts.main');
return view('dashboard.index');
}
}
@extends('layouts.main')
@section('title', 'Dashboard')
@section('container')
<div class="app-content content">
<div class="content-overlay"></div>
<div class="content-wrapper">
<div class="content-header row">
</div>
<div class="content-body">
<!-- Dashboard Analytics Start -->
<section id="dashboard-analytics">
<div class="row">
<!-- Website Analytics Starts-->
<div class="col-md-6 col-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h4 class="card-title">Website Analytics</h4>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body pb-1">
<div class="d-flex justify-content-around align-items-center flex-wrap">
<div class="user-analytics">
<i class="bx bx-user mr-25 align-middle"></i>
<span class="align-middle text-muted">Users</span>
<div class="d-flex">
<div id="radial-success-chart"></div>
<h3 class="mt-1 ml-50">61K</h3>
</div>
</div>
<div class="sessions-analytics">
<i class="bx bx-trending-up align-middle mr-25"></i>
<span class="align-middle text-muted">Sessions</span>
<div class="d-flex">
<div id="radial-warning-chart"></div>
<h3 class="mt-1 ml-50">92K</h3>
</div>
</div>
<div class="bounce-rate-analytics">
<i class="bx bx-pie-chart-alt align-middle mr-25"></i>
<span class="align-middle text-muted">Bounce Rate</span>
<div class="d-flex">
<div id="radial-danger-chart"></div>
<h3 class="mt-1 ml-50">72.6%</h3>
</div>
</div>
</div>
<div id="analytics-bar-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-12 dashboard-referral-impression">
<div class="row">
<!-- Referral Chart Starts-->
<div class="col-xl-12 col-12">
<div class="card">
<div class="card-content">
<div class="card-body text-center pb-0">
<h2>$32,690</h2>
<span class="text-muted">Referral</span> 40%
<div id="success-line-chart"></div>
</div>
</div>
</div>
</div>
<!-- Impression Radial Chart Starts-->
<div class="col-xl-12 col-12">
<div class="card">
<div class="card-content">
<div class="card-body donut-chart-wrapper">
<div id="donut-chart" class="d-flex justify-content-center"></div>
<ul class="list-inline d-flex justify-content-around mb-0">
<li> <span class="bullet bullet-xs bullet-warning mr-50"></span>Search
</li>
<li> <span class="bullet bullet-xs bullet-info mr-50"></span>Email</li>
<li> <span class="bullet bullet-xs bullet-primary mr-50"></span>Social
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-12 col-sm-12">
<div class="row">
<!-- Conversion Chart Starts-->
<div class="col-xl-12 col-md-6 col-12">
<div class="card">
<div class="card-header d-flex justify-content-between pb-xl-0 pt-xl-1">
<div class="conversion-title">
<h4 class="card-title">Conversion</h4>
<p>60%
<i
class="bx bx-trending-up text-success font-size-small align-middle mr-25"></i>
</p>
</div>
<div class="conversion-rate">
<h2>89k</h2>
</div>
</div>
<div class="card-content">
<div class="card-body text-center">
<div id="bar-negative-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-md-6 col-12">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="avatar bg-rgba-primary m-0 p-25 mr-75 mr-xl-2">
<div class="avatar-content">
<i class="bx bx-user text-primary font-medium-2"></i>
</div>
</div>
<div class="total-amount">
<h5 class="mb-0">$38,566</h5>
<small class="text-muted">Conversion</small>
</div>
</div>
<div id="primary-line-chart"></div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="avatar bg-rgba-warning m-0 p-25 mr-75 mr-xl-2">
<div class="avatar-content">
<i class="bx bx-dollar text-warning font-medium-2"></i>
</div>
</div>
<div class="total-amount">
<h5 class="mb-0">$53,659</h5>
<small class="text-muted">Income</small>
</div>
</div>
<div id="warning-line-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Activity Card Starts-->
<div class="col-xl-3 col-md-6 col-12 activity-card">
<div class="card">
<div class="card-header">
<h4 class="card-title">Activity</h4>
</div>
<div class="card-content">
<div class="card-body pt-1">
<div class="d-flex activity-content">
<div class="avatar bg-rgba-primary m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-bar-chart-alt-2 text-primary"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Total Sales</small>
<small class="float-right">$8,125</small>
<div class="progress progress-bar-primary progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="50"
style="width:50%"></div>
</div>
</div>
</div>
<div class="d-flex activity-content">
<div class="avatar bg-rgba-success m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-dollar text-success"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Income Amount</small>
<small class="float-right">$18,963</small>
<div class="progress progress-bar-success progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="80"
style="width:80%"></div>
</div>
</div>
</div>
<div class="d-flex activity-content">
<div class="avatar bg-rgba-warning m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-stats text-warning"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Total Budget</small>
<small class="float-right">$14,150</small>
<div class="progress progress-bar-warning progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="60"
style="width:60%"></div>
</div>
</div>
</div>
<div class="d-flex mb-75">
<div class="avatar bg-rgba-danger m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-check text-danger"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Completed Tasks</small>
<small class="float-right">106</small>
<div class="progress progress-bar-danger progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="30"
style="width:30%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Profit Report Card Starts-->
<div class="col-xl-3 col-md-6 col-12 profit-report-card">
<div class="row">
<div class="col-md-12 col-sm-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h4 class="card-title">Profit Report</h4>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body pb-0 d-flex justify-content-around">
<div class="d-inline-flex mr-xl-2">
<div id="profit-primary-chart"></div>
<div class="profit-content ml-50 mt-50">
<h5 class="mb-0">$12k</h5>
<small class="text-muted">2019</small>
</div>
</div>
<div class="d-inline-flex">
<div id="profit-info-chart"></div>
<div class="profit-content ml-50 mt-50">
<h5 class="mb-0">$64k</h5>
<small class="text-muted">2019</small>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-6">
<div class="card">
<div class="card-header">
<h4 class="card-title">Registrations</h4>
</div>
<div class="card-content">
<div class="card-body">
<div class="d-flex align-items-end justify-content-around">
<div class="registration-content mr-xl-2">
<h4 class="mb-0">56.3k</h4>
<i class="bx bx-trending-up success align-middle"></i>
<span class="text-success">12.8%</span>
</div>
<div id="registration-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sales Chart Starts-->
<div class="col-xl-3 col-md-6 col-12 sales-card">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<div class="card-title-content">
<h4 class="card-title">Sales</h4>
<small class="text-muted">Calculated in last 7 days</small>
</div>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body">
<div id="sales-chart" class="mb-2"></div>
<div class="d-flex justify-content-between my-1">
<div class="sales-info d-flex align-items-center">
<i class='bx bx-up-arrow-circle text-primary font-medium-5 mr-50'></i>
<div class="sales-info-content">
<h6 class="mb-0">Best Selling</h6>
<small class="text-muted">Sunday</small>
</div>
</div>
<h6 class="mb-0">28.6k</h6>
</div>
<div class="d-flex justify-content-between mt-2">
<div class="sales-info d-flex align-items-center">
<i class='bx bx-down-arrow-circle icon-light font-medium-5 mr-50'></i>
<div class="sales-info-content">
<h6 class="mb-0">Lowest Selling</h6>
<small class="text-muted">Thursday</small>
</div>
</div>
<h6 class="mb-0">986k</h6>
</div>
</div>
</div>
</div>
</div>
<!-- Growth Chart Starts-->
<div class="col-xl-3 col-md-6 col-12 growth-card">
<div class="card">
<div class="card-body text-center">
<div class="dropdown">
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"
id="dropdownMenuButtonSec" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
2019
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButtonSec">
<a class="dropdown-item" href="#">2019</a>
<a class="dropdown-item" href="#">2018</a>
<a class="dropdown-item" href="#">2017</a>
</div>
</div>
<div id="growth-Chart"></div>
<h6 class="mb-0"> 62% Company Growth in 2019</h6>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Task Card Starts -->
<div class="col-lg-7">
<div class="row">
<div class="col-12">
<div class="card widget-todo">
<div
class="card-header border-bottom d-flex justify-content-between align-items-center flex-wrap">
<h4 class="card-title d-flex mb-25 mb-sm-0">
<i class='bx bx-check font-medium-5 pl-25 pr-75'></i>Tasks
</h4>
<ul class="list-inline d-flex mb-25 mb-sm-0">
<li class="d-flex align-items-center">
<i class='bx bx-check-circle font-medium-3 mr-50'></i>
<div class="dropdown">
<div class="dropdown-toggle mr-1 cursor-pointer" role="button"
id="dropdownMenuButton" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">All Task
</div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Option 1</a>
<a class="dropdown-item" href="#">Option 2</a>
<a class="dropdown-item" href="#">Option 3</a>
</div>
</div>
</li>
<li class="d-flex align-items-center">
<i class='bx bx-sort mr-50 font-medium-3'></i>
<div class="dropdown">
<div class="dropdown-toggle cursor-pointer" role="button"
id="dropdownMenuButton2" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">All Task</div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">Option 1</a>
<a class="dropdown-item" href="#">Option 2</a>
<a class="dropdown-item" href="#">Option 3</a>
</div>
</div>
</li>
</ul>
</div>
<div class="card-body px-0 py-1">
<ul class="widget-todo-list-wrapper" id="widget-todo-list">
<li class="widget-todo-item">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox1">
<label for="checkbox1"></label>
</div>
<span class="widget-todo-title ml-50">Add SCSS and JS files if
required</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-success mr-1">frontend
</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">RA</span>
</div>
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox2">
<label for="checkbox2"></label>
</div>
<span class="widget-todo-title ml-50">Check your changes,
before commiting</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-danger mr-1">backend
</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/social-2.jpg"
alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item completed">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox3" checked>
<label for="checkbox3"></label>
</div>
<span class="widget-todo-title ml-50">Dribble, Behance, UpLabs
& Pinterest Post</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-primary mr-1">UI/UX
</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">JP</span>
</div>
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox4">
<label for="checkbox4"></label>
</div>
<span class="widget-todo-title ml-50">Fresh Design Web &
Responsive Miracle</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-info mr-1">Design
</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/user-05.jpg"
alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox5">
<label for="checkbox5"></label>
</div>
<span class="widget-todo-title ml-50">Add Calendar page,
source, credit page in
documentation</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-warning mr-1">
Javascript</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">AK</span>
</div>
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div
class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i
class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input"
id="checkbox6">
<label for="checkbox6"></label>
</div>
<span class="widget-todo-title ml-50">Add Angular
Starter-kit</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-primary mr-1">UI/UX
</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/user-05.jpg"
alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span
class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i
class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i
class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Daily Financials Card Starts -->
<div class="col-lg-5">
<div class="card ">
<div class="card-header">
<h4 class="card-title">
Order Timeline
</h4>
</div>
<div class="card-content">
<div class="card-body">
<ul class="widget-timeline mb-0">
<li class="timeline-items timeline-icon-primary active">
<div class="timeline-time">September, 16</div>
<h6 class="timeline-title">1983, orders, $4220</h6>
<p class="timeline-text">2 hours ago</p>
<div class="timeline-content">
<img src="/app-assets/images/icon/pdf.png" alt="document"
height="23" width="19" class="mr-50">New Order.pdf
</div>
</li>
<li class="timeline-items timeline-icon-primary active">
<div class="timeline-time">September, 17</div>
<h6 class="timeline-title">12 Invoices have been paid</h6>
<p class="timeline-text">25 minutes ago</p>
<div class="timeline-content">
<img src="/app-assets/images/icon/pdf.png" alt="document"
height="23" width="19" class="mr-50">Invoices.pdf
</div>
</li>
<li class="timeline-items timeline-icon-primary active pb-0">
<div class="timeline-time">September, 18</div>
<h6 class="timeline-title">Order #37745 from September</h6>
<p class="timeline-text">4 minutes ago</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Dashboard Analytics end -->
</div>
</div>
</div>
@endsection
<footer class="footer footer-static footer-light">
<p class="clearfix mb-0"><span class="float-left d-inline-block">2023 &copy; PIXINVENT</span><span class="float-right d-sm-inline-block d-none">Crafted with<i class="bx bxs-heart pink mx-50 font-small-3"></i>by<a class="text-uppercase">PPTI</a></span>
<button class="btn btn-primary btn-icon scroll-top" type="button"><i class="bx bx-up-arrow-alt"></i></button>
</p>
</footer>
\ No newline at end of file
<!-- BEGIN: Vendor JS-->
<script src="/app-assets/vendors/js/vendors.min.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
<!-- BEGIN Vendor JS-->
<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/charts/apexcharts.min.js"></script>
<script src="/app-assets/vendors/js/extensions/dragula.min.js"></script>
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
<script src="/app-assets/js/scripts/configs/vertical-menu-light.js"></script>
<script src="/app-assets/js/core/app-menu.js"></script>
<script src="/app-assets/js/core/app.js"></script>
<script src="/app-assets/js/scripts/components.js"></script>
<script src="/app-assets/js/scripts/footer.js"></script>
<!-- END: Theme JS-->
<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/pages/dashboard-analytics.js"></script>
<!-- END: Page JS-->
\ No newline at end of file
......@@ -55,994 +55,24 @@
<!-- BEGIN: Main Menu-->
<div class="main-menu menu-fixed menu-light menu-accordion menu-shadow" data-scroll-to-active="true">
<div class="navbar-header">
<ul class="nav navbar-nav flex-row">
<li class="nav-item mr-auto"><a class="navbar-brand" href="/html/ltr/vertical-menu-template/index.html">
<div class="brand-logo"><img class="logo" src="/app-assets/images/logo/logo.png" /></div>
<h2 class="brand-text mb-0">Frest</h2>
</a></li>
<li class="nav-item nav-toggle"><a class="nav-link modern-nav-toggle pr-0" data-toggle="collapse"><i class="bx bx-x d-block d-xl-none font-medium-4 primary"></i><i class="toggle-icon bx bx-disc font-medium-4 d-none d-xl-block primary" data-ticon="bx-disc"></i></a></li>
</ul>
</div>
<div class="shadow-bottom"></div>
<div class="main-menu-content">
<ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation" data-icon-style="lines">
<li class=" nav-item"><a href="/html/ltr/vertical-menu-template/index.html"><i class="menu-livicon" data-icon="desktop"></i><span class="menu-title" data-i18n="Dashboard">Dashboard</span><span class="badge badge-light-danger badge-pill badge-round float-right mr-2">2</span></a>
<ul class="menu-content">
<li><a href="dashboard-ecommerce.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="eCommerce">eCommerce</span></a>
</li>
<li class="active"><a href="dashboard-analytics.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Analytics">Analytics</span></a>
</li>
</ul>
</li>
<li class=" navigation-header"><span>Apps</span>
</li>
<li class=" nav-item"><a href="app-email.html"><i class="menu-livicon" data-icon="envelope-pull"></i><span class="menu-title" data-i18n="Email">Email</span></a>
</li>
<li class=" nav-item"><a href="app-chat.html"><i class="menu-livicon" data-icon="comments"></i><span class="menu-title" data-i18n="Chat">Chat</span></a>
</li>
<li class=" nav-item"><a href="app-todo.html"><i class="menu-livicon" data-icon="check-alt"></i><span class="menu-title" data-i18n="Todo">Todo</span></a>
</li>
<li class=" nav-item"><a href="app-calendar.html"><i class="menu-livicon" data-icon="calendar"></i><span class="menu-title" data-i18n="Calendar">Calendar</span></a>
</li>
<li class=" nav-item"><a href="app-kanban.html"><i class="menu-livicon" data-icon="grid"></i><span class="menu-title" data-i18n="Kanban">Kanban</span></a>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="notebook"></i><span class="menu-title" data-i18n="Invoice">Invoice</span></a>
<ul class="menu-content">
<li><a href="app-invoice-list.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Invoice List">Invoice List</span></a>
</li>
<li><a href="app-invoice.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Invoice">Invoice</span></a>
</li>
<li><a href="app-invoice-edit.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Invoice Edit">Invoice Edit</span></a>
</li>
<li><a href="app-invoice-add.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Invoice Add">Invoice Add</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="app-file-manager.html"><i class="menu-livicon" data-icon="save"></i><span class="menu-title" data-i18n="File Manager">File Manager</span></a>
</li>
<li class=" navigation-header"><span>UI Elements</span>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="retweet"></i><span class="menu-title" data-i18n="Content">Content</span></a>
<ul class="menu-content">
<li><a href="content-grid.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Grid">Grid</span></a>
</li>
<li><a href="content-typography.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Typography">Typography</span></a>
</li>
<li><a href="content-text-utilities.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Text Utilities">Text Utilities</span></a>
</li>
<li><a href="content-syntax-highlighter.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Syntax Highlighter">Syntax Highlighter</span></a>
</li>
<li><a href="content-helper-classes.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Helper Classes">Helper Classes</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="colors.html"><i class="menu-livicon" data-icon="drop"></i><span class="menu-title" data-i18n="Colors">Colors</span></a>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="bulb"></i><span class="menu-title" data-i18n="Icons">Icons</span></a>
<ul class="menu-content">
<li><a href="icons-livicons.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="LivIcons">LivIcons</span></a>
</li>
<li><a href="icons-boxicons.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="BoxIcons">BoxIcons</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="square"></i><span class="menu-title" data-i18n="Card">Card</span></a>
<ul class="menu-content">
<li><a href="card-basic.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Basic">Basic</span></a>
</li>
<li><a href="card-actions.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Card Actions">Card Actions</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="widgets.html"><i class="menu-livicon" data-icon="thumbnails-small"></i><span class="menu-title" data-i18n="Widgets">Widgets</span><span class="badge badge-light-primary badge-pill badge-round float-right">New</span></a>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="box-add"></i><span class="menu-title" data-i18n="Components">Components</span></a>
<ul class="menu-content">
<li><a href="component-alerts.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Alerts">Alerts</span></a>
</li>
<li><a href="component-buttons-basic.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Buttons">Buttons</span></a>
</li>
<li><a href="component-breadcrumbs.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Breadcrumbs">Breadcrumbs</span></a>
</li>
<li><a href="component-carousel.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Carousel">Carousel</span></a>
</li>
<li><a href="component-collapse.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Collapse">Collapse</span></a>
</li>
<li><a href="component-dropdowns.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Dropdowns">Dropdowns</span></a>
</li>
<li><a href="component-list-group.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="List Group">List Group</span></a>
</li>
<li><a href="component-modals.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Modals">Modals</span></a>
</li>
<li><a href="component-pagination.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Pagination">Pagination</span></a>
</li>
<li><a href="component-navbar.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Navbar">Navbar</span></a>
</li>
<li><a href="component-tabs-component.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Tabs Component">Tabs Component</span></a>
</li>
<li><a href="component-pills-component.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Pills Component">Pills Component</span></a>
</li>
<li><a href="component-tooltips.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Tooltips">Tooltips</span></a>
</li>
<li><a href="component-popovers.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Popovers">Popovers</span></a>
</li>
<li><a href="component-badges.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Badges">Badges</span></a>
</li>
<li><a href="component-pill-badges.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Pill Badges">Pill Badges</span></a>
</li>
<li><a href="component-progress.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Progress">Progress</span></a>
</li>
<li><a href="component-media-objects.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Media Objects">Media Objects</span></a>
</li>
<li><a href="component-spinner.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Spinner">Spinner</span></a>
</li>
<li><a href="component-bs-toast.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Toasts">Toasts</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="briefcase"></i><span class="menu-title" data-i18n="Extra Components">Extra Components</span></a>
<ul class="menu-content">
<li><a href="ex-component-avatar.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Avatar">Avatar</span></a>
</li>
<li><a href="ex-component-chips.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Chips">Chips</span></a>
</li>
<li><a href="ex-component-divider.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Divider">Divider</span></a>
</li>
</ul>
</li>
<li class=" navigation-header"><span>Forms &amp; Tables</span>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="check"></i><span class="menu-title" data-i18n="Form Elements">Form Elements</span></a>
<ul class="menu-content">
<li><a href="form-inputs.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Input">Input</span></a>
</li>
<li><a href="form-input-groups.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Input Groups">Input Groups</span></a>
</li>
<li><a href="form-number-input.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Number Input">Number Input</span></a>
</li>
<li><a href="form-select.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Select">Select</span></a>
</li>
<li><a href="form-radio.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Radio">Radio</span></a>
</li>
<li><a href="form-checkbox.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Checkbox">Checkbox</span></a>
</li>
<li><a href="form-switch.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Switch">Switch</span></a>
</li>
<li><a href="form-textarea.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Textarea">Textarea</span></a>
</li>
<li><a href="form-quill-editor.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Quill Editor">Quill Editor</span></a>
</li>
<li><a href="form-file-uploader.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="File Uploader">File Uploader</span></a>
</li>
<li><a href="form-date-time-picker.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Date &amp; Time Picker">Date &amp; Time Picker</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="form-layout.html"><i class="menu-livicon" data-icon="settings"></i><span class="menu-title" data-i18n="Form Layout">Form Layout</span></a>
</li>
<li class=" nav-item"><a href="form-wizard.html"><i class="menu-livicon" data-icon="priority-low"></i><span class="menu-title" data-i18n="Form Wizard">Form Wizard</span></a>
</li>
<li class=" nav-item"><a href="form-validation.html"><i class="menu-livicon" data-icon="check-alt"></i><span class="menu-title" data-i18n="Form Validation">Form Validation</span></a>
</li>
<li class=" nav-item"><a href="form-repeater.html"><i class="menu-livicon" data-icon="priority-low"></i><span class="menu-title" data-i18n="Form Repeater">Form Repeater</span></a>
</li>
<li class=" nav-item"><a href="table.html"><i class="menu-livicon" data-icon="thumbnails-big"></i><span class="menu-title" data-i18n="Table">Table</span></a>
</li>
<li class=" nav-item"><a href="table-extended.html"><i class="menu-livicon" data-icon="thumbnails-small"></i><span class="menu-title" data-i18n="Table extended">Table extended</span></a>
</li>
<li class=" nav-item"><a href="table-datatable.html"><i class="menu-livicon" data-icon="morph-map"></i><span class="menu-title" data-i18n="Datatable">Datatable</span></a>
</li>
<li class=" navigation-header"><span>Pages</span>
</li>
<li class=" nav-item"><a href="page-user-profile.html"><i class="menu-livicon" data-icon="user"></i><span class="menu-title" data-i18n="User Profile">User Profile</span></a>
</li>
<li class=" nav-item"><a href="page-faq.html"><i class="menu-livicon" data-icon="question-alt"></i><span class="menu-title" data-i18n="FAQ">FAQ</span></a>
</li>
<li class=" nav-item"><a href="page-knowledge-base.html"><i class="menu-livicon" data-icon="info-alt"></i><span class="menu-title" data-i18n="Knowledge Base">Knowledge Base</span></a>
</li>
<li class=" nav-item"><a href="page-search.html"><i class="menu-livicon" data-icon="search"></i><span class="menu-title" data-i18n="Search">Search</span></a>
</li>
<li class=" nav-item"><a href="page-account-settings.html"><i class="menu-livicon" data-icon="wrench"></i><span class="menu-title" data-i18n="Account Settings">Account Settings</span></a>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="users"></i><span class="menu-title" data-i18n="User">User</span></a>
<ul class="menu-content">
<li><a href="page-users-list.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="List">List</span></a>
</li>
<li><a href="page-users-view.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="View">View</span></a>
</li>
<li><a href="page-users-edit.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Edit">Edit</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="unlink"></i><span class="menu-title" data-i18n="Starter kit">Starter kit</span></a>
<ul class="menu-content">
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-1-column.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="1 column">1 column</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-2-columns.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="2 columns">2 columns</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-fixed-navbar.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Fixed navbar">Fixed navbar</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-floating-navbar.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Floating navbar">Floating navbar</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-fixed.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Fixed layout">Fixed layout</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-static.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Static layout">Static layout</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="unlock"></i><span class="menu-title" data-i18n="Authentication">Authentication</span></a>
<ul class="menu-content">
<li><a href="auth-login.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Login">Login</span></a>
</li>
<li><a href="auth-register.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Register">Register</span></a>
</li>
<li><a href="auth-forgot-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Forgot Password">Forgot Password</span></a>
</li>
<li><a href="auth-reset-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Reset Password">Reset Password</span></a>
</li>
<li><a href="auth-lock-screen.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Lock Screen">Lock Screen</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="share"></i><span class="menu-title" data-i18n="Miscellaneous">Miscellaneous</span></a>
<ul class="menu-content">
<li><a href="page-coming-soon.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Coming Soon">Coming Soon</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Error">Error</span></a>
<ul class="menu-content">
<li><a href="error-404.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="404">404</span></a>
</li>
<li><a href="error-500.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="500">500</span></a>
</li>
</ul>
</li>
<li><a href="page-not-authorized.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Not Authorized">Not Authorized</span></a>
</li>
<li><a href="page-maintenance.html" target="_blank"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Maintenance">Maintenance</span></a>
</li>
</ul>
</li>
<li class=" navigation-header"><span>Charts &amp; Maps</span>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="pie-chart"></i><span class="menu-title" data-i18n="Charts">Charts</span><span class="badge badge-pill badge-round badge-light-info float-right mr-2">3</span></a>
<ul class="menu-content">
<li><a href="chart-apex.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Apex">Apex</span></a>
</li>
<li><a href="chart-chartjs.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Chartjs">Chartjs</span></a>
</li>
<li><a href="chart-chartist.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Chartist">Chartist</span></a>
</li>
</ul>
</li>
<li class=" nav-item"><a href="maps-google.html"><i class="menu-livicon" data-icon="globe"></i><span class="menu-title" data-i18n="Google Maps">Google Maps</span></a>
</li>
<li class=" navigation-header"><span>Extensions</span>
</li>
<li class=" nav-item"><a href="ext-component-sweet-alerts.html"><i class="menu-livicon" data-icon="warning-alt"></i><span class="menu-title" data-i18n="Sweet Alert">Sweet Alert</span></a>
</li>
<li class=" nav-item"><a href="ext-component-toastr.html"><i class="menu-livicon" data-icon="morph-map"></i><span class="menu-title" data-i18n="Toastr">Toastr</span></a>
</li>
<li class=" nav-item"><a href="ext-component-noui-slider.html"><i class="menu-livicon" data-icon="settings"></i><span class="menu-title" data-i18n="NoUi Slider">NoUi Slider</span></a>
</li>
<li class=" nav-item"><a href="ext-component-drag-drop.html"><i class="menu-livicon" data-icon="priority-high"></i><span class="menu-title" data-i18n="Drag &amp; Drop">Drag &amp; Drop</span></a>
</li>
<li class=" nav-item"><a href="ext-component-tour.html"><i class="menu-livicon" data-icon="paper-plane"></i><span class="menu-title" data-i18n="Tour">Tour</span></a>
</li>
<li class=" nav-item"><a href="ext-component-swiper.html"><i class="menu-livicon" data-icon="morph-orientation-tablet"></i><span class="menu-title" data-i18n="Swiper">Swiper</span></a>
</li>
<li class=" nav-item"><a href="ext-component-treeview.html"><i class="menu-livicon" data-icon="morph-sort-alt"></i><span class="menu-title" data-i18n="Treeview">Treeview</span></a>
</li>
<li class=" nav-item"><a href="ext-component-block-ui.html"><i class="menu-livicon" data-icon="expand"></i><span class="menu-title" data-i18n="Block-UI">Block-UI</span></a>
</li>
<li class=" nav-item"><a href="ext-component-media-player.html"><i class="menu-livicon" data-icon="music"></i><span class="menu-title" data-i18n="Media Player">Media Player</span></a>
</li>
<li class=" nav-item"><a href="ext-component-miscellaneous.html"><i class="menu-livicon" data-icon="loader-10"></i><span class="menu-title" data-i18n="Miscellaneous">Miscellaneous</span></a>
</li>
<li class=" nav-item"><a href="ext-component-i18n.html"><i class="menu-livicon" data-icon="globe"></i><span class="menu-title" data-i18n="i18n">i18n</span></a>
</li>
<li class=" navigation-header"><span>Others</span>
</li>
<li class=" nav-item"><a href="#"><i class="menu-livicon" data-icon="morph-menu-arrow-bottom"></i><span class="menu-title" data-i18n="Menu Levels">Menu Levels</span></a>
<ul class="menu-content">
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Second Level">Second Level</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Second Level">Second Level</span></a>
<ul class="menu-content">
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Third Level">Third Level</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item" data-i18n="Third Level">Third Level</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="disabled nav-item"><a href="#"><i class="menu-livicon" data-icon="morph-preview"></i><span class="menu-title" data-i18n="Disabled Menu">Disabled Menu</span></a>
</li>
<li class=" navigation-header"><span>Support</span>
</li>
<li class=" nav-item"><a href="https://pixinvent.com/demo/frest-clean-bootstrap-admin-dashboard-template/documentation" target="_blank"><i class="menu-livicon" data-icon="morph-folder"></i><span class="menu-title" data-i18n="Documentation">Documentation</span></a>
</li>
<li class=" nav-item"><a href="https://pixinvent.ticksy.com/" target="_blank"><i class="menu-livicon" data-icon="help"></i><span class="menu-title" data-i18n="Raise Support">Raise Support</span></a>
</li>
</ul>
</div>
</div>
@include('layouts.mainmenu')
<!-- END: Main Menu-->
<!-- BEGIN: Content-->
<div class="app-content content">
<div class="content-overlay"></div>
<div class="content-wrapper">
<div class="content-header row">
</div>
<div class="content-body">
<!-- Dashboard Analytics Start -->
<section id="dashboard-analytics">
<div class="row">
<!-- Website Analytics Starts-->
<div class="col-md-6 col-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h4 class="card-title">Website Analytics</h4>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body pb-1">
<div class="d-flex justify-content-around align-items-center flex-wrap">
<div class="user-analytics">
<i class="bx bx-user mr-25 align-middle"></i>
<span class="align-middle text-muted">Users</span>
<div class="d-flex">
<div id="radial-success-chart"></div>
<h3 class="mt-1 ml-50">61K</h3>
</div>
</div>
<div class="sessions-analytics">
<i class="bx bx-trending-up align-middle mr-25"></i>
<span class="align-middle text-muted">Sessions</span>
<div class="d-flex">
<div id="radial-warning-chart"></div>
<h3 class="mt-1 ml-50">92K</h3>
</div>
</div>
<div class="bounce-rate-analytics">
<i class="bx bx-pie-chart-alt align-middle mr-25"></i>
<span class="align-middle text-muted">Bounce Rate</span>
<div class="d-flex">
<div id="radial-danger-chart"></div>
<h3 class="mt-1 ml-50">72.6%</h3>
</div>
</div>
</div>
<div id="analytics-bar-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 col-sm-12 dashboard-referral-impression">
<div class="row">
<!-- Referral Chart Starts-->
<div class="col-xl-12 col-12">
<div class="card">
<div class="card-content">
<div class="card-body text-center pb-0">
<h2>$32,690</h2>
<span class="text-muted">Referral</span> 40%
<div id="success-line-chart"></div>
</div>
</div>
</div>
</div>
<!-- Impression Radial Chart Starts-->
<div class="col-xl-12 col-12">
<div class="card">
<div class="card-content">
<div class="card-body donut-chart-wrapper">
<div id="donut-chart" class="d-flex justify-content-center"></div>
<ul class="list-inline d-flex justify-content-around mb-0">
<li> <span class="bullet bullet-xs bullet-warning mr-50"></span>Search</li>
<li> <span class="bullet bullet-xs bullet-info mr-50"></span>Email</li>
<li> <span class="bullet bullet-xs bullet-primary mr-50"></span>Social</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-12 col-sm-12">
<div class="row">
<!-- Conversion Chart Starts-->
<div class="col-xl-12 col-md-6 col-12">
<div class="card">
<div class="card-header d-flex justify-content-between pb-xl-0 pt-xl-1">
<div class="conversion-title">
<h4 class="card-title">Conversion</h4>
<p>60%
<i class="bx bx-trending-up text-success font-size-small align-middle mr-25"></i>
</p>
</div>
<div class="conversion-rate">
<h2>89k</h2>
</div>
</div>
<div class="card-content">
<div class="card-body text-center">
<div id="bar-negative-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-md-6 col-12">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="avatar bg-rgba-primary m-0 p-25 mr-75 mr-xl-2">
<div class="avatar-content">
<i class="bx bx-user text-primary font-medium-2"></i>
</div>
</div>
<div class="total-amount">
<h5 class="mb-0">$38,566</h5>
<small class="text-muted">Conversion</small>
</div>
</div>
<div id="primary-line-chart"></div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<div class="avatar bg-rgba-warning m-0 p-25 mr-75 mr-xl-2">
<div class="avatar-content">
<i class="bx bx-dollar text-warning font-medium-2"></i>
</div>
</div>
<div class="total-amount">
<h5 class="mb-0">$53,659</h5>
<small class="text-muted">Income</small>
</div>
</div>
<div id="warning-line-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Activity Card Starts-->
<div class="col-xl-3 col-md-6 col-12 activity-card">
<div class="card">
<div class="card-header">
<h4 class="card-title">Activity</h4>
</div>
<div class="card-content">
<div class="card-body pt-1">
<div class="d-flex activity-content">
<div class="avatar bg-rgba-primary m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-bar-chart-alt-2 text-primary"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Total Sales</small>
<small class="float-right">$8,125</small>
<div class="progress progress-bar-primary progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="50" style="width:50%"></div>
</div>
</div>
</div>
<div class="d-flex activity-content">
<div class="avatar bg-rgba-success m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-dollar text-success"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Income Amount</small>
<small class="float-right">$18,963</small>
<div class="progress progress-bar-success progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="80" style="width:80%"></div>
</div>
</div>
</div>
<div class="d-flex activity-content">
<div class="avatar bg-rgba-warning m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-stats text-warning"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Total Budget</small>
<small class="float-right">$14,150</small>
<div class="progress progress-bar-warning progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="60" style="width:60%"></div>
</div>
</div>
</div>
<div class="d-flex mb-75">
<div class="avatar bg-rgba-danger m-0 mr-75">
<div class="avatar-content">
<i class="bx bx-check text-danger"></i>
</div>
</div>
<div class="activity-progress flex-grow-1">
<small class="text-muted d-inline-block mb-50">Completed Tasks</small>
<small class="float-right">106</small>
<div class="progress progress-bar-danger progress-sm">
<div class="progress-bar" role="progressbar" aria-valuenow="30" style="width:30%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Profit Report Card Starts-->
<div class="col-xl-3 col-md-6 col-12 profit-report-card">
<div class="row">
<div class="col-md-12 col-sm-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<h4 class="card-title">Profit Report</h4>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body pb-0 d-flex justify-content-around">
<div class="d-inline-flex mr-xl-2">
<div id="profit-primary-chart"></div>
<div class="profit-content ml-50 mt-50">
<h5 class="mb-0">$12k</h5>
<small class="text-muted">2019</small>
</div>
</div>
<div class="d-inline-flex">
<div id="profit-info-chart"></div>
<div class="profit-content ml-50 mt-50">
<h5 class="mb-0">$64k</h5>
<small class="text-muted">2019</small>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-6">
<div class="card">
<div class="card-header">
<h4 class="card-title">Registrations</h4>
</div>
<div class="card-content">
<div class="card-body">
<div class="d-flex align-items-end justify-content-around">
<div class="registration-content mr-xl-2">
<h4 class="mb-0">56.3k</h4>
<i class="bx bx-trending-up success align-middle"></i>
<span class="text-success">12.8%</span>
</div>
<div id="registration-chart"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sales Chart Starts-->
<div class="col-xl-3 col-md-6 col-12 sales-card">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<div class="card-title-content">
<h4 class="card-title">Sales</h4>
<small class="text-muted">Calculated in last 7 days</small>
</div>
<i class="bx bx-dots-vertical-rounded font-medium-3 cursor-pointer"></i>
</div>
<div class="card-content">
<div class="card-body">
<div id="sales-chart" class="mb-2"></div>
<div class="d-flex justify-content-between my-1">
<div class="sales-info d-flex align-items-center">
<i class='bx bx-up-arrow-circle text-primary font-medium-5 mr-50'></i>
<div class="sales-info-content">
<h6 class="mb-0">Best Selling</h6>
<small class="text-muted">Sunday</small>
</div>
</div>
<h6 class="mb-0">28.6k</h6>
</div>
<div class="d-flex justify-content-between mt-2">
<div class="sales-info d-flex align-items-center">
<i class='bx bx-down-arrow-circle icon-light font-medium-5 mr-50'></i>
<div class="sales-info-content">
<h6 class="mb-0">Lowest Selling</h6>
<small class="text-muted">Thursday</small>
</div>
</div>
<h6 class="mb-0">986k</h6>
</div>
</div>
</div>
</div>
</div>
<!-- Growth Chart Starts-->
<div class="col-xl-3 col-md-6 col-12 growth-card">
<div class="card">
<div class="card-body text-center">
<div class="dropdown">
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButtonSec" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2019
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButtonSec">
<a class="dropdown-item" href="#">2019</a>
<a class="dropdown-item" href="#">2018</a>
<a class="dropdown-item" href="#">2017</a>
</div>
</div>
<div id="growth-Chart"></div>
<h6 class="mb-0"> 62% Company Growth in 2019</h6>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Task Card Starts -->
<div class="col-lg-7">
<div class="row">
<div class="col-12">
<div class="card widget-todo">
<div class="card-header border-bottom d-flex justify-content-between align-items-center flex-wrap">
<h4 class="card-title d-flex mb-25 mb-sm-0">
<i class='bx bx-check font-medium-5 pl-25 pr-75'></i>Tasks
</h4>
<ul class="list-inline d-flex mb-25 mb-sm-0">
<li class="d-flex align-items-center">
<i class='bx bx-check-circle font-medium-3 mr-50'></i>
<div class="dropdown">
<div class="dropdown-toggle mr-1 cursor-pointer" role="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All Task
</div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Option 1</a>
<a class="dropdown-item" href="#">Option 2</a>
<a class="dropdown-item" href="#">Option 3</a>
</div>
</div>
</li>
<li class="d-flex align-items-center">
<i class='bx bx-sort mr-50 font-medium-3'></i>
<div class="dropdown">
<div class="dropdown-toggle cursor-pointer" role="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All Task</div>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">Option 1</a>
<a class="dropdown-item" href="#">Option 2</a>
<a class="dropdown-item" href="#">Option 3</a>
</div>
</div>
</li>
</ul>
</div>
<div class="card-body px-0 py-1">
<ul class="widget-todo-list-wrapper" id="widget-todo-list">
<li class="widget-todo-item">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox1">
<label for="checkbox1"></label>
</div>
<span class="widget-todo-title ml-50">Add SCSS and JS files if required</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-success mr-1">frontend</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">RA</span>
</div>
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox2">
<label for="checkbox2"></label>
</div>
<span class="widget-todo-title ml-50">Check your changes, before commiting</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-danger mr-1">backend</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/social-2.jpg" alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item completed">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox3" checked>
<label for="checkbox3"></label>
</div>
<span class="widget-todo-title ml-50">Dribble, Behance, UpLabs & Pinterest Post</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-primary mr-1">UI/UX</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">JP</span>
</div>
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox4">
<label for="checkbox4"></label>
</div>
<span class="widget-todo-title ml-50">Fresh Design Web & Responsive Miracle</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-info mr-1">Design</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/user-05.jpg" alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox5">
<label for="checkbox5"></label>
</div>
<span class="widget-todo-title ml-50">Add Calendar page, source, credit page in
documentation</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-warning mr-1">Javascript</div>
<div class="avatar bg-rgba-primary m-0 mr-50">
<div class="avatar-content">
<span class="font-size-base text-primary">AK</span>
</div>
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
<li class="widget-todo-item">
<div class="widget-todo-title-wrapper d-flex justify-content-between align-items-center mb-50">
<div class="widget-todo-title-area d-flex align-items-center">
<i class='bx bx-grid-vertical mr-25 font-medium-4 cursor-move'></i>
<div class="checkbox checkbox-shadow">
<input type="checkbox" class="checkbox__input" id="checkbox6">
<label for="checkbox6"></label>
</div>
<span class="widget-todo-title ml-50">Add Angular Starter-kit</span>
</div>
<div class="widget-todo-item-action d-flex align-items-center">
<div class="badge badge-pill badge-light-primary mr-1">UI/UX</div>
<div class="avatar m-0 mr-50">
<img src="/app-assets/images/profile/user-uploads/user-05.jpg" alt="img placeholder" height="32" width="32">
</div>
<div class="dropdown">
<span class="bx bx-dots-vertical-rounded font-medium-3 dropdown-toggle nav-hide-arrow cursor-pointer icon-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="menu"></span>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="bx bx-edit-alt mr-1"></i> edit</a>
<a class="dropdown-item" href="#"><i class="bx bx-trash mr-1"></i> delete</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Daily Financials Card Starts -->
<div class="col-lg-5">
<div class="card ">
<div class="card-header">
<h4 class="card-title">
Order Timeline
</h4>
</div>
<div class="card-content">
<div class="card-body">
<ul class="widget-timeline mb-0">
<li class="timeline-items timeline-icon-primary active">
<div class="timeline-time">September, 16</div>
<h6 class="timeline-title">1983, orders, $4220</h6>
<p class="timeline-text">2 hours ago</p>
<div class="timeline-content">
<img src="/app-assets/images/icon/pdf.png" alt="document" height="23" width="19" class="mr-50">New Order.pdf
</div>
</li>
<li class="timeline-items timeline-icon-primary active">
<div class="timeline-time">September, 17</div>
<h6 class="timeline-title">12 Invoices have been paid</h6>
<p class="timeline-text">25 minutes ago</p>
<div class="timeline-content">
<img src="/app-assets/images/icon/pdf.png" alt="document" height="23" width="19" class="mr-50">Invoices.pdf
</div>
</li>
<li class="timeline-items timeline-icon-primary active pb-0">
<div class="timeline-time">September, 18</div>
<h6 class="timeline-title">Order #37745 from September</h6>
<p class="timeline-text">4 minutes ago</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Dashboard Analytics end -->
</div>
</div>
</div>
@yield('container')
<!-- END: Content-->
<!-- demo chat-->
<div class="widget-chat-demo">
<!-- widget chat demo footer button start -->
<button class="btn btn-primary chat-demo-button glow px-1"><i class="livicon-evo" data-options="name: comments.svg; style: lines; size: 24px; strokeColor: #fff; autoPlay: true; repeat: loop;"></i></button>
<!-- widget chat demo footer button ends -->
<!-- widget chat demo start -->
<div class="widget-chat widget-chat-demo d-none">
<div class="card mb-0">
<div class="card-header border-bottom p-0">
<div class="media m-75">
<a href="JavaScript:void(0);">
<div class="avatar mr-75">
<img src="/app-assets/images/portrait/small/avatar-s-2.jpg" alt="avtar images" width="32" height="32">
<span class="avatar-status-online"></span>
</div>
</a>
<div class="media-body">
<h6 class="media-heading mb-0 pt-25"><a href="javaScript:void(0);">Kiara Cruiser</a></h6>
<span class="text-muted font-small-3">Active</span>
</div>
<i class="bx bx-x widget-chat-close float-right my-auto cursor-pointer"></i>
</div>
</div>
<div class="card-body widget-chat-container widget-chat-demo-scroll">
<div class="chat-content">
<div class="badge badge-pill badge-light-secondary my-1">today</div>
<div class="chat">
<div class="chat-body">
<div class="chat-message">
<p>How can we help? 😄</p>
<span class="chat-time">7:45 AM</span>
</div>
</div>
</div>
<div class="chat chat-left">
<div class="chat-body">
<div class="chat-message">
<p>Hey John, I am looking for the best admin template.</p>
<p>Could you please help me to find it out? 🤔</p>
<span class="chat-time">7:50 AM</span>
</div>
</div>
</div>
<div class="chat">
<div class="chat-body">
<div class="chat-message">
<p>Stack admin is the responsive bootstrap 4 admin template.</p>
<span class="chat-time">8:01 AM</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer border-top p-1">
<form class="d-flex" onsubmit="widgetChatMessageDemo();" action="javascript:void(0);">
<input type="text" class="form-control chat-message-demo mr-75" placeholder="Type here...">
<button type="submit" class="btn btn-primary glow px-1"><i class="bx bx-paper-plane"></i></button>
</form>
</div>
</div>
</div>
<!-- widget chat demo ends -->
</div>
<div class="sidenav-overlay"></div>
<div class="drag-target"></div>
{{-- <div class="sidenav-overlay"></div>
<div class="drag-target"></div> --}}
<!-- BEGIN: Footer-->
<footer class="footer footer-static footer-light">
<p class="clearfix mb-0"><span class="float-left d-inline-block">2020 &copy; PIXINVENT</span><span class="float-right d-sm-inline-block d-none">Crafted with<i class="bx bxs-heart pink mx-50 font-small-3"></i>by<a class="text-uppercase" href="https://1.envato.market/pixinvent_portfolio" target="_blank">Pixinvent</a></span>
<button class="btn btn-primary btn-icon scroll-top" type="button"><i class="bx bx-up-arrow-alt"></i></button>
</p>
</footer>
@include('layouts.footer')
<!-- END: Footer-->
<!-- BEGIN: Vendor JS-->
<script src="/app-assets/vendors/js/vendors.min.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
<!-- BEGIN Vendor JS-->
<!-- BEGIN: Page Vendor JS-->
<script src="/app-assets/vendors/js/charts/apexcharts.min.js"></script>
<script src="/app-assets/vendors/js/extensions/dragula.min.js"></script>
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
<script src="/app-assets/js/scripts/configs/vertical-menu-light.js"></script>
<script src="/app-assets/js/core/app-menu.js"></script>
<script src="/app-assets/js/core/app.js"></script>
<script src="/app-assets/js/scripts/components.js"></script>
<script src="/app-assets/js/scripts/footer.js"></script>
<!-- END: Theme JS-->
<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/pages/dashboard-analytics.js"></script>
<!-- END: Page JS-->
@include('layouts.js')
@stack('custom-js')
</body>
<!-- END: Body-->
</html>
\ No newline at end of file
<div class="main-menu menu-fixed menu-light menu-accordion menu-shadow"data-scroll-to-active="true">
<div class="navbar-header">
<ul class="nav navbar-nav flex-row">
<li class="nav-item mr-auto"><a class="navbar-brand"href="/html/ltr/vertical-menu-template/index.html">
<div class="brand-logo"><img class="logo"src="/app-assets/images/logo/logo.png" /></div>
<h2 class="brand-text mb-0">Frest</h2>
</a></li>
<li class="nav-item nav-toggle"><a class="nav-link modern-nav-toggle pr-0"data-toggle="collapse"><i
class="bx bx-x d-block d-xl-none font-medium-4 primary"></i><i
class="toggle-icon bx bx-disc font-medium-4 d-none d-xl-block primary"
data-ticon="bx-disc"></i></a></li>
</ul>
</div>
<div class="shadow-bottom"></div>
<div class="main-menu-content">
<ul class="navigation navigation-main"id="main-menu-navigation"data-menu="menu-navigation"
data-icon-style="lines">
<li><a href="dashboard"><i class="bx bxs-home"></i><span class="menu-item"
data-i18n="eCommerce">Beranda</span></a>
</li>
<li class="navigation-header"><span>Apps</span>
</li>
<li class="nav-item"><a href="app-email.html"><i class="menu-livicon"data-icon="envelope-pull"></i><span
class="menu-title"data-i18n="Email">Email</span></a>
</li>
<li class="nav-item"><a href="app-chat.html"><i class="menu-livicon"data-icon="comments"></i><span
class="menu-title"data-i18n="Chat">Chat</span></a>
</li>
<li class="nav-item"><a href="app-todo.html"><i class="menu-livicon"data-icon="check-alt"></i><span
class="menu-title"data-i18n="Todo">Todo</span></a>
</li>
<li class="nav-item"><a href="app-calendar.html"><i class="menu-livicon"data-icon="calendar"></i><span
class="menu-title"data-i18n="Calendar">Calendar</span></a>
</li>
<li class="nav-item"><a href="app-kanban.html"><i class="menu-livicon"data-icon="grid"></i><span
class="menu-title"data-i18n="Kanban">Kanban</span></a>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="notebook"></i><span
class="menu-title"data-i18n="Invoice">Invoice</span></a>
<ul class="menu-content">
<li><a href="app-invoice-list.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Invoice List">Invoice List</span></a>
</li>
<li><a href="app-invoice.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Invoice">Invoice</span></a>
</li>
<li><a href="app-invoice-edit.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Invoice Edit">Invoice Edit</span></a>
</li>
<li><a href="app-invoice-add.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Invoice Add">Invoice Add</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="app-file-manager.html"><i class="menu-livicon"data-icon="save"></i><span
class="menu-title"data-i18n="File Manager">File Manager</span></a>
</li>
<li class="navigation-header"><span>UI Elements</span>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="retweet"></i><span
class="menu-title"data-i18n="Content">Content</span></a>
<ul class="menu-content">
<li><a href="content-grid.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Grid">Grid</span></a>
</li>
<li><a href="content-typography.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Typography">Typography</span></a>
</li>
<li><a href="content-text-utilities.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Text Utilities">Text Utilities</span></a>
</li>
<li><a href="content-syntax-highlighter.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Syntax Highlighter">Syntax Highlighter</span></a>
</li>
<li><a href="content-helper-classes.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Helper Classes">Helper Classes</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="colors.html"><i class="menu-livicon"data-icon="drop"></i><span
class="menu-title"data-i18n="Colors">Colors</span></a>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="bulb"></i><span
class="menu-title"data-i18n="Icons">Icons</span></a>
<ul class="menu-content">
<li><a href="icons-livicons.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="LivIcons">LivIcons</span></a>
</li>
<li><a href="icons-boxicons.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="BoxIcons">BoxIcons</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="square"></i><span
class="menu-title"data-i18n="Card">Card</span></a>
<ul class="menu-content">
<li><a href="card-basic.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Basic">Basic</span></a>
</li>
<li><a href="card-actions.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Card Actions">Card Actions</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="widgets.html"><i class="menu-livicon"
data-icon="thumbnails-small"></i><span class="menu-title"
data-i18n="Widgets">Widgets</span><span
class="badge badge-light-primary badge-pill badge-round float-right">New</span></a>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="box-add"></i><span
class="menu-title"data-i18n="Components">Components</span></a>
<ul class="menu-content">
<li><a href="component-alerts.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Alerts">Alerts</span></a>
</li>
<li><a href="component-buttons-basic.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Buttons">Buttons</span></a>
</li>
<li><a href="component-breadcrumbs.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Breadcrumbs">Breadcrumbs</span></a>
</li>
<li><a href="component-carousel.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Carousel">Carousel</span></a>
</li>
<li><a href="component-collapse.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Collapse">Collapse</span></a>
</li>
<li><a href="component-dropdowns.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Dropdowns">Dropdowns</span></a>
</li>
<li><a href="component-list-group.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="List Group">List Group</span></a>
</li>
<li><a href="component-modals.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Modals">Modals</span></a>
</li>
<li><a href="component-pagination.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Pagination">Pagination</span></a>
</li>
<li><a href="component-navbar.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Navbar">Navbar</span></a>
</li>
<li><a href="component-tabs-component.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Tabs Component">Tabs Component</span></a>
</li>
<li><a href="component-pills-component.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Pills Component">Pills Component</span></a>
</li>
<li><a href="component-tooltips.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Tooltips">Tooltips</span></a>
</li>
<li><a href="component-popovers.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Popovers">Popovers</span></a>
</li>
<li><a href="component-badges.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Badges">Badges</span></a>
</li>
<li><a href="component-pill-badges.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Pill Badges">Pill Badges</span></a>
</li>
<li><a href="component-progress.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Progress">Progress</span></a>
</li>
<li><a href="component-media-objects.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Media Objects">Media Objects</span></a>
</li>
<li><a href="component-spinner.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Spinner">Spinner</span></a>
</li>
<li><a href="component-bs-toast.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Toasts">Toasts</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="briefcase"></i><span
class="menu-title"data-i18n="Extra Components">Extra Components</span></a>
<ul class="menu-content">
<li><a href="ex-component-avatar.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Avatar">Avatar</span></a>
</li>
<li><a href="ex-component-chips.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Chips">Chips</span></a>
</li>
<li><a href="ex-component-divider.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Divider">Divider</span></a>
</li>
</ul>
</li>
<li class="navigation-header"><span>Forms &amp; Tables</span>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="check"></i><span
class="menu-title"data-i18n="Form Elements">Form Elements</span></a>
<ul class="menu-content">
<li><a href="form-inputs.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Input">Input</span></a>
</li>
<li><a href="form-input-groups.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Input Groups">Input Groups</span></a>
</li>
<li><a href="form-number-input.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Number Input">Number Input</span></a>
</li>
<li><a href="form-select.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Select">Select</span></a>
</li>
<li><a href="form-radio.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Radio">Radio</span></a>
</li>
<li><a href="form-checkbox.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Checkbox">Checkbox</span></a>
</li>
<li><a href="form-switch.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Switch">Switch</span></a>
</li>
<li><a href="form-textarea.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Textarea">Textarea</span></a>
</li>
<li><a href="form-quill-editor.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Quill Editor">Quill Editor</span></a>
</li>
<li><a href="form-file-uploader.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="File Uploader">File Uploader</span></a>
</li>
<li><a href="form-date-time-picker.html"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Date &amp; Time Picker">Date &amp; Time Picker</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="form-layout.html"><i class="menu-livicon"data-icon="settings"></i><span
class="menu-title"data-i18n="Form Layout">Form Layout</span></a>
</li>
<li class="nav-item"><a href="form-wizard.html"><i class="menu-livicon"
data-icon="priority-low"></i><span class="menu-title"data-i18n="Form Wizard">Form
Wizard</span></a>
</li>
<li class="nav-item"><a href="form-validation.html"><i class="menu-livicon"
data-icon="check-alt"></i><span class="menu-title"data-i18n="Form Validation">Form
Validation</span></a>
</li>
<li class="nav-item"><a href="form-repeater.html"><i class="menu-livicon"
data-icon="priority-low"></i><span class="menu-title"data-i18n="Form Repeater">Form
Repeater</span></a>
</li>
<li class="nav-item"><a href="table.html"><i class="menu-livicon"data-icon="thumbnails-big"></i><span
class="menu-title"data-i18n="Table">Table</span></a>
</li>
<li class="nav-item"><a href="table-extended.html"><i class="menu-livicon"
data-icon="thumbnails-small"></i><span class="menu-title"data-i18n="Table extended">Table
extended</span></a>
</li>
<li class="nav-item"><a href="table-datatable.html"><i class="menu-livicon"
data-icon="morph-map"></i><span class="menu-title"data-i18n="Datatable">Datatable</span></a>
</li>
<li class="navigation-header"><span>Pages</span>
</li>
<li class="nav-item"><a href="page-user-profile.html"><i class="menu-livicon" data-icon="user"></i><span
class="menu-title"data-i18n="User Profile">User
Profile</span></a>
</li>
<li class="nav-item"><a href="page-faq.html"><i class="menu-livicon"data-icon="question-alt"></i><span
class="menu-title"data-i18n="FAQ">FAQ</span></a>
</li>
<li class="nav-item"><a href="page-knowledge-base.html"><i class="menu-livicon"
data-icon="info-alt"></i><span class="menu-title"data-i18n="Knowledge Base">Knowledge
Base</span></a>
</li>
<li class="nav-item"><a href="page-search.html"><i class="menu-livicon"data-icon="search"></i><span
class="menu-title"data-i18n="Search">Search</span></a>
</li>
<li class="nav-item"><a href="page-account-settings.html"><i class="menu-livicon"
data-icon="wrench"></i><span class="menu-title"data-i18n="Account Settings">Account
Settings</span></a>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="users"></i><span
class="menu-title"data-i18n="User">User</span></a>
<ul class="menu-content">
<li><a href="page-users-list.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="List">List</span></a>
</li>
<li><a href="page-users-view.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="View">View</span></a>
</li>
<li><a href="page-users-edit.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Edit">Edit</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="unlink"></i><span
class="menu-title"data-i18n="Starter kit">Starter kit</span></a>
<ul class="menu-content">
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-1-column.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"data-i18n="1 column">1
column</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-2-columns.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"data-i18n="2 columns">2
columns</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-fixed-navbar.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Fixed navbar">Fixed navbar</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-floating-navbar.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Floating navbar">Floating navbar</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-fixed.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Fixed layout">Fixed layout</span></a>
</li>
<li><a href="/starter-kit/ltr/vertical-menu-template/sk-layout-static.html"><i
class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Static layout">Static layout</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="unlock"></i><span
class="menu-title"data-i18n="Authentication">Authentication</span></a>
<ul class="menu-content">
<li><a href="auth-login.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Login">Login</span></a>
</li>
<li><a href="auth-register.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Register">Register</span></a>
</li>
<li><a href="auth-forgot-password.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item" data-i18n="Forgot Password">Forgot Password</span></a>
</li>
<li><a href="auth-reset-password.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Reset Password">Reset Password</span></a>
</li>
<li><a href="auth-lock-screen.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Lock Screen">Lock Screen</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="share"></i><span
class="menu-title"data-i18n="Miscellaneous">Miscellaneous</span></a>
<ul class="menu-content">
<li><a href="page-coming-soon.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Coming Soon">Coming Soon</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Error">Error</span></a>
<ul class="menu-content">
<li><a href="error-404.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="404">404</span></a>
</li>
<li><a href="error-500.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="500">500</span></a>
</li>
</ul>
</li>
<li><a href="page-not-authorized.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Not Authorized">Not Authorized</span></a>
</li>
<li><a href="page-maintenance.html"target="_blank"><i class="bx bx-right-arrow-alt"></i><span
class="menu-item"data-i18n="Maintenance">Maintenance</span></a>
</li>
</ul>
</li>
<li class="navigation-header"><span>Charts &amp; Maps</span>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"data-icon="pie-chart"></i><span
class="menu-title"data-i18n="Charts">Charts</span><span
class="badge badge-pill badge-round badge-light-info float-right mr-2">3</span></a>
<ul class="menu-content">
<li><a href="chart-apex.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Apex">Apex</span></a>
</li>
<li><a href="chart-chartjs.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Chartjs">Chartjs</span></a>
</li>
<li><a href="chart-chartist.html"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Chartist">Chartist</span></a>
</li>
</ul>
</li>
<li class="nav-item"><a href="maps-google.html"><i class="menu-livicon"data-icon="globe"></i><span
class="menu-title"data-i18n="Google Maps">Google Maps</span></a>
</li>
<li class="navigation-header"><span>Extensions</span>
</li>
<li class="nav-item"><a href="ext-component-sweet-alerts.html"><i class="menu-livicon"
data-icon="warning-alt"></i><span class="menu-title"data-i18n="Sweet Alert">Sweet
Alert</span></a>
</li>
<li class="nav-item"><a href="ext-component-toastr.html"><i class="menu-livicon"
data-icon="morph-map"></i><span class="menu-title"data-i18n="Toastr">Toastr</span></a>
</li>
<li class="nav-item"><a href="ext-component-noui-slider.html"><i class="menu-livicon"
data-icon="settings"></i><span class="menu-title"data-i18n="NoUi Slider">NoUi
Slider</span></a>
</li>
<li class="nav-item"><a href="ext-component-drag-drop.html"><i class="menu-livicon"
data-icon="priority-high"></i><span class="menu-title"data-i18n="Drag &amp; Drop">Drag &amp;
Drop</span></a>
</li>
<li class="nav-item"><a href="ext-component-tour.html"><i class="menu-livicon"
data-icon="paper-plane"></i><span class="menu-title"data-i18n="Tour">Tour</span></a>
</li>
<li class="nav-item"><a href="ext-component-swiper.html"><i class="menu-livicon"
data-icon="morph-orientation-tablet"></i><span class="menu-title"
data-i18n="Swiper">Swiper</span></a>
</li>
<li class="nav-item"><a href="ext-component-treeview.html"><i class="menu-livicon"
data-icon="morph-sort-alt"></i><span class="menu-title"
data-i18n="Treeview">Treeview</span></a>
</li>
<li class="nav-item"><a href="ext-component-block-ui.html"><i class="menu-livicon"
data-icon="expand"></i><span class="menu-title"data-i18n="Block-UI">Block-UI</span></a>
</li>
<li class="nav-item"><a href="ext-component-media-player.html"><i class="menu-livicon"
data-icon="music"></i><span class="menu-title"data-i18n="Media Player">Media
Player</span></a>
</li>
<li class="nav-item"><a href="ext-component-miscellaneous.html"><i class="menu-livicon"
data-icon="loader-10"></i><span class="menu-title"
data-i18n="Miscellaneous">Miscellaneous</span></a>
</li>
<li class="nav-item"><a href="ext-component-i18n.html"><i class="menu-livicon"
data-icon="globe"></i><span class="menu-title"data-i18n="i18n">i18n</span></a>
</li>
<li class="navigation-header"><span>Others</span>
</li>
<li class="nav-item"><a href="#"><i class="menu-livicon"
data-icon="morph-menu-arrow-bottom"></i><span class="menu-title"data-i18n="Menu Levels">Menu
Levels</span></a>
<ul class="menu-content">
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Second Level">Second Level</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Second Level">Second Level</span></a>
<ul class="menu-content">
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Third Level">Third Level</span></a>
</li>
<li><a href="#"><i class="bx bx-right-arrow-alt"></i><span class="menu-item"
data-i18n="Third Level">Third Level</span></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="disabled nav-item"><a href="#"><i class="menu-livicon"
data-icon="morph-preview"></i><span class="menu-title"data-i18n="Disabled Menu">Disabled
Menu</span></a>
</li>
<li class="navigation-header"><span>Support</span>
</li>
<li class="nav-item"><a
href="https://pixinvent.com/demo/frest-clean-bootstrap-admin-dashboard-template/documentation"
target="_blank"><i class="menu-livicon"data-icon="morph-folder"></i><span class="menu-title"
data-i18n="Documentation">Documentation</span></a>
</li>
<li class="nav-item"><a href="https://pixinvent.ticksy.com/"target="_blank"><i class="menu-livicon"
data-icon="help"></i><span class="menu-title"data-i18n="Raise Support">Raise
Support</span></a>
</li>
</ul>
</div>
</div>
<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name="description" content="Frest admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
<meta name="keywords" content="admin template, Frest admin template, dashboard template, flat admin template, responsive admin template, web app">
<meta name="author" content="PIXINVENT">
<title>Login Page Kalendar UNESA</title>
<link rel="apple-touch-icon" href="/app-assets/images/ico/apple-icon-120.png">
<link rel="shortcut icon" type="image/x-icon" href="/app-assets/images/ico/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,600%7CIBM+Plex+Sans:300,400,500,600,700" rel="stylesheet">
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
<!-- END: Vendor CSS-->
<!-- BEGIN: Theme CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/bootstrap-extended.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/colors.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/themes/dark-layout.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/themes/semi-dark-layout.css">
<!-- END: Theme CSS-->
<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="/app-assets/css/pages/authentication.css">
<!-- END: Page CSS-->
<!-- BEGIN: Custom CSS-->
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<!-- END: Custom CSS-->
</head>
<!-- END: Head-->
<!-- BEGIN: Body-->
<body class="vertical-layout vertical-menu-modern 1-column navbar-sticky footer-static bg-full-screen-image blank-page blank-page" data-open="click" data-menu="vertical-menu-modern" data-col="1-column">
<!-- BEGIN: Content-->
<div class="app-content content">
<div class="content-overlay"></div>
<div class="content-wrapper">
<div class="content-header row">
</div>
<div class="content-body">
<!-- login page start -->
<section id="auth-login" class="row flexbox-container">
<div class="col-xl-8 col-11">
<div class="card bg-authentication mb-0">
<div class="row m-0">
<!-- left section-login -->
<div class="col-md-6 col-12 px-0">
<div class="card disable-rounded-right mb-0 p-2 h-100 d-flex justify-content-center">
<div class="card-header pb-1">
<div class="card-title">
<h4 class="text-center mb-2">Welcome Back</h4>
</div>
</div>
<div class="card-content">
<div class="card-body">
<div class="d-flex flex-md-row flex-column justify-content-around">
<a href="#" class="btn btn-social btn-google btn-block font-small-3 mr-md-1 mb-md-0 mb-1">
<i class="bx bxl-google font-medium-3"></i><span class="pl-50 d-block text-center">Google</span></a>
<a href="#" class="btn btn-social btn-block mt-0 btn-facebook font-small-3">
<i class="bx bxl-facebook-square font-medium-3"></i><span class="pl-50 d-block text-center">Facebook</span></a>
</div>
<div class="divider">
<div class="divider-text text-uppercase text-muted"><small>or login with
email</small>
</div>
</div>
<form action="index.html">
<div class="form-group mb-50">
<label class="text-bold-600" for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email address"></div>
<div class="form-group">
<label class="text-bold-600" for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group d-flex flex-md-row flex-column justify-content-between align-items-center">
<div class="text-left">
<div class="checkbox checkbox-sm">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="checkboxsmall" for="exampleCheck1"><small>Keep me logged
in</small></label>
</div>
</div>
<div class="text-right"><a href="auth-forgot-password.html" class="card-link"><small>Forgot Password?</small></a></div>
</div>
<button type="submit" class="btn btn-primary glow w-100 position-relative">Login<i id="icon-arrow" class="bx bx-right-arrow-alt"></i></button>
</form>
<hr>
<div class="text-center"><small class="mr-25">Don't have an account?</small><a href="auth-register.html"><small>Sign up</small></a></div>
</div>
</div>
</div>
</div>
<!-- right section image -->
<div class="col-md-6 d-md-block d-none text-center align-self-center p-3">
<div class="card-content">
<img class="img-fluid" src="/app-assets/images/pages/login.png" alt="branding logo">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- login page ends -->
</div>
</div>
</div>
<!-- END: Content-->
<!-- BEGIN: Vendor JS-->
<script src="/app-assets/vendors/js/vendors.min.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.tools.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.defaults.js"></script>
<script src="/app-assets/fonts/LivIconsEvo/js/LivIconsEvo.min.js"></script>
<!-- BEGIN Vendor JS-->
<!-- BEGIN: Page Vendor JS-->
<!-- END: Page Vendor JS-->
<!-- BEGIN: Theme JS-->
<script src="/app-assets/js/scripts/configs/vertical-menu-light.js"></script>
<script src="/app-assets/js/core/app-menu.js"></script>
<script src="/app-assets/js/core/app.js"></script>
<script src="/app-assets/js/scripts/components.js"></script>
<script src="/app-assets/js/scripts/footer.js"></script>
<!-- END: Theme JS-->
<!-- BEGIN: Page JS-->
<!-- END: Page JS-->
</body>
<!-- END: Body-->
</html>
\ No newline at end of file
......@@ -15,7 +15,7 @@
*/
Route::get('/', function () {
return view('welcome');
return view('login');
});
Route::get('dashboard', [DashboardController::class, 'index']);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment