fifi97
239 lines
10 KiB
PHP
239 lines
10 KiB
PHP
<!doctype html>
|
||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- CSRF Token -->
|
||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||
|
||
<title>{{ config('app.name', 'Laravel') }}</title>
|
||
|
||
<!-- Scripts -->
|
||
<script src="{{ asset('js/app.js') }}" defer></script>
|
||
|
||
<!-- Fonts -->
|
||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
|
||
|
||
<!-- Styles -->
|
||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
|
||
|
||
<style>
|
||
.sidebar {
|
||
height: 80%;
|
||
width: 0;
|
||
position: fixed;
|
||
z-index: 1;
|
||
top: 0;
|
||
left: 0;
|
||
background-color: #bdc3c7;
|
||
overflow-x: hidden;
|
||
transition: 0.5s;
|
||
padding-top: 60px;
|
||
}
|
||
|
||
.sidebar a {
|
||
padding: 8px 8px 8px 32px;
|
||
text-decoration: none;
|
||
font-size: 25px;
|
||
color: #818181;
|
||
display: block;
|
||
transition: 0.3s;
|
||
}
|
||
|
||
.sidebar a:hover {
|
||
color: #f1f1f1;
|
||
}
|
||
|
||
.sidebar .closebtn {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 25px;
|
||
font-size: 36px;
|
||
margin-left: 50px;
|
||
}
|
||
|
||
@media screen and (max-height: 450px) {
|
||
.sidebar {padding-top: 15px;}
|
||
.sidebar a {font-size: 18px;}
|
||
}
|
||
|
||
#app {
|
||
transition: margin-left .5s;
|
||
/* padding: 16px; */
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<script>
|
||
openNav = () => {
|
||
let toggle = document.getElementById("mySidebar");
|
||
let maintoggle = document.getElementById("app");
|
||
|
||
if(toggle.style.width == "" || toggle.style.width == '0px')
|
||
{
|
||
toggle.style.width = "250px";
|
||
maintoggle.style.marginLeft = "250px";
|
||
}else{
|
||
document.getElementById("mySidebar").style.width = "0";
|
||
document.getElementById("app").style.marginLeft= "0";
|
||
}
|
||
}
|
||
|
||
|
||
|
||
closeNav = () => {
|
||
document.getElementById("mySidebar").style.width = "0";
|
||
document.getElementById("app").style.marginLeft= "0";
|
||
}
|
||
</script>
|
||
|
||
<div id="app">
|
||
{{-- <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="{{ url('/') }}">
|
||
{{ config('app.name', 'Laravel') }}
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<!-- Left Side Of Navbar -->
|
||
<ul class="navbar-nav mr-auto">
|
||
|
||
</ul>
|
||
|
||
<!-- Right Side Of Navbar -->
|
||
<ul class="navbar-nav ml-auto">
|
||
<!-- Authentication Links -->
|
||
@guest
|
||
@if (Route::has('login'))
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
||
</li>
|
||
@endif
|
||
|
||
@if (Route::has('register'))
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
|
||
</li>
|
||
@endif
|
||
@else
|
||
<li class="nav-item dropdown">
|
||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
|
||
{{ Auth::user()->name }}
|
||
</a>
|
||
|
||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||
<a class="dropdown-item" href="{{ route('logout') }}"
|
||
onclick="event.preventDefault();
|
||
document.getElementById('logout-form').submit();">
|
||
{{ __('Logout') }}
|
||
</a>
|
||
|
||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||
@csrf
|
||
</form>
|
||
</div>
|
||
</li>
|
||
@endguest
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav> --}}
|
||
|
||
<div id="mySidebar" class="sidebar">
|
||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||
<a href="#">About</a>
|
||
<a href="#">Services</a>
|
||
<a href="#">Clients</a>
|
||
<a href="#">Contact</a>
|
||
</div>
|
||
|
||
<nav class="bg-white border-b border-gray-200 z-30 w-full">
|
||
|
||
<div class="px-3 py-3 lg:px-5 lg:pl-3">
|
||
<div class="flex items-center justify-between">
|
||
<div class="flex items-center justify-start">
|
||
<button id="toggleSidebarMobile" onclick="openNav()" aria-expanded="true" aria-controls="sidebar" class=" mr-2 text-gray-600 hover:text-gray-900 cursor-pointer p-2 hover:bg-gray-100 focus:bg-gray-100 focus:ring-2 focus:ring-gray-100 rounded">
|
||
<svg id="toggleSidebarMobileHamburger" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
|
||
</svg>
|
||
<svg id="toggleSidebarMobileClose" class="w-6 h-6 hidden" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||
</svg>
|
||
</button>
|
||
<a href="#" class="text-xl font-bold flex items-center lg:ml-2.5">
|
||
<img src="{{ asset('img/icon_pkb.png') }}" class="h-6 mr-2" alt="Windster Logo">
|
||
<span class="self-center whitespace-nowrap">Ar-Rahn</span>
|
||
</a>
|
||
</div>
|
||
<div class="mx-auto">
|
||
<a class="text-yellow-200 rounded bg-gray-400 px-6 py-3 font-bold mr-4">
|
||
CAWANGAN : KOTA BHARU 2
|
||
</a>
|
||
</div>
|
||
<div class="flex items-center">
|
||
|
||
@guest
|
||
@if (Route::has('login'))
|
||
{{-- <li class="nav-item">
|
||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
||
</li> --}}
|
||
<div class="hidden lg:flex items-center">
|
||
<a href="{{ route('login') }}" class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
|
||
Log In
|
||
</a>
|
||
</div>
|
||
@endif
|
||
|
||
@if (Route::has('register'))
|
||
{{-- <li class="nav-item">
|
||
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
|
||
</li> --}}
|
||
<div class="hidden lg:flex items-center ml-2">
|
||
<a href="{{ route('register') }}" class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
|
||
Register
|
||
</a>
|
||
</div>
|
||
@endif
|
||
@else
|
||
<a class="text-blue-600 font-bold mr-4">
|
||
{{ Auth::user()->name }}
|
||
</a>
|
||
|
||
{{-- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||
<a class="dropdown-item" href="{{ route('logout') }}"
|
||
onclick="event.preventDefault();
|
||
document.getElementById('logout-form').submit();">
|
||
{{ __('Logout') }}
|
||
</a> --}}
|
||
|
||
<div class="hidden lg:flex items-center">
|
||
<button onclick="event.preventDefault();
|
||
document.getElementById('logout-form').submit();" class="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">
|
||
Log out
|
||
</button>
|
||
</div>
|
||
|
||
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
|
||
@csrf
|
||
</form>
|
||
@endguest
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<main class="py-4 bg-gray-200">
|
||
@yield('content')
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|