fifi97
273 lines
14 KiB
PHP
273 lines
14 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>Ar-Rahn Admin Page</title>
|
||
|
||
<!-- Routes -->
|
||
@routes
|
||
|
||
<!-- 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: 100%;
|
||
width: 0;
|
||
position: fixed;
|
||
z-index: 1;
|
||
top: 0;
|
||
left: 0;
|
||
background-color: white;
|
||
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 class="bg-gray-200">
|
||
<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">
|
||
|
||
<div id="mySidebar" class="sidebar">
|
||
{{-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> --}}
|
||
|
||
<div class="">
|
||
</div>
|
||
<hr>
|
||
<div>
|
||
<ul class="mt-12 ml-2">
|
||
|
||
<a href="{{ route('home') }}">
|
||
<li class="flex w-full justify-between text-gray-300 hover:text-yellow-500 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-grid" width="18" height="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z"></path>
|
||
<rect x="4" y="4" width="6" height="6" rx="1"></rect>
|
||
<rect x="14" y="4" width="6" height="6" rx="1"></rect>
|
||
<rect x="4" y="14" width="6" height="6" rx="1"></rect>
|
||
<rect x="14" y="14" width="6" height="6" rx="1"></rect>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Dashboard</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
<a href="{{ route('admin.alirantunai') }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-yellow-500 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-stack" viewBox="0 0 16 16">
|
||
<path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
|
||
<path d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z"/>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Tunai</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
<a href="{{ route('admin.petibesi') }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-yellow-500 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-safe2" viewBox="0 0 16 16">
|
||
<path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h12A1.5 1.5 0 0 1 16 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V14H.5a.5.5 0 0 1 0-1H1V9H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1v-.5zM2.5 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-12z"/>
|
||
<path d="M5.035 8h1.528c.047-.184.12-.357.214-.516l-1.08-1.08A3.482 3.482 0 0 0 5.035 8zm1.369-2.303 1.08 1.08c.16-.094.332-.167.516-.214V5.035a3.482 3.482 0 0 0-1.596.662zM9 5.035v1.528c.184.047.357.12.516.214l1.08-1.08A3.482 3.482 0 0 0 9 5.035zm2.303 1.369-1.08 1.08c.094.16.167.332.214.516h1.528a3.483 3.483 0 0 0-.662-1.596zM11.965 9h-1.528c-.047.184-.12.357-.214.516l1.08 1.08A3.483 3.483 0 0 0 11.965 9zm-1.369 2.303-1.08-1.08c-.16.094-.332.167-.516.214v1.528a3.483 3.483 0 0 0 1.596-.662zM8 11.965v-1.528a1.989 1.989 0 0 1-.516-.214l-1.08 1.08A3.483 3.483 0 0 0 8 11.965zm-2.303-1.369 1.08-1.08A1.988 1.988 0 0 1 6.563 9H5.035c.085.593.319 1.138.662 1.596zM4 8.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zm4.5-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Peti Besi</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
<a href="{{ route('admin.pelanggan') }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-yellow-500 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-bounding-box" viewBox="0 0 16 16">
|
||
<path d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/>
|
||
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Pelanggan</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
<hr class="mb-2">
|
||
|
||
|
||
<a href="#">
|
||
<li class="flex w-full justify-between text-red-600 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-workspace" viewBox="0 0 16 16">
|
||
<path d="M4 16s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H4Zm4-5.95a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
|
||
<path d="M2 1a2 2 0 0 0-2 2v9.5A1.5 1.5 0 0 0 1.5 14h.653a5.373 5.373 0 0 1 1.066-2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9h-2.219c.554.654.89 1.373 1.066 2h.653a1.5 1.5 0 0 0 1.5-1.5V3a2 2 0 0 0-2-2H2Z"/>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Pengguna</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
<a href="#">
|
||
<li class="flex w-full justify-between text-red-600 cursor-pointer items-center mb-6">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive-fill" viewBox="0 0 16 16">
|
||
<path d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15h9.286zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zM.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8H.8z"/>
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Arkib</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
</ul>
|
||
</div>
|
||
{{-- <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 sticky">
|
||
|
||
<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">
|
||
|
||
@auth
|
||
<button id="toggleSidebarMobile" @if(Auth::user()->roles == 'admin') onclick="openNav()" @endif 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>
|
||
@endauth
|
||
<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>
|
||
|
||
@auth
|
||
{{-- <div class="mx-auto">
|
||
<a class="text-yellow-200 rounded bg-gray-400 px-6 py-3 font-bold mr-4">
|
||
CAWANGAN : {{ Auth::user()->cawangan }}
|
||
</a>
|
||
</div> --}}
|
||
{{-- <cawangan v-bind:cawangan="{!! Auth::user()->cawangan !!}"></cawangan> --}}
|
||
<cawangan-component status={{ Auth::user()->cawangan }} roles={{ Auth::user()->roles }}></cawangan-component>
|
||
@endauth
|
||
|
||
<div class="flex items-center">
|
||
|
||
@guest
|
||
@if (Route::has('login'))
|
||
<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'))
|
||
<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-gray-900 font-bold mr-4 md:invisible xl:visible">
|
||
{{ Auth::user()->name }}
|
||
</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 md:invisible xl:visible">
|
||
Log out
|
||
</button>
|
||
<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 md:visible xl:invisible">
|
||
<i class= "fas fa-sign-out-alt"></i>
|
||
</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 px-4">
|
||
@yield('content')
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|