fifi97
167 lines
12 KiB
PHP
167 lines
12 KiB
PHP
<div id="mySidebar" class="sidebar">
|
||
{{-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> --}}
|
||
{{-- <p class="text-gray-900 font-bold text-xs mr-4 md:invisible xl:visible">
|
||
{{ Auth::user()->name }}
|
||
</p> --}}
|
||
<div class="bg-gray-400">
|
||
<a href="#" class="text-xl font-bold flex items-center lg:ml-2.5 pl-3 p-4">
|
||
<img src="{{ asset('img/icon_pkb.png') }}" class="h-10 mr-2 mt-1" alt="Windster Logo">
|
||
<span class="self-center whitespace-nowrap text-3xl text-black-300 pl-2">ar-rahn</span>
|
||
</a>
|
||
</div>
|
||
<hr>
|
||
|
||
{{-- <span class="text-sm ml-2 text-lg">Muhammad Hafifie</span> --}}
|
||
|
||
<p class="font-bold pl-5 pr-5 pt-5 pb-2 mt-5">Menu Utama</p>
|
||
<hr>
|
||
<div class="sidebara">
|
||
<ul class="mt-2 ml-2">
|
||
|
||
|
||
@if(Auth::user()->roles == 'admin')
|
||
<a href="{{ route('home') }}" class="rounded mr-2 mb-2 {{ Route::is('home') || Route::is('home.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-500 hover:text-gray-500 cursor-pointer items-center">
|
||
<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('alirantunai') }}" class="rounded mb-2 mr-2 {{ Route::is('alirantunai') || Route::is('alirantunai.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<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('petibesi') }}" class="rounded mb-2 mr-2 {{ Route::is('petibesi') || Route::is('petibesi.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<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('pelanggan') }}" class="rounded mb-2 mr-2 {{ Route::is('pelanggan') || Route::is('pelanggan.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<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>
|
||
|
||
<a href="{{ route('online') }}" class="rounded mb-2 mr-2 {{ Route::is('online') || Route::is('online.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Online</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
|
||
@elseif(Auth::user()->roles == 'operasi')
|
||
|
||
<a href="{{ route('home') }}" class="rounded mr-2 mb-2 {{ Route::is('home') || Route::is('home.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-500 hover:text-gray-500 cursor-pointer items-center">
|
||
<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('bajet') }}" class="rounded mb-2 mr-2 {{ Route::is('bajet') || Route::is('bajet.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728m-9.9-2.829a5 5 0 010-7.07m7.072 0a5 5 0 010 7.07M13 12a1 1 0 11-2 0 1 1 0 012 0z" />
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Bajet </span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
<a href="{{ route('blacklist') }}" class="rounded mb-2 mr-2 {{ Route::is('blacklist') || Route::is('blacklist.*') ? 'bg-gray-200 rounded text-white-500' : 'hover:bg-yellow-300 ' }}">
|
||
<li class="flex w-full justify-between text-gray-600 hover:text-gray-500 cursor-pointer items-center ">
|
||
<div class="flex items-center">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
|
||
</svg>
|
||
<span class="text-sm ml-2 text-lg">Blacklist</span>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
|
||
@endif
|
||
|
||
|
||
<p class="font-bold pl-5 pr-5 pt-5 pb-2">Profil</p>
|
||
<hr class="mb-2">
|
||
|
||
|
||
<a href="#" class="hover:bg-yellow-300 rounded mb-2 mr-2">
|
||
<li class="flex w-full justify-between text-red-600 cursor-pointer items-center ">
|
||
<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="#" class="hover:bg-yellow-300 rounded mb-2 mr-2">
|
||
<li class="flex w-full justify-between text-red-600 cursor-pointer items-center ">
|
||
<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>
|
||
|
||
<div class="absolute inset-x-0 bottom-0 mb-10 items-center mx-auto flex">
|
||
<button onclick="closeNav()" class="m-auto bg-yellow-600 hover:bg-gray-400 text-gray-800 font-bold py-2 px-8 rounded inline-flex items-center">
|
||
<li class="flex w-full justify-between text-white cursor-pointer items-center ">
|
||
<div class="flex items-center">
|
||
<i class="fas fa-times"></i>
|
||
<span class="text-sm ml-2 text-lg">Close</span>
|
||
</div>
|
||
</li>
|
||
</button>
|
||
</div>
|
||
</div> |