Edit File: 72e5ee2ef906dba4b4e65a179c239415.php
<div class="sticky z-[9999] top-0 w-full"> <!-- Navbar --> <nav class="flex items-center justify-between bg-gray-800 p-4 text-white z-50 border-b-2 border-red-600"> <div class="flex items-center justify-center mx-auto md:w-3/4 relative w-full"> <!-- Logo Brand --> <div class="text-xl font-bold lg:w-1/4"> <a href="<?php echo e(route("home")); ?>"><img src="<?php echo e($page->logo); ?>" alt="Logo <?php echo e($page->name); ?>" class="mx-auto max-w-64"></a> </div> <div class="hidden lg:flex w-3/4 flex-wrap whitespace-nowrap divide-x-2 divide-red-600"> <a href="<?php echo e(route("home")); ?>" class="block p-2 border-l-2 border-l-red-600 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('home') ? "bg-red-600": " "); ?>">Beranda</a> <!-- <a href="<?php echo e(route("season.show", $current_season->slug)); ?>" class="block p-2 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('season.show') ? "bg-red-600": " "); ?>"><?php echo e($current_season->name); ?></a> --> <a href="<?php echo e(route("genre.show.list")); ?>" class="block p-2 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('genre.sh*') ? "bg-red-600": " "); ?>">Daftar Genre</a> <a href="<?php echo e(route("season.show.list")); ?>" class="block p-2 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('season.show.list') ? "bg-red-600": " "); ?>">Daftar Season Anime</a> <a href="<?php echo e(route("completed.show")); ?>" class="block p-2 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('completed.show') ? "bg-red-600": " "); ?>">Anime Tamat</a> <a href="<?php echo e(route("filmlist")); ?>" class="block p-2 hover:bg-red-600 hover:scale-125 duration-200 hover:rounded-md <?php echo e(request()->routeIs('filmlist') ? "bg-red-600": " "); ?>">Daftar Film</a> <div class=""> <a href="<?php echo e(route("login")); ?>" class="block bg-red-600 hover:bg-red-800 text-center py-2 rounded w-24 mx-4"><?php echo e(Auth::check() ? "Dashboard" : "Login"); ?></a> </div> <div class=""> <a href="<?php echo e(route("register")); ?>" class="bg-red-600 hover:bg-red-800 text-center py-2 rounded w-24 ms-4 <?php echo e(Auth::check() ? "hidden" : "block"); ?>">Register</a> </div> <form wire:submit.prevent="search" class="w-96 flex p-2 duration-200"> <input wire:model="query" type="text" placeholder="Cari Berdasarkan Judul" class="focus:ring-red-600 focus:border-transparent bg-transparent text-red-600 placeholder:text-red-700 border-t-0 border-x-0"> <button type="submit" class="bg-red-600 w-24 grid place-items-center">CARI</button> </form> </div> <button wire:click="toggleNavbar" class="text-white focus:outline-none lg:hidden absolute top-1/2 -translate-y-1/2 right-4 "> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <!-- Hamburger Button --> </nav> <!-- Off-Canvas Menu --> <div class="fixed top-0 left-0 h-full w-64 bg-gray-900 text-white transform transition-transform duration-300 z-50 <?php echo e($isOpen ? 'translate-x-0 overflow-y-auto' : '-translate-x-full'); ?>"> <div class="p-4"> <h2 class="text-2xl font-bold mb-4"><a href="<?php echo e(route("home")); ?>"><img src="<?php echo e($page->logo); ?>" alt="Logo <?php echo e($page->name); ?>" class="max-w-48 w-1/2 "></a></h2> <ul class="space-y-4"> <li><a href="<?php echo e(route("home")); ?>" class="block p-2 border-l-2 border-l-red-600 <?php echo e(request()->routeIs('home') ? "bg-red-600": " "); ?>" class="block hover:bg-gray-700 p-2">Beranda</a></li> <!-- <li><a href="#" class="block hover:bg-gray-700 p-2"><?php echo e($current_season->name); ?></a></li> --> <li><a href="<?php echo e(route("genre.show.list")); ?>" class="block hover:bg-gray-700 p-2">Daftar Genre</a></li> <li><a href="<?php echo e(route("season.show", $current_season->slug)); ?>" class="block hover:bg-gray-700 p-2">Daftar Musim</a></li> <li><a href="<?php echo e(route("filmlist")); ?>" class="block hover:bg-gray-700 p-2">Anime Tamat</a></li> <li><a href="#" class="block hover:bg-gray-700 p-2">Daftar Film</a></li> <!-- <li><a href="#" class="block hover:bg-gray-700 p-2">APK <?php echo e($page->name); ?></a></li> --> <div class="w-full flex p-2 duration-200"> <input wire:model="query" type="text" placeholder="Cari Berdasarkan Judul" class="focus:ring-red-600 focus:border-transparent bg-transparent text-red-600 placeholder:text-red-700 border-t-0 border-x-0 w-full"> <button wire:click="search" class="bg-red-600 w-24 grid place-items-center">CARI</button> </div> </ul> <div class="mt-8"> <a href="<?php echo e(route("login")); ?>" class="block bg-red-600 hover:bg-red-800 text-center py-2 rounded"><?php echo e(Auth::check() ? "Dashboard" : "Login"); ?></a> </div> <div class="mt-2"> <button wire:click="toggleNavbar" class="block border-2 border-red-600 hover:bg-red-600 text-center py-2 rounded w-full"><?php echo e(__("Tutup")); ?></button> </div> </div> </div> <!-- Overlay (when off-canvas is open) --> <div wire:click="toggleNavbar" class="fixed inset-0 bg-black opacity-50 z-40 <?php echo e($isOpen ? 'block' : 'hidden'); ?>"></div> </div><?php /**PATH /home/okaminime0881/anime/resources/views/livewire/offcanvas-navbar.blade.php ENDPATH**/ ?>
Back