121 lines
10 KiB
PHP
121 lines
10 KiB
PHP
<div class="text-white">
|
|
<div class="flex justify-center items-center py-5">
|
|
<div class="text-center">
|
|
<h1 class="text-2xl font-bold">{{ strtoupper(config('app.name')) }}</h1>
|
|
</div>
|
|
</div>
|
|
<div class="py-5">
|
|
<a href="{{ route('profile') }}">
|
|
<div class="flex justify-center items-center">
|
|
<div class="bg-white w-20 h-20 rounded-full hover:bg-gray-200 transition-colors duration-300">
|
|
<img src="{{ route('foto_user', Auth::user()->img )}}" alt="" class="rounded-full">
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-center items-center mt-2 hover:text-gray-200 transition-colors duration-300">
|
|
<h1 class="font-thin">{{Auth::user()->name}}</h1>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="space-y-2 mt-10 font-semibold">
|
|
<li>
|
|
<a href="{{ route('dashboard') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'dashboard') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg class="w-6 h-6 transition duration-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
|
|
</svg>
|
|
<span class="ms-3">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('kategori') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'kategori') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition duration-75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z" />
|
|
</svg>
|
|
<span class="ms-3">Kategori</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('barang') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'barang') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition duration-75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z" />
|
|
</svg>
|
|
<span class="ms-3">Barang</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('supplier') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'supplier') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12" />
|
|
</svg>
|
|
<span class="ms-3">Supplier</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('pembelian') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'pembelian' || Route::currentRouteName() == 'pembelian.tambah') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
|
|
</svg>
|
|
|
|
|
|
<span class="ms-3">Pembelian</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('penjualan') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'penjualan') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition duration-75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
|
|
</svg>
|
|
<span class="ms-3">Penjualan</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<li x-data="{ open: false }" class="relative">
|
|
<a href="#" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'laporan') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif" @click="open = !open">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition duration-75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z" />
|
|
</svg>
|
|
<span class="ms-3">Laporan</span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 transition duration-75 transform absolute right-3 top-5 -translate-y-1/2" :class="{ 'rotate-180': open }">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
|
</svg>
|
|
</a>
|
|
<ul x-show="open" @click.away="open = false" class="pl-5 mt-3">
|
|
<li>
|
|
<a href="{{route('laporan.harian')}}" class="hover:bg-white flex items-center p-2 rounded-lg group bg-white text-gray-700 hover:text-gray-800 mt-2">
|
|
<span class="ms-3">Laporan Harian</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{route('laporan.bulanan')}}" class="hover:bg-white flex items-center p-2 rounded-lg group bg-white text-gray-700 hover:text-gray-800 mt-2">
|
|
<span class="ms-3">Laporan Bulanan</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{route('laporan.pembayaran')}}" class="hover:bg-white flex items-center p-2 rounded-lg group bg-white text-gray-700 hover:text-gray-800 mt-2">
|
|
<span class="ms-3">Laporan Pembayaran</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="{{ route('user') }}" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group @if (Route::currentRouteName() == 'user') bg-white text-[#ee69b1] hover:text-[#f142a0] @endif">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 transition duration-75">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
|
|
</svg>
|
|
<span class="ms-3">Pengguna</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="hover:bg-white hover:text-[#ee69b1] flex items-center p-2 rounded-lg group" onclick="event.preventDefault(); logout();">
|
|
<svg class="w-6 h-6 transition duration-75" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M5.636 5.636a9 9 0 1 0 12.728 0M12 3v9" />
|
|
</svg>
|
|
<span class="flex-1 ms-3 whitespace-nowrap">Logout</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|