Clean Ui;

This commit is contained in:
2024-02-17 18:17:17 +01:00
parent 067dae36c4
commit e356b039f9
104 changed files with 119497 additions and 1015 deletions

View File

@@ -18,6 +18,7 @@
'resources/css/core.css',
'resources/css/app_style.css',
'resources/vendors/flatpickr/flatpickr.min.css',
'resources/vendors/fontawesome/css/all.min.css',
])
</head>
<body class="font-sans antialiased sidebar-dark">

View File

@@ -12,224 +12,224 @@
</div>
</form>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="flag-icon flag-icon-us mt-1" title="us"></i> <span
class="ms-1 me-1 d-none d-md-inline-block">English</span>
</a>
<div class="dropdown-menu" aria-labelledby="languageDropdown">
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us"
title="us" id="us"></i> <span
class="ms-1"> English </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr"
title="fr" id="fr"></i> <span
class="ms-1"> French </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de"
title="de" id="de"></i> <span
class="ms-1"> German </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt"
title="pt" id="pt"></i> <span
class="ms-1"> Portuguese </span></a>
<a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es"
title="es" id="es"></i> <span
class="ms-1"> Spanish </span></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="grid"></i>
</a>
<div class="dropdown-menu p-0" aria-labelledby="appsDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p class="mb-0 fw-bold">Web Apps</p>
<a href="javascript:;" class="text-muted">Edit</a>
</div>
<div class="row g-0 p-1">
<div class="col-3 text-center">
<a href="pages/apps/chat.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="message-square" class="icon-lg mb-1"></i>
<p class="tx-12">Chat</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/apps/calendar.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="calendar" class="icon-lg mb-1"></i>
<p class="tx-12">Calendar</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/email/inbox.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="mail" class="icon-lg mb-1"></i>
<p class="tx-12">Email</p></a>
</div>
<div class="col-3 text-center">
<a href="pages/general/profile.html"
class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i
data-feather="instagram" class="icon-lg mb-1"></i>
<p class="tx-12">Profile</p></a>
</div>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="mail"></i>
</a>
<div class="dropdown-menu p-0" aria-labelledby="messageDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p>9 New Messages</p>
<a href="javascript:;" class="text-muted">Clear all</a>
</div>
<div class="p-1">
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Leonardo Payne</p>
<p class="tx-12 text-muted">Project status</p>
</div>
<p class="tx-12 text-muted">2 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Carl Henson</p>
<p class="tx-12 text-muted">Client meeting</p>
</div>
<p class="tx-12 text-muted">30 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Jensen Combs</p>
<p class="tx-12 text-muted">Project updates</p>
</div>
<p class="tx-12 text-muted">1 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Amiah Burton</p>
<p class="tx-12 text-muted">Project deatline</p>
</div>
<p class="tx-12 text-muted">2 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div class="me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="d-flex justify-content-between flex-grow-1">
<div class="me-4">
<p>Yaretzi Mayo</p>
<p class="tx-12 text-muted">New record</p>
</div>
<p class="tx-12 text-muted">5 hrs ago</p>
</div>
</a>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i data-feather="bell"></i>
<div class="indicator">
<div class="circle"></div>
</div>
</a>
<div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">
<div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">
<p>6 New Notifications</p>
<a href="javascript:;" class="text-muted">Clear all</a>
</div>
<div class="p-1">
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="gift"></i>
</div>
<div class="flex-grow-1 me-2">
<p>New Order Recieved</p>
<p class="tx-12 text-muted">30 min ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="alert-circle"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Server Limit Reached!</p>
<p class="tx-12 text-muted">1 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"
alt="userr">
</div>
<div class="flex-grow-1 me-2">
<p>New customer registered</p>
<p class="tx-12 text-muted">2 sec ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="layers"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Apps are ready for update</p>
<p class="tx-12 text-muted">5 hrs ago</p>
</div>
</a>
<a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">
<div
class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">
<i class="icon-sm text-white" data-feather="download"></i>
</div>
<div class="flex-grow-1 me-2">
<p>Download completed</p>
<p class="tx-12 text-muted">6 hrs ago</p>
</div>
</a>
</div>
<div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">
<a href="javascript:;">View all</a>
</div>
</div>
</li>
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i class="flag-icon flag-icon-us mt-1" title="us"></i> <span--}}
{{-- class="ms-1 me-1 d-none d-md-inline-block">English</span>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu" aria-labelledby="languageDropdown">--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-us"--}}
{{-- title="us" id="us"></i> <span--}}
{{-- class="ms-1"> English </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-fr"--}}
{{-- title="fr" id="fr"></i> <span--}}
{{-- class="ms-1"> French </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-de"--}}
{{-- title="de" id="de"></i> <span--}}
{{-- class="ms-1"> German </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-pt"--}}
{{-- title="pt" id="pt"></i> <span--}}
{{-- class="ms-1"> Portuguese </span></a>--}}
{{-- <a href="javascript:;" class="dropdown-item py-2"><i class="flag-icon flag-icon-es"--}}
{{-- title="es" id="es"></i> <span--}}
{{-- class="ms-1"> Spanish </span></a>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="grid"></i>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="appsDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p class="mb-0 fw-bold">Web Apps</p>--}}
{{-- <a href="javascript:;" class="text-muted">Edit</a>--}}
{{-- </div>--}}
{{-- <div class="row g-0 p-1">--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/apps/chat.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="message-square" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Chat</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/apps/calendar.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="calendar" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Calendar</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/email/inbox.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="mail" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Email</p></a>--}}
{{-- </div>--}}
{{-- <div class="col-3 text-center">--}}
{{-- <a href="pages/general/profile.html"--}}
{{-- class="dropdown-item d-flex flex-column align-items-center justify-content-center wd-70 ht-70"><i--}}
{{-- data-feather="instagram" class="icon-lg mb-1"></i>--}}
{{-- <p class="tx-12">Profile</p></a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="mail"></i>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="messageDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p>9 New Messages</p>--}}
{{-- <a href="javascript:;" class="text-muted">Clear all</a>--}}
{{-- </div>--}}
{{-- <div class="p-1">--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Leonardo Payne</p>--}}
{{-- <p class="tx-12 text-muted">Project status</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">2 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Carl Henson</p>--}}
{{-- <p class="tx-12 text-muted">Client meeting</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">30 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Jensen Combs</p>--}}
{{-- <p class="tx-12 text-muted">Project updates</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">1 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Amiah Burton</p>--}}
{{-- <p class="tx-12 text-muted">Project deatline</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">2 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div class="me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="d-flex justify-content-between flex-grow-1">--}}
{{-- <div class="me-4">--}}
{{-- <p>Yaretzi Mayo</p>--}}
{{-- <p class="tx-12 text-muted">New record</p>--}}
{{-- </div>--}}
{{-- <p class="tx-12 text-muted">5 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item dropdown">--}}
{{-- <a class="nav-link dropdown-toggle" href="#" id="notificationDropdown" role="button"--}}
{{-- data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{-- <i data-feather="bell"></i>--}}
{{-- <div class="indicator">--}}
{{-- <div class="circle"></div>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <div class="dropdown-menu p-0" aria-labelledby="notificationDropdown">--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-between border-bottom">--}}
{{-- <p>6 New Notifications</p>--}}
{{-- <a href="javascript:;" class="text-muted">Clear all</a>--}}
{{-- </div>--}}
{{-- <div class="p-1">--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="gift"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>New Order Recieved</p>--}}
{{-- <p class="tx-12 text-muted">30 min ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="alert-circle"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Server Limit Reached!</p>--}}
{{-- <p class="tx-12 text-muted">1 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <img class="wd-30 ht-30 rounded-circle" src="https://via.placeholder.com/30x30"--}}
{{-- alt="userr">--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>New customer registered</p>--}}
{{-- <p class="tx-12 text-muted">2 sec ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="layers"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Apps are ready for update</p>--}}
{{-- <p class="tx-12 text-muted">5 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- <a href="javascript:;" class="dropdown-item d-flex align-items-center py-2">--}}
{{-- <div--}}
{{-- class="wd-30 ht-30 d-flex align-items-center justify-content-center bg-primary rounded-circle me-3">--}}
{{-- <i class="icon-sm text-white" data-feather="download"></i>--}}
{{-- </div>--}}
{{-- <div class="flex-grow-1 me-2">--}}
{{-- <p>Download completed</p>--}}
{{-- <p class="tx-12 text-muted">6 hrs ago</p>--}}
{{-- </div>--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- <div class="px-3 py-2 d-flex align-items-center justify-content-center border-top">--}}
{{-- <a href="javascript:;">View all</a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </li>--}}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -243,8 +243,8 @@
alt="">
</div>
<div class="text-center">
<p class="tx-16 fw-bolder">Amiah Burton</p>
<p class="tx-12 text-muted">amiahburton@gmail.com</p>
<p class="tx-16 fw-bolder">{{ auth()->user()->name }}</p>
<p class="tx-12 text-muted">{{ auth()->user()->email }}</p>
</div>
</div>
<ul class="list-unstyled p-1">
@@ -267,10 +267,15 @@
</a>
</li>
<li class="dropdown-item py-2">
<a href="javascript:;" class="text-body ms-0">
<i class="me-2 icon-md" data-feather="log-out"></i>
<span>Log Out</span>
</a>
<!-- Authentication -->
<form method="POST" action="{{ route('logout') }}">
@csrf
<a href="{{route('logout')}}" class="text-body ms-0" onclick="event.preventDefault(); this.closest('form').submit();">
<i class="me-2 icon-md" data-feather="log-out"></i>
<span>Log Out</span>
</a>
</form>
</li>
</ul>
</div>

View File

@@ -1,7 +1,7 @@
<nav class="sidebar">
<div class="sidebar-header">
<a href="#" class="sidebar-brand">
Noble<span>UI</span>
Motula<span>T</span>
</a>
<div class="sidebar-toggler not-active">
<span></span>
@@ -13,7 +13,7 @@
<ul class="nav">
<li class="nav-item nav-category">Main</li>
<li class="nav-item">
<a href="dashboard.html" class="nav-link">
<a href="{{route('words.index')}}" class="nav-link">
<i class="link-icon" data-feather="box"></i>
<span class="link-title">Dashboard</span>
</a>
@@ -24,313 +24,324 @@
<span class="link-title">Table Words</span>
</a>
</li>
<li class="nav-item nav-category">web apps</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#emails" role="button" aria-expanded="false"
aria-controls="emails">
<i class="link-icon" data-feather="mail"></i>
<span class="link-title">Email</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="emails">
<ul class="nav sub-menu">
@if(auth()->user()->hasRole('ADMIN'))
<li class="nav-item nav-category">Admin</li>
<li class="nav-item">
<a class="nav-link" href="{{route('users.index')}}">
<i class="link-icon" data-feather="users"></i>
<span class="link-title">Users</span>
</a>
</li>
@endif
{{-- <li class="nav-item nav-category">web apps</li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#emails" role="button" aria-expanded="false"--}}
{{-- aria-controls="emails">--}}
{{-- <i class="link-icon" data-feather="mail"></i>--}}
{{-- <span class="link-title">Email</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="emails">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/email/inbox.html" class="nav-link">Inbox</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/email/read.html" class="nav-link">Read</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/email/compose.html" class="nav-link">Compose</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/apps/chat.html" class="nav-link">--}}
{{-- <i class="link-icon" data-feather="message-square"></i>--}}
{{-- <span class="link-title">Chat</span>--}}
{{-- </a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/apps/calendar.html" class="nav-link">--}}
{{-- <i class="link-icon" data-feather="calendar"></i>--}}
{{-- <span class="link-title">Calendar</span>--}}
{{-- </a>--}}
{{-- </li>--}}
{{-- <li class="nav-item nav-category">Components</li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#uiComponents" role="button"--}}
{{-- aria-expanded="false" aria-controls="uiComponents">--}}
{{-- <i class="link-icon" data-feather="feather"></i>--}}
{{-- <span class="link-title">UI Kit</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="uiComponents">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/accordion.html" class="nav-link">Accordion</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/alerts.html" class="nav-link">Alerts</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/badges.html" class="nav-link">Badges</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/breadcrumbs.html" class="nav-link">Breadcrumbs</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/buttons.html" class="nav-link">Buttons</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/button-group.html" class="nav-link">Button group</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/cards.html" class="nav-link">Cards</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/carousel.html" class="nav-link">Carousel</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/collapse.html" class="nav-link">Collapse</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/dropdowns.html" class="nav-link">Dropdowns</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/list-group.html" class="nav-link">List group</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/media-object.html" class="nav-link">Media object</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/modal.html" class="nav-link">Modal</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/navs.html" class="nav-link">Navs</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/navbar.html" class="nav-link">Navbar</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/pagination.html" class="nav-link">Pagination</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/popover.html" class="nav-link">Popovers</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/progress.html" class="nav-link">Progress</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/scrollbar.html" class="nav-link">Scrollbar</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/scrollspy.html" class="nav-link">Scrollspy</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/spinners.html" class="nav-link">Spinners</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/tabs.html" class="nav-link">Tabs</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/ui-components/tooltips.html" class="nav-link">Tooltips</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#advancedUI" role="button" aria-expanded="false"--}}
{{-- aria-controls="advancedUI">--}}
{{-- <i class="link-icon" data-feather="anchor"></i>--}}
{{-- <span class="link-title">Advanced UI</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="advancedUI">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/advanced-ui/cropper.html" class="nav-link">Cropper</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/advanced-ui/owl-carousel.html" class="nav-link">Owl carousel</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/advanced-ui/sortablejs.html" class="nav-link">SortableJs</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/advanced-ui/sweet-alert.html" class="nav-link">Sweet Alert</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#forms" role="button" aria-expanded="false"--}}
{{-- aria-controls="forms">--}}
{{-- <i class="link-icon" data-feather="inbox"></i>--}}
{{-- <span class="link-title">Forms</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="forms">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/forms/basic-elements.html" class="nav-link">Basic Elements</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/forms/advanced-elements.html" class="nav-link">Advanced Elements</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/forms/editors.html" class="nav-link">Editors</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/forms/wizard.html" class="nav-link">Wizard</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#charts" role="button" aria-expanded="false"--}}
{{-- aria-controls="charts">--}}
{{-- <i class="link-icon" data-feather="pie-chart"></i>--}}
{{-- <span class="link-title">Charts</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="charts">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/apex.html" class="nav-link">Apex</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/chartjs.html" class="nav-link">ChartJs</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/flot.html" class="nav-link">Flot</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/morrisjs.html" class="nav-link">Morris</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/peity.html" class="nav-link">Peity</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/charts/sparkline.html" class="nav-link">Sparkline</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#tables" role="button" aria-expanded="false"--}}
{{-- aria-controls="tables">--}}
{{-- <i class="link-icon" data-feather="layout"></i>--}}
{{-- <span class="link-title">Table</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="tables">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/tables/basic-table.html" class="nav-link">Basic Tables</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/tables/data-table.html" class="nav-link">Data Table</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#icons" role="button" aria-expanded="false"--}}
{{-- aria-controls="icons">--}}
{{-- <i class="link-icon" data-feather="smile"></i>--}}
{{-- <span class="link-title">Icons</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="icons">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/icons/feather-icons.html" class="nav-link">Feather Icons</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/icons/flag-icons.html" class="nav-link">Flag Icons</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/icons/mdi-icons.html" class="nav-link">Mdi Icons</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item nav-category">Pages</li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#general-pages" role="button"--}}
{{-- aria-expanded="false" aria-controls="general-pages">--}}
{{-- <i class="link-icon" data-feather="book"></i>--}}
{{-- <span class="link-title">Special pages</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="general-pages">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/blank-page.html" class="nav-link">Blank page</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/faq.html" class="nav-link">Faq</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/invoice.html" class="nav-link">Invoice</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/profile.html" class="nav-link">Profile</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/pricing.html" class="nav-link">Pricing</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/general/timeline.html" class="nav-link">Timeline</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#authPages" role="button" aria-expanded="false"--}}
{{-- aria-controls="authPages">--}}
{{-- <i class="link-icon" data-feather="unlock"></i>--}}
{{-- <span class="link-title">Authentication</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="authPages">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/auth/login.html" class="nav-link">Login</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/auth/register.html" class="nav-link">Register</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a class="nav-link" data-bs-toggle="collapse" href="#errorPages" role="button" aria-expanded="false"--}}
{{-- aria-controls="errorPages">--}}
{{-- <i class="link-icon" data-feather="cloud-off"></i>--}}
{{-- <span class="link-title">Error</span>--}}
{{-- <i class="link-arrow" data-feather="chevron-down"></i>--}}
{{-- </a>--}}
{{-- <div class="collapse" id="errorPages">--}}
{{-- <ul class="nav sub-menu">--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/error/404.html" class="nav-link">404</a>--}}
{{-- </li>--}}
{{-- <li class="nav-item">--}}
{{-- <a href="pages/error/500.html" class="nav-link">500</a>--}}
{{-- </li>--}}
{{-- </ul>--}}
{{-- </div>--}}
{{-- </li>--}}
<li class="nav-item nav-category">Docs</li>
<li class="nav-item">
<a href="pages/email/inbox.html" class="nav-link">Inbox</a>
<a href="https://www.nobleui.com/html/documentation/docs.html" target="_blank" class="nav-link">
<i class="link-icon" data-feather="hash"></i>
<span class="link-title">Documentation</span>
</a>
</li>
<li class="nav-item">
<a href="pages/email/read.html" class="nav-link">Read</a>
</li>
<li class="nav-item">
<a href="pages/email/compose.html" class="nav-link">Compose</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a href="pages/apps/chat.html" class="nav-link">
<i class="link-icon" data-feather="message-square"></i>
<span class="link-title">Chat</span>
</a>
</li>
<li class="nav-item">
<a href="pages/apps/calendar.html" class="nav-link">
<i class="link-icon" data-feather="calendar"></i>
<span class="link-title">Calendar</span>
</a>
</li>
<li class="nav-item nav-category">Components</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#uiComponents" role="button"
aria-expanded="false" aria-controls="uiComponents">
<i class="link-icon" data-feather="feather"></i>
<span class="link-title">UI Kit</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="uiComponents">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/ui-components/accordion.html" class="nav-link">Accordion</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/alerts.html" class="nav-link">Alerts</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/badges.html" class="nav-link">Badges</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/breadcrumbs.html" class="nav-link">Breadcrumbs</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/buttons.html" class="nav-link">Buttons</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/button-group.html" class="nav-link">Button group</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/cards.html" class="nav-link">Cards</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/carousel.html" class="nav-link">Carousel</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/collapse.html" class="nav-link">Collapse</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/dropdowns.html" class="nav-link">Dropdowns</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/list-group.html" class="nav-link">List group</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/media-object.html" class="nav-link">Media object</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/modal.html" class="nav-link">Modal</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/navs.html" class="nav-link">Navs</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/navbar.html" class="nav-link">Navbar</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/pagination.html" class="nav-link">Pagination</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/popover.html" class="nav-link">Popovers</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/progress.html" class="nav-link">Progress</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/scrollbar.html" class="nav-link">Scrollbar</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/scrollspy.html" class="nav-link">Scrollspy</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/spinners.html" class="nav-link">Spinners</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/tabs.html" class="nav-link">Tabs</a>
</li>
<li class="nav-item">
<a href="pages/ui-components/tooltips.html" class="nav-link">Tooltips</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#advancedUI" role="button" aria-expanded="false"
aria-controls="advancedUI">
<i class="link-icon" data-feather="anchor"></i>
<span class="link-title">Advanced UI</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="advancedUI">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/advanced-ui/cropper.html" class="nav-link">Cropper</a>
</li>
<li class="nav-item">
<a href="pages/advanced-ui/owl-carousel.html" class="nav-link">Owl carousel</a>
</li>
<li class="nav-item">
<a href="pages/advanced-ui/sortablejs.html" class="nav-link">SortableJs</a>
</li>
<li class="nav-item">
<a href="pages/advanced-ui/sweet-alert.html" class="nav-link">Sweet Alert</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#forms" role="button" aria-expanded="false"
aria-controls="forms">
<i class="link-icon" data-feather="inbox"></i>
<span class="link-title">Forms</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="forms">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/forms/basic-elements.html" class="nav-link">Basic Elements</a>
</li>
<li class="nav-item">
<a href="pages/forms/advanced-elements.html" class="nav-link">Advanced Elements</a>
</li>
<li class="nav-item">
<a href="pages/forms/editors.html" class="nav-link">Editors</a>
</li>
<li class="nav-item">
<a href="pages/forms/wizard.html" class="nav-link">Wizard</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#charts" role="button" aria-expanded="false"
aria-controls="charts">
<i class="link-icon" data-feather="pie-chart"></i>
<span class="link-title">Charts</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="charts">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/charts/apex.html" class="nav-link">Apex</a>
</li>
<li class="nav-item">
<a href="pages/charts/chartjs.html" class="nav-link">ChartJs</a>
</li>
<li class="nav-item">
<a href="pages/charts/flot.html" class="nav-link">Flot</a>
</li>
<li class="nav-item">
<a href="pages/charts/morrisjs.html" class="nav-link">Morris</a>
</li>
<li class="nav-item">
<a href="pages/charts/peity.html" class="nav-link">Peity</a>
</li>
<li class="nav-item">
<a href="pages/charts/sparkline.html" class="nav-link">Sparkline</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#tables" role="button" aria-expanded="false"
aria-controls="tables">
<i class="link-icon" data-feather="layout"></i>
<span class="link-title">Table</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="tables">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/tables/basic-table.html" class="nav-link">Basic Tables</a>
</li>
<li class="nav-item">
<a href="pages/tables/data-table.html" class="nav-link">Data Table</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#icons" role="button" aria-expanded="false"
aria-controls="icons">
<i class="link-icon" data-feather="smile"></i>
<span class="link-title">Icons</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="icons">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/icons/feather-icons.html" class="nav-link">Feather Icons</a>
</li>
<li class="nav-item">
<a href="pages/icons/flag-icons.html" class="nav-link">Flag Icons</a>
</li>
<li class="nav-item">
<a href="pages/icons/mdi-icons.html" class="nav-link">Mdi Icons</a>
</li>
</ul>
</div>
</li>
<li class="nav-item nav-category">Pages</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#general-pages" role="button"
aria-expanded="false" aria-controls="general-pages">
<i class="link-icon" data-feather="book"></i>
<span class="link-title">Special pages</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="general-pages">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/general/blank-page.html" class="nav-link">Blank page</a>
</li>
<li class="nav-item">
<a href="pages/general/faq.html" class="nav-link">Faq</a>
</li>
<li class="nav-item">
<a href="pages/general/invoice.html" class="nav-link">Invoice</a>
</li>
<li class="nav-item">
<a href="pages/general/profile.html" class="nav-link">Profile</a>
</li>
<li class="nav-item">
<a href="pages/general/pricing.html" class="nav-link">Pricing</a>
</li>
<li class="nav-item">
<a href="pages/general/timeline.html" class="nav-link">Timeline</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#authPages" role="button" aria-expanded="false"
aria-controls="authPages">
<i class="link-icon" data-feather="unlock"></i>
<span class="link-title">Authentication</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="authPages">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/auth/login.html" class="nav-link">Login</a>
</li>
<li class="nav-item">
<a href="pages/auth/register.html" class="nav-link">Register</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#errorPages" role="button" aria-expanded="false"
aria-controls="errorPages">
<i class="link-icon" data-feather="cloud-off"></i>
<span class="link-title">Error</span>
<i class="link-arrow" data-feather="chevron-down"></i>
</a>
<div class="collapse" id="errorPages">
<ul class="nav sub-menu">
<li class="nav-item">
<a href="pages/error/404.html" class="nav-link">404</a>
</li>
<li class="nav-item">
<a href="pages/error/500.html" class="nav-link">500</a>
</li>
</ul>
</div>
</li>
<li class="nav-item nav-category">Docs</li>
<li class="nav-item">
<a href="https://www.nobleui.com/html/documentation/docs.html" target="_blank" class="nav-link">
<i class="link-icon" data-feather="hash"></i>
<span class="link-title">Documentation</span>
</a>
</li>
</ul>
</div>
</nav>

View File

@@ -1,101 +1,97 @@
<x-app-layout>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">
<div class="float-start">
Add New User
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary btn-sm">&larr; Back</a>
</div>
</div>
<div class="card-body">
<form action="{{ route('users.store') }}" method="post">
@csrf
<div class="mb-3 row">
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
<div class="col-md-6">
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
name="name" value="{{ old('name') }}">
@if ($errors->has('name'))
<span class="text-danger">{{ $errors->first('name') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start">Email
Address</label>
<div class="col-md-6">
<input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
name="email" value="{{ old('email') }}">
@if ($errors->has('email'))
<span class="text-danger">{{ $errors->first('email') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="password"
class="col-md-4 col-form-label text-md-end text-start">Password</label>
<div class="col-md-6">
<input type="password" class="form-control @error('password') is-invalid @enderror"
id="password" name="password">
@if ($errors->has('password'))
<span class="text-danger">{{ $errors->first('password') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="password_confirmation" class="col-md-4 col-form-label text-md-end text-start">Confirm
Password</label>
<div class="col-md-6">
<input type="password" class="form-control" id="password_confirmation"
name="password_confirmation">
</div>
</div>
<div class="mb-3 row">
<label for="roles" class="col-md-4 col-form-label text-md-end text-start">Roles</label>
<div class="col-md-6">
<select class="form-select @error('roles') is-invalid @enderror" multiple
aria-label="Roles" id="roles" name="roles[]">
@forelse ($roles as $role)
@if ($role!='Super Admin')
<option
value="{{ $role }}" {{ in_array($role, old('roles') ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@else
@if (Auth::user()->hasRole('Super Admin'))
<option
value="{{ $role }}" {{ in_array($role, old('roles') ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@endif
@endif
@empty
@endforelse
</select>
@if ($errors->has('roles'))
<span class="text-danger">{{ $errors->first('roles') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Add User">
</div>
</form>
</div>
<div class="card">
<div class="card-header">
<div class="float-start">
Add New User
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary"> Back</a>
</div>
</div>
<div class="card-body">
<form action="{{ route('users.store') }}" method="post">
@csrf
<div class="mb-3 row">
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
<div class="col-md-6">
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
name="name" value="{{ old('name') }}">
@if ($errors->has('name'))
<span class="text-danger">{{ $errors->first('name') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start">Email
Address</label>
<div class="col-md-6">
<input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
name="email" value="{{ old('email') }}">
@if ($errors->has('email'))
<span class="text-danger">{{ $errors->first('email') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="password"
class="col-md-4 col-form-label text-md-end text-start">Password</label>
<div class="col-md-6">
<input type="password" class="form-control @error('password') is-invalid @enderror"
id="password" name="password">
@if ($errors->has('password'))
<span class="text-danger">{{ $errors->first('password') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="password_confirmation" class="col-md-4 col-form-label text-md-end text-start">Confirm
Password</label>
<div class="col-md-6">
<input type="password" class="form-control" id="password_confirmation"
name="password_confirmation">
</div>
</div>
<div class="mb-3 row">
<label for="roles" class="col-md-4 col-form-label text-md-end text-start">Roles</label>
<div class="col-md-6">
<select class="form-select @error('roles') is-invalid @enderror" multiple
aria-label="Roles" id="roles" name="roles[]">
@forelse ($roles as $role)
@if ($role!='Super Admin')
<option
value="{{ $role }}" {{ in_array($role, old('roles') ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@else
@if (Auth::user()->hasRole('Super Admin'))
<option
value="{{ $role }}" {{ in_array($role, old('roles') ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@endif
@endif
@empty
@endforelse
</select>
@if ($errors->has('roles'))
<span class="text-danger">{{ $errors->first('roles') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Add User">
</div>
</form>
</div>
</div>
</x-app-layout>

View File

@@ -1,102 +1,98 @@
<x-app-layout>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">
<div class="float-start">
Edit User
<div class="card">
<div class="card-header">
<div class="float-start">
Edit User
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary btn-xs"> Back</a>
</div>
<div class="card-body">
<form action="{{ route('users.update', $user->id) }}" method="post">
@csrf
@method("PUT")
<div class="mb-3 row">
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
<div class="col-md-6">
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
name="name" value="{{ $user->name }}">
@if ($errors->has('name'))
<span class="text-danger">{{ $errors->first('name') }}</span>
@endif
</div>
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary btn-sm">&larr; Back</a>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start">Email
Address</label>
<div class="col-md-6">
<input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
name="email" value="{{ $user->email }}">
@if ($errors->has('email'))
<span class="text-danger">{{ $errors->first('email') }}</span>
@endif
</div>
</div>
</div>
<div class="card-body">
<form action="{{ route('users.update', $user->id) }}" method="post">
@csrf
@method("PUT")
<div class="mb-3 row">
<label for="name" class="col-md-4 col-form-label text-md-end text-start">Name</label>
<div class="col-md-6">
<input type="text" class="form-control @error('name') is-invalid @enderror" id="name"
name="name" value="{{ $user->name }}">
@if ($errors->has('name'))
<span class="text-danger">{{ $errors->first('name') }}</span>
@endif
</div>
<div class="mb-3 row">
<label for="password"
class="col-md-4 col-form-label text-md-end text-start">Password</label>
<div class="col-md-6">
<input type="password" class="form-control @error('password') is-invalid @enderror"
id="password" name="password">
@if ($errors->has('password'))
<span class="text-danger">{{ $errors->first('password') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start">Email
Address</label>
<div class="col-md-6">
<input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
name="email" value="{{ $user->email }}">
@if ($errors->has('email'))
<span class="text-danger">{{ $errors->first('email') }}</span>
@endif
</div>
<div class="mb-3 row">
<label for="password_confirmation" class="col-md-4 col-form-label text-md-end text-start">Confirm
Password</label>
<div class="col-md-6">
<input type="password" class="form-control" id="password_confirmation"
name="password_confirmation">
</div>
</div>
<div class="mb-3 row">
<label for="password"
class="col-md-4 col-form-label text-md-end text-start">Password</label>
<div class="col-md-6">
<input type="password" class="form-control @error('password') is-invalid @enderror"
id="password" name="password">
@if ($errors->has('password'))
<span class="text-danger">{{ $errors->first('password') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<label for="roles" class="col-md-4 col-form-label text-md-end text-start">Roles</label>
<div class="col-md-6">
<select class="form-select @error('roles') is-invalid @enderror" multiple
aria-label="Roles" id="roles" name="roles[]">
@forelse ($roles as $role)
<div class="mb-3 row">
<label for="password_confirmation" class="col-md-4 col-form-label text-md-end text-start">Confirm
Password</label>
<div class="col-md-6">
<input type="password" class="form-control" id="password_confirmation"
name="password_confirmation">
</div>
</div>
<div class="mb-3 row">
<label for="roles" class="col-md-4 col-form-label text-md-end text-start">Roles</label>
<div class="col-md-6">
<select class="form-select @error('roles') is-invalid @enderror" multiple
aria-label="Roles" id="roles" name="roles[]">
@forelse ($roles as $role)
@if ($role!='Super Admin')
@if ($role!='Super Admin')
<option
value="{{ $role }}" {{ in_array($role, $userRoles ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@else
@if (Auth::user()->hasRole('Super Admin'))
<option
value="{{ $role }}" {{ in_array($role, $userRoles ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@else
@if (Auth::user()->hasRole('Super Admin'))
<option
value="{{ $role }}" {{ in_array($role, $userRoles ?? []) ? 'selected' : '' }}>
{{ $role }}
</option>
@endif
@endif
@endif
@empty
@empty
@endforelse
</select>
@if ($errors->has('roles'))
<span class="text-danger">{{ $errors->first('roles') }}</span>
@endif
</div>
@endforelse
</select>
@if ($errors->has('roles'))
<span class="text-danger">{{ $errors->first('roles') }}</span>
@endif
</div>
</div>
<div class="mb-3 row">
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Update User">
</div>
<div class="mb-3 row">
<input type="submit" class="col-md-3 offset-md-5 btn btn-primary" value="Update User">
</div>
</form>
</div>
</form>
</div>
</div>
</div>
</x-app-layout>

View File

@@ -1,11 +1,11 @@
vi
<x-app-layout>
<div class="card">
<div class="card-header">Manage Users</div>
<div class="card-body">
@can('create-user')
<a href="{{ route('users.create') }}" class="btn btn-success btn-sm my-2"><i class="bi bi-plus-circle"></i> Add New User</a>
@endcan
<table class="table table-striped table-bordered">
<table class="table table-striped table-hover table-sm">
<thead>
<tr>
<th scope="col">S#</th>
@@ -32,20 +32,16 @@ vi
@csrf
@method('DELETE')
<a href="{{ route('users.show', $user->id) }}" class="btn btn-warning btn-sm"><i class="bi bi-eye"></i> Show</a>
<a href="{{ route('users.show', $user->id) }}" class="btn btn-warning btn-xs">Show</a>
@if (in_array('Super Admin', $user->getRoleNames()->toArray() ?? []) )
@if (Auth::user()->hasRole('Super Admin'))
<a href="{{ route('users.edit', $user->id) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil-square"></i> Edit</a>
@endif
@else
@if (in_array('ADMIN', $user->getRoleNames()->toArray() ?? []) )
@can('edit-user')
<a href="{{ route('users.edit', $user->id) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil-square"></i> Edit</a>
<a href="{{ route('users.edit', $user->id) }}" class="btn btn-primary btn-xs"> Edit</a>
@endcan
@can('delete-user')
@if (Auth::user()->id!=$user->id)
<button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Do you want to delete this user?');"><i class="bi bi-trash"></i> Delete</button>
<button type="submit" class="btn btn-danger btn-xs" onclick="return confirm('Do you want to delete this user?');">
Delete</button>
@endif
@endcan
@endif
@@ -63,7 +59,7 @@ vi
</tbody>
</table>
{{ $users->links() }}
{{ $users->links('vendor.pagination.bootstrap-5') }}
</div>
</div>

View File

@@ -1,44 +1,40 @@
<x-app-layout>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">
<div class="float-start">
User Information
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary btn-sm">&larr; Back</a>
<div class="card">
<div class="card-header">
<div class="float-start">
User Information
</div>
<div class="float-end">
<a href="{{ route('users.index') }}" class="btn btn-primary"> Back</a>
</div>
<div class="card-body">
<div class="mb-3 row">
<label for="name"
class="col-md-4 col-form-label text-md-end text-start"><strong>Name:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
{{ $user->name }}
</div>
</div>
<div class="card-body">
<div class="mb-3 row">
<label for="name" class="col-md-4 col-form-label text-md-end text-start"><strong>Name:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
{{ $user->name }}
</div>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start"><strong>Email
Address:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
{{ $user->email }}
</div>
</div>
<div class="mb-3 row">
<label for="email" class="col-md-4 col-form-label text-md-end text-start"><strong>Email
Address:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
{{ $user->email }}
</div>
</div>
<div class="mb-3 row">
<label for="roles"
class="col-md-4 col-form-label text-md-end text-start"><strong>Roles:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
@forelse ($user->getRoleNames() as $role)
<span class="badge bg-primary">{{ $role }}</span>
@empty
@endforelse
</div>
<div class="mb-3 row">
<label for="roles"
class="col-md-4 col-form-label text-md-end text-start"><strong>Roles:</strong></label>
<div class="col-md-6" style="line-height: 35px;">
@forelse ($user->getRoleNames() as $role)
<span class="badge bg-primary">{{ $role }}</span>
@empty
@endforelse
</div>
</div>
</div>
</div>
</div>
</x-app-layout>

View File

@@ -0,0 +1,46 @@
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
<span class="page-link" aria-hidden="true">&lsaquo;</span>
</li>
@else
<li class="page-item">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
</li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
@else
<li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item">
<a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
</li>
@else
<li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
<span class="page-link" aria-hidden="true">&rsaquo;</span>
</li>
@endif
</ul>
</nav>
@endif

View File

@@ -0,0 +1,88 @@
@if ($paginator->hasPages())
<nav class="d-flex justify-items-center justify-content-between mt-3">
<div class="d-flex justify-content-between flex-fill d-sm-none">
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">@lang('pagination.previous')</span>
</li>
@else
<li class="page-item">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
</li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item">
<a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
</li>
@else
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">@lang('pagination.next')</span>
</li>
@endif
</ul>
</div>
<div class="d-none flex-sm-fill d-sm-flex align-items-sm-center justify-content-sm-between">
<div>
<p class="small text-muted">
{!! __('Showing') !!}
<span class="fw-semibold">{{ $paginator->firstItem() }}</span>
{!! __('to') !!}
<span class="fw-semibold">{{ $paginator->lastItem() }}</span>
{!! __('of') !!}
<span class="fw-semibold">{{ $paginator->total() }}</span>
{!! __('results') !!}
</p>
</div>
<div>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
<span class="page-link" aria-hidden="true">&lsaquo;</span>
</li>
@else
<li class="page-item">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
</li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
@else
<li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item">
<a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
</li>
@else
<li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
<span class="page-link" aria-hidden="true">&rsaquo;</span>
</li>
@endif
</ul>
</div>
</div>
</nav>
@endif

View File

@@ -0,0 +1,46 @@
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
<span aria-hidden="true">&lsaquo;</span>
</li>
@else
<li>
<a href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
</li>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<li class="disabled" aria-disabled="true"><span>{{ $element }}</span></li>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="active" aria-current="page"><span>{{ $page }}</span></li>
@else
<li><a href="{{ $url }}">{{ $page }}</a></li>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li>
<a href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
</li>
@else
<li class="disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
<span aria-hidden="true">&rsaquo;</span>
</li>
@endif
</ul>
</nav>
@endif

View File

@@ -0,0 +1,36 @@
@if ($paginator->hasPages())
<div class="ui pagination menu" role="navigation">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
@else
<a class="icon item" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')"> <i class="left chevron icon"></i> </a>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<a class="icon item disabled" aria-disabled="true">{{ $element }}</a>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<a class="item active" href="{{ $url }}" aria-current="page">{{ $page }}</a>
@else
<a class="item" href="{{ $url }}">{{ $page }}</a>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<a class="icon item" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
@else
<a class="icon item disabled" aria-disabled="true" aria-label="@lang('pagination.next')"> <i class="right chevron icon"></i> </a>
@endif
</div>
@endif

View File

@@ -0,0 +1,27 @@
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">@lang('pagination.previous')</span>
</li>
@else
<li class="page-item">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
</li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item">
<a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
</li>
@else
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">@lang('pagination.next')</span>
</li>
@endif
</ul>
</nav>
@endif

View File

@@ -0,0 +1,29 @@
@if ($paginator->hasPages())
<nav role="navigation" aria-label="Pagination Navigation">
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">{!! __('pagination.previous') !!}</span>
</li>
@else
<li class="page-item">
<a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
{!! __('pagination.previous') !!}
</a>
</li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li class="page-item">
<a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">{!! __('pagination.next') !!}</a>
</li>
@else
<li class="page-item disabled" aria-disabled="true">
<span class="page-link">{!! __('pagination.next') !!}</span>
</li>
@endif
</ul>
</nav>
@endif

View File

@@ -0,0 +1,19 @@
@if ($paginator->hasPages())
<nav>
<ul class="pagination">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<li class="disabled" aria-disabled="true"><span>@lang('pagination.previous')</span></li>
@else
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
@else
<li class="disabled" aria-disabled="true"><span>@lang('pagination.next')</span></li>
@endif
</ul>
</nav>
@endif

View File

@@ -0,0 +1,25 @@
@if ($paginator->hasPages())
<nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
{!! __('pagination.previous') !!}
</span>
@else
<a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
{!! __('pagination.previous') !!}
</a>
@endif
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
{!! __('pagination.next') !!}
</a>
@else
<span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
{!! __('pagination.next') !!}
</span>
@endif
</nav>
@endif

View File

@@ -0,0 +1,106 @@
@if ($paginator->hasPages())
<nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between">
<div class="flex justify-between flex-1 sm:hidden">
@if ($paginator->onFirstPage())
<span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
{!! __('pagination.previous') !!}
</span>
@else
<a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
{!! __('pagination.previous') !!}
</a>
@endif
@if ($paginator->hasMorePages())
<a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
{!! __('pagination.next') !!}
</a>
@else
<span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
{!! __('pagination.next') !!}
</span>
@endif
</div>
<div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
<div>
<p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
{!! __('Showing') !!}
@if ($paginator->firstItem())
<span class="font-medium">{{ $paginator->firstItem() }}</span>
{!! __('to') !!}
<span class="font-medium">{{ $paginator->lastItem() }}</span>
@else
{{ $paginator->count() }}
@endif
{!! __('of') !!}
<span class="font-medium">{{ $paginator->total() }}</span>
{!! __('results') !!}
</p>
</div>
<div>
<span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
{{-- Previous Page Link --}}
@if ($paginator->onFirstPage())
<span aria-disabled="true" aria-label="{{ __('pagination.previous') }}">
<span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
</svg>
</span>
</span>
@else
<a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.previous') }}">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
</svg>
</a>
@endif
{{-- Pagination Elements --}}
@foreach ($elements as $element)
{{-- "Three Dots" Separator --}}
@if (is_string($element))
<span aria-disabled="true">
<span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $element }}</span>
</span>
@endif
{{-- Array Of Links --}}
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<span aria-current="page">
<span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">{{ $page }}</span>
</span>
@else
<a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
{{ $page }}
</a>
@endif
@endforeach
@endif
@endforeach
{{-- Next Page Link --}}
@if ($paginator->hasMorePages())
<a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="{{ __('pagination.next') }}">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
</svg>
</a>
@else
<span aria-disabled="true" aria-label="{{ __('pagination.next') }}">
<span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
</svg>
</span>
</span>
@endif
</span>
</div>
</div>
</nav>
@endif