dari laptop
This commit is contained in:
109
resources/views/layouts/app.blade.php
Normal file
109
resources/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"> <!--begin::Head-->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>myLesen | MBIP</title><!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="title" content="myLesen | MBIP">
|
||||
<meta name="author" content="ColorlibHQ">
|
||||
<meta name="description" content="Sistem permohonan lesen penjaja MBIP">
|
||||
<meta name="keywords" content="under dev mbip"><!--end::Primary Meta Tags--><!--begin::Fonts-->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pdfjs-dist/legacy/web/pdf_viewer.min.css">
|
||||
<link rel="stylesheet" href="{{asset('css/adminlte.css')}}"><!--end::Required Plugin(AdminLTE)-->
|
||||
@yield('css')
|
||||
</head> <!--end::Head--> <!--begin::Body-->
|
||||
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
||||
<div class="app-wrapper"> <!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
||||
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
||||
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Utama</a> </li>
|
||||
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Hubungi Kami</a> </li>
|
||||
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
||||
<li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="{{asset('img/user2-160x160.jpg')}}" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">{{auth()->user()->name}}</span> </a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary"> <img src="{{asset('img/user2-160x160.jpg')}}" class="rounded-circle shadow" alt="User Image">
|
||||
<p>
|
||||
{{auth()->user()->name}}
|
||||
<small>Member since Nov. 2024</small>
|
||||
</p>
|
||||
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
||||
<li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="{{route('logout')}}" class="btn btn-default btn-flat float-end">Sign out</a> </li>
|
||||
</ul>
|
||||
</li> <!--end::User Menu Dropdown-->
|
||||
</ul> <!--end::End Navbar Links-->
|
||||
</div> <!--end::Container-->
|
||||
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand"> <!--begin::Brand Link--> <a href="./index.html" class="brand-link"> <!--begin::Brand Image--> <img src="{{asset('img/mbip-crown-png45x45.png')}}" alt="MBIP Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light">SMART PENJAJA</span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
||||
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
||||
<li class="nav-header">PENJAJA</li>
|
||||
<li class="nav-item menu-open"> <a href="{{route('dashboard')}}" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<?php /* <li class="nav-header">ADMIN</li>
|
||||
<li class="nav-item menu-open"> <a href="{{route('admin.dashboard')}}" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
</p>
|
||||
</a>
|
||||
</li> */ ?>
|
||||
</ul> <!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div> <!--end::Sidebar Wrapper-->
|
||||
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
||||
|
||||
<main class="app-main"> <!--begin::App Content Header-->
|
||||
<div class="app-content-header"> <!--begin::Container-->
|
||||
<div class="container-fluid"> <!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<h3 class="mb-0">@yield('tajuk')</h3>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
@yield('breadcrumb')
|
||||
</div>
|
||||
</div> <!--end::Row-->
|
||||
</div> <!--end::Container-->
|
||||
</div> <!--end::App Content Header--> <!--begin::App Content-->
|
||||
<div class="app-content"> <!--begin::Container-->
|
||||
<div class="container-fluid"> <!--begin::Row-->
|
||||
@yield('content')
|
||||
</div> <!--end::Container-->
|
||||
</div> <!--end::App Content-->
|
||||
</main> <!--end::App Main--> <!--begin::Footer-->
|
||||
<footer class="app-footer"> <!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Urusan Online, Jimat Masa!</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
||||
Copyright © 2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">microEn MBIP</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer> <!--end::Footer-->
|
||||
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist/wasm/openjpeg_nowasm_fallback.min.js"></script>
|
||||
<script src="{{asset('js/adminlte.js')}}"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
|
||||
@yield('js')
|
||||
</body><!--end::Body-->
|
||||
|
||||
</html>
|
||||
275
resources/views/layouts/appmin.blade.php
Normal file
275
resources/views/layouts/appmin.blade.php
Normal file
@@ -0,0 +1,275 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"> <!--begin::Head-->
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>myLesen | MBIP</title><!--begin::Primary Meta Tags-->
|
||||
|
||||
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
|
||||
@yield('meta')
|
||||
<link rel="icon" href="{{asset('kai/assets/img/kaiadmin/favicon.ico')}}" type="image/x-icon"/>
|
||||
|
||||
<!-- Fonts and icons -->
|
||||
<script src="{{asset('kai/assets/js/plugin/webfont/webfont.min.js')}}"></script>
|
||||
<script>
|
||||
WebFont.load({
|
||||
google: {"families":["Public Sans:300,400,500,600,700"]},
|
||||
custom: {"families":["Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands", "simple-line-icons"], urls: ['{{asset('kai/assets/css/fonts.min.css')}}']},
|
||||
active: function() {
|
||||
sessionStorage.fonts = true;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script src="https://kit.fontawesome.com/45fd4bd06c.js" crossorigin="anonymous"></script>
|
||||
<!-- CSS Files -->
|
||||
<link rel="stylesheet" href="{{asset('kai/assets/css/bootstrap.min.css')}}">
|
||||
<link rel="stylesheet" href="{{asset('kai/assets/css/plugins.min.css')}}">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pdfjs-dist/legacy/web/pdf_viewer.min.css">
|
||||
<link rel="stylesheet" href="{{asset('kai/assets/css/kaiadmin.css')}}">
|
||||
|
||||
@yield('css')
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar" data-background-color="dark">
|
||||
<div class="sidebar-logo">
|
||||
<!-- Logo Header -->
|
||||
<div class="logo-header" data-background-color="dark">
|
||||
<a href="/" class="logo">
|
||||
<img
|
||||
src="{{asset('img/smartpenjaja.png')}}"
|
||||
alt="navbar brand"
|
||||
class="navbar-brand"
|
||||
height="20"
|
||||
/>
|
||||
</a>
|
||||
<div class="nav-toggle">
|
||||
<button class="btn btn-toggle toggle-sidebar">
|
||||
<i class="gg-menu-right"></i>
|
||||
</button>
|
||||
<button class="btn btn-toggle sidenav-toggler">
|
||||
<i class="gg-menu-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button class="topbar-toggler more">
|
||||
<i class="gg-more-vertical-alt"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!-- End Logo Header -->
|
||||
</div>
|
||||
<div class="sidebar-wrapper scrollbar scrollbar-inner">
|
||||
<div class="sidebar-content">
|
||||
<ul class="nav nav-secondary">
|
||||
<li class="nav-section">
|
||||
<span class="sidebar-mini-icon">
|
||||
<i class="fa fa-ellipsis-h"></i>
|
||||
</span>
|
||||
<h4 class="text-section">Awam</h4>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{route('dashboard')}}" class="nav-link">
|
||||
<i class="fa-solid fa-gauge-simple"></i>
|
||||
<p>Dashboard</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@if(auth()->user()->hasRole(['pembantu tadbir','pp kesihatan','pp tadbir','pegawai tadbir','pengarah','super']))
|
||||
<hr />
|
||||
<li class="nav-section">
|
||||
<span class="sidebar-mini-icon">
|
||||
<i class="fa fa-ellipsis-h"></i>
|
||||
</span>
|
||||
<h4 class="text-section">ADMIN PENJAJA</h4>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{route('admin.dashboard')}}">
|
||||
<i class="fa-solid fa-gauge"></i>
|
||||
<p>Dashboard</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="{{route('admin.senarai_all')}}">
|
||||
<i class="fa-solid fa-users-viewfinder"></i>
|
||||
<p>Carian Penjaja</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
data-bs-toggle="collapse"
|
||||
href="#pengurusan"
|
||||
class="collapsed"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<i class="fa-solid fa-gears"></i>
|
||||
<p>Pengurusan</p>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<div class="collapse" id="pengurusan">
|
||||
<ul class="nav nav-collapse">
|
||||
<li>
|
||||
<a href="{{route('admin.lantikan-admin')}}">
|
||||
<i class="fa-solid fa-user-shield"></i>
|
||||
<p>Admin</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('carousel.index')}}">
|
||||
<i class="fa-regular fa-images"></i>
|
||||
<p>Gambar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('pengumuman.index')}}">
|
||||
<i class="fa-regular fa-newspaper"></i>
|
||||
<p>Pengumuman</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Sidebar -->
|
||||
|
||||
<div class="main-panel">
|
||||
<div class="main-header">
|
||||
<div class="main-header-logo">
|
||||
<!-- Logo Header -->
|
||||
<div class="logo-header" data-background-color="dark">
|
||||
<a href="../index.html" class="logo">
|
||||
<img
|
||||
src="{{asset('img/smartpenjaja.png')}}"
|
||||
alt="navbar brand"
|
||||
class="navbar-brand"
|
||||
height="20"
|
||||
/>
|
||||
</a>
|
||||
<div class="nav-toggle">
|
||||
<button class="btn btn-toggle toggle-sidebar">
|
||||
<i class="gg-menu-right"></i>
|
||||
</button>
|
||||
<button class="btn btn-toggle sidenav-toggler">
|
||||
<i class="gg-menu-left"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button class="topbar-toggler more">
|
||||
<i class="gg-more-vertical-alt"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<!-- End Logo Header -->
|
||||
</div>
|
||||
<!-- Navbar Header -->
|
||||
<nav class="navbar navbar-header navbar-header-transparent navbar-expand-lg border-bottom">
|
||||
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-header-left navbar-expand-lg navbar-form nav-search p-0 d-none d-lg-flex">
|
||||
<strong>MAJLIS BANDARAYA ISKANDAR PUTERI</strong>
|
||||
</nav>
|
||||
|
||||
<ul class="navbar-nav topbar-nav ms-md-auto align-items-center">
|
||||
|
||||
<li class="nav-item topbar-user dropdown hidden-caret">
|
||||
<a class="dropdown-toggle profile-pic" data-bs-toggle="dropdown" href="#" aria-expanded="false">
|
||||
<div class="avatar-sm">
|
||||
@if(!is_null(auth()->user()->avatar_path))
|
||||
<img src="{{ route('profil.stream', [auth()->user()->avatar_path]) }}" class="avatar-img rounded-circle">
|
||||
@else
|
||||
<img src="{{ asset('img/avatar.png') }}" class="avatar-img rounded">
|
||||
@endif
|
||||
</div>
|
||||
<span class="profile-username">
|
||||
<span class="op-7">Hi,</span> <span class="fw-bold">{{auth()->user()->name}}</span>
|
||||
</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-user animated fadeIn">
|
||||
<div class="dropdown-user-scroll scrollbar-outer">
|
||||
<li>
|
||||
<div class="user-box">
|
||||
<div class="avatar-lg">
|
||||
@if(!is_null(auth()->user()->avatar_path))
|
||||
<img src="{{ route('profil.stream', [auth()->user()->avatar_path]) }}" class="avatar-img rounded">
|
||||
@else
|
||||
<img src="{{ asset('img/avatar.png') }}" class="avatar-img rounded">
|
||||
@endif
|
||||
</div>
|
||||
<div class="u-text">
|
||||
<h4>{{auth()->user()->name}}</h4>
|
||||
<p class="text-muted">{{auth()->user()->email}}</p><a href="{{route('profile.edit')}}" class="btn btn-xs btn-secondary btn-sm">View Profile</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="{{route('logout')}}">Logout</a>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- End Navbar -->
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="page-inner">
|
||||
<div class="page-header">
|
||||
<h3 class="fw-bold mb-3">@yield('tajuk')</h3>
|
||||
@yield('breadcrumb')
|
||||
</div>
|
||||
|
||||
@if (session('success'))
|
||||
<div class="alert alert-success" role="alert">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container-fluid d-flex justify-content-between">
|
||||
<nav class="pull-left">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">
|
||||
Penafian
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> FAQ </a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="copyright">
|
||||
2025, made with <i class="fa fa-heart heart text-danger"></i> by
|
||||
<a href="https://www.mbip.gov.my">microEN</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Core JS Files -->
|
||||
<script src="{{asset('kai/assets/js/core/jquery-3.7.1.min.js')}}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
|
||||
<!-- jQuery Scrollbar -->
|
||||
<script src="{{asset('kai/assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js')}}"></script>
|
||||
|
||||
<!-- jQuery Sparkline -->
|
||||
<script src="{{asset('kai/assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js')}}"></script>
|
||||
|
||||
<!-- Datatables -->
|
||||
<script src="{{asset('kai/assets/js/plugin/datatables/datatables.min.js')}}"></script>
|
||||
<!-- Kaiadmin JS -->
|
||||
<script src="{{asset('kai/assets/js/kaiadmin.min.js')}}"></script>
|
||||
@yield('js')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
resources/views/layouts/guest.blade.php
Normal file
30
resources/views/layouts/guest.blade.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.bunny.net">
|
||||
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
</head>
|
||||
<body class="font-sans text-gray-900 antialiased">
|
||||
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
|
||||
<div>
|
||||
<a href="/">
|
||||
<x-application-logo class="w-20 h-20 fill-current text-gray-500" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
100
resources/views/layouts/navigation.blade.php
Normal file
100
resources/views/layouts/navigation.blade.php
Normal file
@@ -0,0 +1,100 @@
|
||||
<nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
|
||||
<!-- Primary Navigation Menu -->
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between h-16">
|
||||
<div class="flex">
|
||||
<!-- Logo -->
|
||||
<div class="shrink-0 flex items-center">
|
||||
<a href="{{ route('dashboard') }}">
|
||||
<x-application-logo class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Navigation Links -->
|
||||
<div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
|
||||
<x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
|
||||
{{ __('Dashboard') }}
|
||||
</x-nav-link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Settings Dropdown -->
|
||||
<div class="hidden sm:flex sm:items-center sm:ms-6">
|
||||
<x-dropdown align="right" width="48">
|
||||
<x-slot name="trigger">
|
||||
<button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none transition ease-in-out duration-150">
|
||||
<div>{{ Auth::user()->name }}</div>
|
||||
|
||||
<div class="ms-1">
|
||||
<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="content">
|
||||
<x-dropdown-link :href="route('profile.edit')">
|
||||
{{ __('Profile') }}
|
||||
</x-dropdown-link>
|
||||
|
||||
<!-- Authentication -->
|
||||
<form method="POST" action="{{ route('logout') }}">
|
||||
@csrf
|
||||
|
||||
<x-dropdown-link :href="route('logout')"
|
||||
onclick="event.preventDefault();
|
||||
this.closest('form').submit();">
|
||||
{{ __('Log Out') }}
|
||||
</x-dropdown-link>
|
||||
</form>
|
||||
</x-slot>
|
||||
</x-dropdown>
|
||||
</div>
|
||||
|
||||
<!-- Hamburger -->
|
||||
<div class="-me-2 flex items-center sm:hidden">
|
||||
<button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out">
|
||||
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
|
||||
<path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
<path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Responsive Navigation Menu -->
|
||||
<div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
|
||||
<div class="pt-2 pb-3 space-y-1">
|
||||
<x-responsive-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
|
||||
{{ __('Dashboard') }}
|
||||
</x-responsive-nav-link>
|
||||
</div>
|
||||
|
||||
<!-- Responsive Settings Options -->
|
||||
<div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
|
||||
<div class="px-4">
|
||||
<div class="font-medium text-base text-gray-800 dark:text-gray-200">{{ Auth::user()->name }}</div>
|
||||
<div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 space-y-1">
|
||||
<x-responsive-nav-link :href="route('profile.edit')">
|
||||
{{ __('Profile') }}
|
||||
</x-responsive-nav-link>
|
||||
|
||||
<!-- Authentication -->
|
||||
<form method="POST" action="{{ route('logout') }}">
|
||||
@csrf
|
||||
|
||||
<x-responsive-nav-link :href="route('logout')"
|
||||
onclick="event.preventDefault();
|
||||
this.closest('form').submit();">
|
||||
{{ __('Log Out') }}
|
||||
</x-responsive-nav-link>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user