fix component for sidebar

This commit is contained in:
armiejean 2025-04-15 11:25:50 +08:00
parent 0fa9d76b89
commit 63d9e8f605
21 changed files with 447 additions and 689 deletions

View File

@ -1,243 +0,0 @@
<!Doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>cms dashboard
</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!----css3---->
<link rel="stylesheet" href="css/custom.css">
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="wrapper">
<div class="body-overlay"></div>
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3><img src="img/logo.png" class="img-fluid"/><span></span></h3>
</div>
<ul class="list-unstyled components">
<li class="active ">
<a href="#" class="dashboard "><i class="fa-solid fa-gauge" ></i><span>User Management</span></a>
</li>
<li>
<a href="#" class="dashboard"><i class="fa-solid fa-bell"></i><span>Notifications</span></a>
</li>
<li class="dropdown">
<a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fa-solid fa-users-gear"></i><span>Member Management</span></a>
<ul class="collapse list-unstyled menu" id="homeSubmenu1">
<li><a href="#">Card Member</a></li>
<li><a href="#">Locked Accounts</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fa-solid fa-mobile-screen"></i><span>Home Page (Mobile)</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu2">
<li><a href="#">Photo Slider</a></li>
</ul>
</li>
<li>
<a href="#" class="dashboard"><i class="fa-solid fa-tag"></i><span>Promotions</span></a>
</li>
<li>
<a href="#" class="dashboard"><i class="fa-solid fa-wallet"></i><span>Top-Up</span></a>
</li>
<li class="dropdown">
<a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fa-solid fa-circle-info"></i><span>About Us</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu3">
<li><a href="#">Card Types</a></li>
<li><a href="#">Terms & Privacy</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fa-solid fa-chart-column"></i><span>Reports</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu4">
<li><a href="#">Registration Report</a></li>
<li><a href="#">Top-Up Usage Report</a></li>
<li><a href="#">Mobile Usage Report</a></li>
<li><a href="#">Station Rating Report</a></li>
</ul>
</li>
<li>
<a href="#"><i class="fa-solid fa-sliders"></i><span>System Parameters</span></a>
</li>
<li class="dropdown">
<a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fa-solid fa-location-dot"></i><span>Station Locator</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu5">
<li><a href="#">Branches</a></li>
<li><a href="#">Stations</a></li>
<li><a href="#">Fuels</a></li>
</ul>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<div class="top-navbar">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none">
<span class="fa-solid fa-arrow-left"></span>
</button>
<a class="navbar-brand" href="#"> Dashboard </a>
<button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-icons">more_vert</span>
</button>
<div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#" role="button" data-toggle="dropdown">
<span>LBTek Systems</span>
<i class="fa-solid fa-user-circle"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm">
<li>
<a class="dropdown-item d-flex align-items-center gap-2" href="/profile">
<i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i>
<span>My Profile</span>
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center gap-2" href="/logout">
<i class="fa-solid fa-right-from-bracket" style="font-size:16px; color:gray;"></i>
<span>Logout</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="main-content">
<div class="row ">
<div class="col-lg-7 col-md-12">
<div class="card" style="min-height: 500px">
<div class="card-header card-header-text">
<h4 class="card-title">Employees Stats</h4>
<p class="category">New employees on 15th December, 2016</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
$('#content').toggleClass('active');
});
$('.more-button,.body-overlay').on('click', function () {
$('#sidebar,.body-overlay').toggleClass('show-nav');
});
});
</script>
</body>
</html>

View File

@ -5,7 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>cms dashboard <title>CMS-Laravel
</title> </title>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
@ -19,16 +19,12 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--google material icon-->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
rel="stylesheet">
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@ -38,175 +34,82 @@
<!-- Sidebar --> <!-- Sidebar -->
<nav id="sidebar"> <nav id="sidebar">
<div class="sidebar-header"> <div class="sidebar-header">
<h3><img src="img/logo.png" class="img-fluid"/><span>Vishweb design</span></h3> <h3><img src="img/logo.png" class="img-fluid"/><span></span></h3>
</div> </div>
<ul class="list-unstyled components"> <ul class="list-unstyled components">
<li class="active"> <li class="{{ Request::is('user-management') ? 'active' : '' }}">
<a href="#" class="dashboard"><i class="material-icons">dashboard</i><span>Dashboard</span></a> <a href="{{ route('user.management') }}" class="dashboard " style="display:flex"><i class="fa-solid fa-gauge" style="padding-top:3px"></i><span>User Management</span></a>
</li> </li>
<li class="{{ Request::is('notification') ? 'active' : '' }}">
<a href="{{ route('notification') }}" class="dashboard" style="display:flex"><i class="fa-solid fa-bell" style="padding-top:3px"></i><span>Notifications</span></a>
</li>
<div class="small-screen navbar-display"> <li class="dropdown">
<li class="dropdown d-lg-none d-md-block d-xl-none d-sm-block"> <a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" style="display:flex">
<a href="#homeSubmenu0" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> <i class="fa-solid fa-users-gear" style="padding-top:3px"></i><span>Member Management</span></a>
<i class="material-icons">notifications</i><span> 4 notification</span></a> <ul class="collapse list-unstyled menu" id="homeSubmenu1">
<ul class="collapse list-unstyled menu" id="homeSubmenu0"> <li class="{{ Request::is('card-member') ? 'active' : '' }}"><a href="{{ route('card-member') }}">Card Member</a></li>
<li> <li class="{{ Request::is('locked-accounts') ? 'active' : '' }}"><a href="{{ route('locked-accounts') }}">Locked Accounts</a></li>
<a href="#">You have 5 new messages</a> </ul>
</li> </li>
<li>
<a href="#">You're now friend with Mike</a>
</li>
<li>
<a href="#">Wish Mary on her birthday!</a>
</li>
<li>
<a href="#">5 warnings in Server Console</a>
</li>
</ul>
</li>
<li class="d-lg-none d-md-block d-xl-none d-sm-block"> <li class="dropdown">
<a href="#"><i class="material-icons">apps</i><span>apps</span></a> <a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" style="display:flex">
</li> <i class="fa-solid fa-mobile-screen" style="padding-top:3px"></i><span>Home Page (Mobile)</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu2">
<li class="{{ Request::is('photo-slider') ? 'active' : '' }}"><a href="{{ route('photo-slider') }}">Photo Slider</a></li>
</ul>
</li>
<li class="d-lg-none d-md-block d-xl-none d-sm-block"> <li class="{{ Request::is('promotions') ? 'active' : '' }}">
<a href="#"><i class="material-icons">person</i><span>user</span></a> <a href="{{ route('promotions') }}" class="dashboard" style="display:flex"><i class="fa-solid fa-tag" style="padding-top:3px"></i><span>Promotions</span></a>
</li> </li>
<li class="d-lg-none d-md-block d-xl-none d-sm-block"> <li class="{{ Request::is('top-up') ? 'active' : '' }}">
<a href="#"><i class="material-icons">settings</i><span>setting</span></a> <a href="{{ route('top-up') }}" class="dashboard" style="display:flex"><i class="fa-solid fa-wallet" style="padding-top:3px"></i><span>Top-Up</span></a>
</li> </li>
</div>
<li class="dropdown">
<a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" style="display:flex">
<i class="fa-solid fa-circle-info" style="padding-top:3px"></i><span>About Us</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu3">
<li class="{{ Request::is('card-types') ? 'active' : '' }}"><a href="{{ route('card-types') }}">Card Types</a></li>
<li class="{{ Request::is('terms-and-privacy') ? 'active' : '' }}"><a href="{{ route('terms-and-privacy') }}">Terms & Privacy</a></li>
</ul>
</li>
<li class="dropdown"> <li class="dropdown">
<a href="#homeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> <a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" style="display:flex">
<i class="material-icons">aspect_ratio</i><span>Layouts</span></a> <i class="fa-solid fa-chart-column" style="padding-top:3px"></i><span>Reports</span></a>
<ul class="collapse list-unstyled menu" id="homeSubmenu1"> <ul class="collapse list-unstyled menu" id="pageSubmenu4">
<li> <li class="{{ Request::is('registration-report') ? 'active' : '' }}"><a href="{{ route('registration-report') }}">Registration Report</a></li>
<a href="#">Home 1</a> <li class="{{ Request::is('top-up-usage-report') ? 'active' : '' }}"><a href="{{ route('top-up-usage-report') }}">Top-Up Usage Report</a></li>
</li> <li class="{{ Request::is('mobile-usage-report') ? 'active' : '' }}"><a href="{{ route('mobile-usage-report') }}">Mobile Usage Report</a></li>
<li> <li class="{{ Request::is('station-rating-report') ? 'active' : '' }}"><a href="{{ route('station-rating-report') }}">Station Rating Report</a></li>
<a href="#">Home 2</a> </ul>
</li> </li>
<li>
<a href="#">Home 3</a>
</li>
</ul>
</li>
<li class="dropdown"> <li class="{{ Request::is('system-parameters') ? 'active' : '' }}">
<a href="#pageSubmenu2" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> <a href="{{ route('system-parameters') }}" style="display:flex"><i class="fa-solid fa-sliders" style="padding-top:3px"></i><span>System Parameters</span></a>
<i class="material-icons">apps</i><span>widgets</span></a> </li>
<ul class="collapse list-unstyled menu" id="pageSubmenu2">
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="dropdown"> <li class="dropdown">
<a href="#pageSubmenu3" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> <a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" style="display:flex">
<i class="material-icons">equalizer</i> <i class="fa-solid fa-location-dot" style="padding-top:3px"></i><span>Station Locator</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu5">
<li class="{{ Request::is('branches') ? 'active' : '' }}"><a href="{{ route('branches') }}">Branches</a></li>
<span>chart</span></a> <li class="{{ Request::is('stations') ? 'active' : '' }}"><a href="{{ route('stations') }}">Stations</a></li>
<ul class="collapse list-unstyled menu" id="pageSubmenu3"> <li class="{{ Request::is('fuels') ? 'active' : '' }}"><a href="{{ route('fuels') }}">Fuels</a></li>
<li> </ul>
<a href="#">Page 1</a> </li>
</li> </ul>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu4" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">extension</i><span>ui element</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu4">
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu5" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">border_color</i><span>forms</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu5">
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu6" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">grid_on</i><span>tables</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu6">
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#pageSubmenu7" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="material-icons">content_copy</i><span>Pages</span></a>
<ul class="collapse list-unstyled menu" id="pageSubmenu7">
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
</ul>
</li>
<li class="">
<a href="#"><i class="material-icons">date_range</i><span>copy</span></a>
</li>
<li class="">
<a href="#"><i class="material-icons">library_books</i><span>Calender</span></a>
</li>
</ul>
</nav> </nav>
@ -215,59 +118,51 @@
<!-- Page Content --> <!-- Page Content -->
<div id="content"> <div id="content">
<div class="top-navbar"> <div class="top-navbar" >
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg" style="background-color:rgba(231, 70, 16, 0.84)">
<div class="container-fluid"> <div class="container-fluid">
<button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none"> <button type="button" id="sidebarCollapse" class="d-xl-block d-lg-block d-md-mone d-none">
<span class="material-icons">arrow_back_ios</span> <span class="fa-solid fa-arrow-left"></span>
</button> </button>
<a class="navbar-brand" href="#"> Dashboard </a>
<button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="d-inline-block d-lg-none ml-auto more-button" type="button" data-toggle="collapse"
<span class="material-icons">more_vert</span> data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
</button> <i class="fas fa-ellipsis-v"></i>
</button>
<div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent"> <div class="collapse navbar-collapse d-lg-block d-xl-block d-sm-none d-md-none d-none" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="dropdown nav-item active">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="material-icons">notifications</span>
<span class="notification">4</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">You have 5 new messages</a>
</li>
<li>
<a href="#">You're now friend with Mike</a>
</li>
<li>
<a href="#">Wish Mary on her birthday!</a>
</li>
<li>
<a href="#">5 warnings in Server Console</a>
</li>
</ul>
</li> <li class="nav-item dropdown">
<li class="nav-item"> <a class="nav-link dropdown-toggle d-flex align-items-center gap-2" href="#" role="button" data-toggle="dropdown" >
<a class="nav-link" href="#"> <span style="margin-right:5px">LBTek Systems</span>
<span class="material-icons">apps</span> <i class="fa-solid fa-user-circle" style="padding-right:5px"></i>
</a> </a>
</li> <ul class="dropdown-menu dropdown-menu-end dropdown-menu-sm">
<li class="nav-item"> <li>
<a class="nav-link" href="#"> <a class="dropdown-item d-flex align-items-center gap-2" href="/profile">
<span class="material-icons">person</span> <i class="fa-solid fa-user" style="font-size:16px; color:gray;"></i>
</a> <span>My Profile</span>
</li> </a>
<li class="nav-item"> </li>
<a class="nav-link" href="#"> <li>
<span class="material-icons">settings</span> <a class="dropdown-item d-flex align-items-center gap-2" href="/logout">
</a> <i class="fa-solid fa-right-from-bracket" style="font-size:16px; color:gray;"></i>
</li> <span>Logout</span>
</a>
</li>
</ul>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -277,244 +172,25 @@
<div class="main-content"> <div class="main-content">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-header">
<div class="icon icon-warning">
<span class="material-icons">equalizer</span>
</div>
</div>
<div class="card-content">
<p class="category"><strong>Visits</strong></p>
<h3 class="card-title">70,340</h3>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons text-info">info</i>
<a href="#pablo">See detailed report</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-header">
<div class="icon icon-rose">
<span class="material-icons">shopping_cart</span>
</div>
</div>
<div class="card-content">
<p class="category"><strong>Orders</strong></p>
<h3 class="card-title">102</h3>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">local_offer</i> Product-wise sales
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-header">
<div class="icon icon-success">
<span class="material-icons">
attach_money
</span>
</div>
</div>
<div class="card-content">
<p class="category"><strong>Revenue</strong></p>
<h3 class="card-title">$23,100</h3>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">date_range</i> Weekly sales
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card card-stats">
<div class="card-header">
<div class="icon icon-info">
<span class="material-icons">
follow_the_signs
</span>
</div>
</div>
<div class="card-content">
<p class="category"><strong>Followers</strong></p>
<h3 class="card-title">+245</h3>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">update</i> Just Updated
</div>
</div>
</div>
</div>
</div>
<div class="row "> <div class="row ">
<div class="col-lg-7 col-md-12"> <div class="col-lg-7 col-md-12">
<div class="card" style="min-height: 485px"> <div class="card" style="min-height: 500px; ">
<div class="card-header card-header-text"> <div class="card-header ">
<h4 class="card-title">Employees Stats</h4>
<p class="category">New employees on 15th December, 2016</p> @yield('content')
</div> </div>
<div class="card-content table-responsive">
<table class="table table-hover">
<thead class="text-primary">
<tr><th>ID</th>
<th>Name</th>
<th>Salary</th>
<th>Country</th>
</tr></thead>
<tbody>
<tr>
<td>1</td>
<td>Bob Williams</td>
<td>$23,566</td>
<td>USA</td>
</tr>
<tr>
<td>2</td>
<td>Mike Tyson</td>
<td>$10,200</td>
<td>Canada</td>
</tr>
<tr>
<td>3</td>
<td>Tim Sebastian</td>
<td>$32,190</td>
<td>Netherlands</td>
</tr>
<tr>
<td>4</td>
<td>Philip Morris</td>
<td>$31,123</td>
<td>Korea, South</td>
</tr>
<tr>
<td>5</td>
<td>Minerva Hooper</td>
<td>$23,789</td>
<td>South Africa</td>
</tr>
<tr>
<td>6</td>
<td>Hulk Hogan</td>
<td>$43,120</td>
<td>Netherlands</td>
</tr>
<tr>
<td>7</td>
<td>Angelina Jolie </td>
<td>$12,140</td>
<td>Australia</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-5 col-md-12">
<div class="card" style="min-height: 485px">
<div class="card-header card-header-text">
<h4 class="card-title">Activities</h4>
</div>
<div class="card-content">
<div class="streamline">
<div class="sl-item sl-primary">
<div class="sl-content">
<small class="text-muted">5 mins ago</small>
<p>Williams has just joined Project X</p>
</div>
</div>
<div class="sl-item sl-danger">
<div class="sl-content">
<small class="text-muted">25 mins ago</small>
<p>Jane has sent a request for access to the project folder</p>
</div>
</div>
<div class="sl-item sl-success">
<div class="sl-content">
<small class="text-muted">40 mins ago</small>
<p>Kate added you to her team</p>
</div>
</div>
<div class="sl-item">
<div class="sl-content">
<small class="text-muted">45 minutes ago</small>
<p>John has finished his task</p>
</div>
</div>
<div class="sl-item sl-warning">
<div class="sl-content">
<small class="text-muted">55 mins ago</small>
<p>Jim shared a folder with you</p>
</div>
</div>
<div class="sl-item">
<div class="sl-content">
<small class="text-muted">60 minutes ago</small>
<p>John has finished his task</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<nav class="d-flex">
<ul class="m-0 p-0">
<li>
<a href="#">
Home
</a>
</li>
<li>
<a href="#">
Company
</a>
</li>
<li>
<a href="#">
Portfolio
</a>
</li>
<li>
<a href="#">
Blog
</a>
</li>
</ul>
</nav>
</div>
<div class="col-md-6">
<p class="copyright d-flex justify-content-end"> &copy 2021 Design by
<a href="#">Vishweb Design</a> BootStrap Admin Dashboard
</p>
</div>
</div>
</div>
</footer>
</div> </div>

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'About Us')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-circle-info" style="color:gray;"> Card Types</i>
</div>
<div class="card-body">
<p>This is the Card Types page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'About Us')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-circle-info" style="color:gray;"> Terms and Privacy</i>
</div>
<div class="card-body">
<p>This is the Terms and Privacy page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Home Page')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-mobile-screen" style="color:gray;"> Home Page</i>
</div>
<div class="card-body">
<p>This is the Photo Slider page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Member Management')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-users-gear" style="color:gray;"> Card Member</i>
</div>
<div class="card-body">
<p>This is the Card Member page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Member Management')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-users-gear" style="color:gray;"> Locked Accounts</i>
</div>
<div class="card-body">
<p>This is the Locked Accounts page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'My Profile')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-user" style="color:gray;"> My Profile</i>
</div>
<div class="card-body">
<p>This is the Profile page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Notifications')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-bell" style="color:gray;"> Notifications</i>
</div>
<div class="card-body">
<p>This is the Notification page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Promotions')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-tag" style="color:gray;"> Promotions</i>
</div>
<div class="card-body">
<p>This is the Promotions page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Reports')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-chart-column" style="color:gray;"> Mobile Usage Report</i>
</div>
<div class="card-body">
<p>This is the Mobile Usage Report page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Reports')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-chart-column" style="color:gray;"> Registration Report</i>
</div>
<div class="card-body">
<p>This is the Registration Report page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Reports')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-chart-column" style="color:gray;"> Station Rating Report</i>
</div>
<div class="card-body">
<p>This is the Station Rating Report page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Reports')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-chart-column" style="color:gray;"> Top-Up Usage Report</i>
</div>
<div class="card-body">
<p>This is the Top-Up Usage Report page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Station Locator')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-location-dot" style="color:gray;"> Branches</i>
</div>
<div class="card-body">
<p>This is the Branches page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Station Locator')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-location-dot" style="color:gray;"> Fuels</i>
</div>
<div class="card-body">
<p>This is the Fuels page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Station Locator')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-location-dot" style="color:gray;"> Stations</i>
</div>
<div class="card-body">
<p>This is the Stations page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'System Parameters')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-sliders" style="color:gray;"> System Parameters</i>
</div>
<div class="card-body">
<p>This is the System Parameters page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'Top-Up')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-wallet" style="color:gray;"> Top-Up</i>
</div>
<div class="card-body">
<p>This is the Top-Up page content.</p>
</div>
</div>
@endsection

