Bryam105
100 lines
6.7 KiB
PHP
100 lines
6.7 KiB
PHP
@props(['auth' => false])
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
<title>{{ $title ?? 'Lauck - Home' }}</title>
|
|
</head>
|
|
<body class="bg-neutral-900 relative pb-50 min-h-screen">
|
|
<nav class="bg-white border-gray-200 dark:bg-green-950">
|
|
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
<a href="/" class="flex items-center text-white space-x-3 rtl:space-x-reverse">
|
|
<img src="{{ asset('img/logoLauck.png') }}" class="h-22" alt="Lauck Logo" />
|
|
<span
|
|
class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">{{ $navTitle ?? 'Lauck Home' }}</span>
|
|
</a>
|
|
<button data-collapse-toggle="navbar-default" type="button"
|
|
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
|
aria-controls="navbar-default" aria-expanded="false">
|
|
<span class="sr-only">Open main menu</span>
|
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
viewBox="0 0 17 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M1 1h15M1 7h15M1 13h15" />
|
|
</svg>
|
|
</button>
|
|
<div class="hidden w-full md:block md:w-auto" id="navbar-default">
|
|
@auth
|
|
<ul
|
|
class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-green-950 dark:border-gray-700">
|
|
<li>
|
|
<a href="{{ route('dashboard') }}"
|
|
class="block py-2 px-3 text-white bg-blue-700 rounded-sm md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('productos.index') }}"
|
|
class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Productos</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"
|
|
class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Services</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"
|
|
class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Pricing</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"
|
|
class="block py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a>
|
|
</li>
|
|
</ul>
|
|
@else
|
|
<ul
|
|
class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-green-950 dark:border-gray-700">
|
|
<li>
|
|
<a href="{{ route('register') }}"
|
|
class="block py-2 px-3 dark:hover:bg-gray-700 dark:hover:text-white text-gray-900 rounded-sm hover:bg-gray-100 dark:text-white md:px-4 md:py-2 md:rounded-md md:text-white md:font-semibold md:bg-stone-500 md:hover:scale-105 transition">Registrate</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{route('login')}}"
|
|
class="block py-2 px-3 dark:hover:bg-gray-700 dark:hover:text-white text-gray-900 rounded-sm hover:bg-gray-100 dark:text-white md:px-4 md:py-2 md:rounded-md md:text-white md:font-semibold md:bg-stone-500 md:hover:scale-105 transition">Iniciar Sesion</a>
|
|
</li>
|
|
</ul>
|
|
@endauth
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{{ $slot }}
|
|
<footer class="bg-white rounded-lg shadow-sm dark:bg-green-950 absolute bottom-0 start-0 end-0">
|
|
<div class="w-full max-w-7xl mx-auto p-4 md:py-8">
|
|
<div class="sm:flex sm:items-center sm:justify-between">
|
|
<a href="../" class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse">
|
|
<img src="{{ asset('img/logoLauck.png') }}" class="h-8" alt="Bicicleterias Lauck Logo" />
|
|
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Cicles Lauck</span>
|
|
</a>
|
|
<ul
|
|
class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
|
|
<li>
|
|
<a href="#" class="hover:underline me-4 md:me-6">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="hover:underline me-4 md:me-6">Privacy Policy</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="hover:underline me-4 md:me-6">Licensing</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="hover:underline">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
|
|
<span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2023 <a
|
|
href="../" class="hover:underline">Flowbite™</a>. All Rights Reserved.</span>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |