131 lines
4.8 KiB
PHP
131 lines
4.8 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Admin Panel</title>
|
||
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
display: flex;
|
||
|
|
background-color: #f8f9fa;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
.sidebar {
|
||
|
|
width: 250px;
|
||
|
|
background: #ffffff;
|
||
|
|
border-right: 1px solid #dee2e6;
|
||
|
|
flex-shrink: 0;
|
||
|
|
}
|
||
|
|
.sidebar .logo {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 15px;
|
||
|
|
border-bottom: 1px solid #dee2e6;
|
||
|
|
}
|
||
|
|
.sidebar .logo img {
|
||
|
|
height: 40px;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.sidebar a {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
color: #333;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 10px 20px;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin: 4px 10px;
|
||
|
|
transition: 0.2s;
|
||
|
|
}
|
||
|
|
.sidebar a:hover, .sidebar a.active {
|
||
|
|
background: #e7f1ff;
|
||
|
|
color: #0d6efd;
|
||
|
|
}
|
||
|
|
.sidebar a i {
|
||
|
|
margin-right: 10px;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
background: #ffffff;
|
||
|
|
padding: 10px 25px;
|
||
|
|
border-bottom: 1px solid #dee2e6;
|
||
|
|
}
|
||
|
|
.main-content {
|
||
|
|
flex-grow: 1;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.content-wrapper {
|
||
|
|
padding: 25px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Sidebar -->
|
||
|
|
<div class="sidebar">
|
||
|
|
<div class="logo">
|
||
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/4/47/Kent_Ro_Systems_logo.png" alt="Logo">
|
||
|
|
<div>
|
||
|
|
<strong>KENT</strong><br>
|
||
|
|
<small>International Pvt. Ltd.</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="{{ route('admin.dashboard') }}" class="{{ request()->routeIs('admin.dashboard') ? 'active' : '' }}"><i class="bi bi-house"></i> Dashboard</a>
|
||
|
|
<a href="{{ route('admin.shipments') }}" class="{{ request()->routeIs('admin.shipments') ? 'active' : '' }}"><i class="bi bi-truck"></i> Shipments</a>
|
||
|
|
<a href="{{ route('admin.invoice') }}" class="{{ request()->routeIs('admin.invoice') ? 'active' : '' }}"><i class="bi bi-receipt"></i> Invoice</a>
|
||
|
|
<a href="{{ route('admin.customers') }}" class="{{ request()->routeIs('admin.customers') ? 'active' : '' }}"><i class="bi bi-people"></i> Customers</a>
|
||
|
|
<a href="{{ route('admin.reports') }}" class="{{ request()->routeIs('admin.reports') ? 'active' : '' }}"><i class="bi bi-graph-up"></i> Reports</a>
|
||
|
|
<a href="{{ route('admin.chat_support') }}" class="{{ request()->routeIs('admin.chat_support') ? 'active' : '' }}"><i class="bi bi-chat-dots"></i> Chat Support</a>
|
||
|
|
<a href="{{ route('admin.orders') }}" class="{{ request()->routeIs('admin.orders') ? 'active' : '' }}"><i class="bi bi-bag"></i> Orders</a>
|
||
|
|
<a href="{{ route('admin.requests') }}" class="{{ request()->routeIs('admin.requests') ? 'active' : '' }}"><i class="bi bi-envelope"></i> Requests</a>
|
||
|
|
<a href="{{ route('admin.staff') }}" class="{{ request()->routeIs('admin.staff') ? 'active' : '' }}"><i class="bi bi-person-badge"></i> Staff</a>
|
||
|
|
<a href="{{ route('admin.account') }}" class="{{ request()->routeIs('admin.account') ? 'active' : '' }}"><i class="bi bi-gear"></i> Account</a>
|
||
|
|
|
||
|
|
<form method="POST" action="{{ route('admin.logout') }}" class="mt-4 px-3">
|
||
|
|
@csrf
|
||
|
|
<button type="submit" class="btn btn-danger w-100"><i class="bi bi-box-arrow-right"></i> Logout</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Main Content -->
|
||
|
|
<div class="main-content">
|
||
|
|
<!-- Header -->
|
||
|
|
<header>
|
||
|
|
<h5>@yield('page-title')</h5>
|
||
|
|
<div class="d-flex align-items-center gap-3">
|
||
|
|
<i class="bi bi-bell position-relative fs-4">
|
||
|
|
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">2</span>
|
||
|
|
</i>
|
||
|
|
<div class="dropdown">
|
||
|
|
<a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle" data-bs-toggle="dropdown">
|
||
|
|
<img src="https://i.pravatar.cc/40" class="rounded-circle me-2" width="35" height="35">
|
||
|
|
<span>{{ Auth::guard('admin')->user()->name }}</span>
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
||
|
|
<li><a class="dropdown-item" href="{{ route('admin.account') }}">My Account</a></li>
|
||
|
|
<li><hr class="dropdown-divider"></li>
|
||
|
|
<li>
|
||
|
|
<form method="POST" action="{{ route('admin.logout') }}">
|
||
|
|
@csrf
|
||
|
|
<button class="dropdown-item" type="submit">Logout</button>
|
||
|
|
</form>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="content-wrapper">
|
||
|
|
@yield('content')
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|