View File

@ -0,0 +1,14 @@
@extends('layouts.app')
@section('page_title', 'User Management')
@section('content')
<div class="card" style="min-height: 500px;">
<div class="card-header">
<i class="fa-solid fa-users" style="color:gray;"> User Management</i>
</div>
<div class="card-body">
<p>This is the User Management page content.</p>
</div>
</div>
@endsection

View File

@ -10,3 +10,76 @@ Route::get('/', function () {
Route::get('/dashboard', function () { Route::get('/dashboard', function () {
return view('dashboard'); return view('dashboard');
}); });
Route::get('/user-management', function () {
return view('pages.user-management');
})->name('user.management');
Route::get('/notification', function () {
return view('pages.notification');
})->name('notification');
Route::get('/card-member', function () {
return view('pages.member management.card-member');
})->name('card-member');
Route::get('/locked-accounts', function () {
return view('pages.member management.locked-accounts');
})->name('locked-accounts');
Route::get('/photo-slider', function () {
return view('pages.home page.photo-slider');
})->name('photo-slider');
Route::get('/promotions', function () {
return view('pages.promotions');
})->name('promotions');
Route::get('/top-up', function () {
return view('pages.top-up');
})->name('top-up');
Route::get('/card-types', function () {
return view('pages.about us.card-types');
})->name('card-types');
Route::get('/terms-and-privacy', function () {
return view('pages.about us.terms-and-privacy');
})->name('terms-and-privacy');
Route::get('/registration-report', function () {
return view('pages.reports.registration-report');
})->name('registration-report');
Route::get('/top-up-usage-report', function () {
return view('pages.reports.top-up-usage-report');
})->name('top-up-usage-report');
Route::get('/mobile-usage-report', function () {
return view('pages.reports.mobile-usage-report');
})->name('mobile-usage-report');
Route::get('/station-rating-report', function () {
return view('pages.reports.station-rating-report');
})->name('station-rating-report');
Route::get('/system-parameters', function () {
return view('pages.system-parameters');
})->name('system-parameters');
Route::get('/branches', function () {
return view('pages.station locator.branches');
})->name('branches');
Route::get('/stations', function () {
return view('pages.station locator.stations');
})->name('stations');
Route::get('/fuels', function () {
return view('pages.station locator.fuels');
})->name('fuels');
Route::get('/my-profile', function () {
return view('pages.my-profile');
})->name('my-profile');