Browse Source

pestañana de configuracion

main
sergiomarquez778 1 month ago
parent
commit
68ea425928
  1. 136
      resources/views/layouts/dashboard.blade.php

136
resources/views/layouts/dashboard.blade.php

@ -16,10 +16,11 @@
<!-- Sidebar -->
<aside class="bg-[#1E40AF] text-white w-64 min-h-screen px-4 py-6 hidden md:block">
<div class="flex items-center justify-center mb-8">
<span class="text-2xl font-bold">Prestamos Tec</span>
<span class="text-2xl font-bold">PrestamosTecmm</span>
</div>
<nav>
<ul class="space-y-2">
<!-- Inicio -->
<li>
<a href="/dashboard" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-home"></i>
@ -27,81 +28,112 @@
</a>
</li>
<!-- Vehículos -->
<!-- Préstamos -->
<li>
<a href="/marcas" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-car"></i>
<span>Marcas</span>
</a>
</li>
<li>
<a href="/tipos" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-truck-pickup"></i>
<span>Tipos de Vehículo</span>
</a>
</li>
<!-- Licencias -->
<li>
<a href="/licencias" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-id-card"></i>
<span>Tipos de Licencia</span>
<a href="/prestamos" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-book"></i>
<span>Préstamos</span>
</a>
</li>
<!-- Capacidad -->
<!-- Usuarios -->
<li>
<a href="/capacidad" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<a href="/usuarios" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-users"></i>
<span>Capacidad</span>
<span>Usuarios</span>
</a>
</li>
<!-- Puestos -->
<!-- Configuración con Submenú -->
<li x-data="{ open: false }" class="relative">
<button @click="open = !open" class="flex items-center justify-between w-full px-4 py-2 rounded hover:bg-blue-700">
<button @click="open = !open"
class="flex items-center justify-between w-full px-4 py-2 rounded hover:bg-blue-700">
<div class="flex items-center space-x-2">
<i class="fas fa-user-tie"></i>
<span>Puestos</span>
<i class="fas fa-cog"></i>
<span>Configuración</span>
</div>
<i class="fas fa-chevron-down text-sm" :class="{ 'transform rotate-180': open }"></i>
<i class="fas fa-chevron-down text-sm transition-transform duration-200"
:class="{ 'transform rotate-180': open }"></i>
</button>
<ul x-show="open" class="pl-4 mt-2 space-y-1 text-sm">
<!-- Submenú de Configuración -->
<ul x-show="open"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 transform -translate-y-2"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform -translate-y-2"
class="pl-4 mt-2 space-y-1 text-sm">
<!-- Tipos -->
<li>
<a href="/puestos/docentes" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-chalkboard-teacher"></i>
<span>Docentes</span>
<a href="/configuracion/tipos" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-tags"></i>
<span>Tipos</span>
</a>
</li>
<!-- Tipos de Licencia -->
<li>
<a href="/puestos/choferes" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-steering-wheel"></i>
<span>Choferes</span>
<a href="/configuracion/licencias" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-id-card"></i>
<span>Tipos de Licencia</span>
</a>
</li>
<!-- Capacidad -->
<li>
<a href="/puestos/admin" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-user-shield"></i>
<span>Administradores</span>
<a href="/configuracion/capacidad" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-users"></i>
<span>Capacidad</span>
</a>
</li>
</ul>
</li>
<!-- Estatus -->
<li>
<a href="/estatus" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-toggle-on"></i>
<span>Estatus</span>
</a>
</li>
<!-- Puestos -->
<li x-data="{ openPuestos: false }" class="relative">
<button @click="openPuestos = !openPuestos"
class="flex items-center justify-between w-full px-4 py-2 rounded hover:bg-blue-700">
<div class="flex items-center space-x-2">
<i class="fas fa-user-tie"></i>
<span>Puestos</span>
</div>
<i class="fas fa-chevron-right text-xs"
:class="{ 'transform rotate-90': openPuestos }"></i>
</button>
<!-- Configuración -->
<li>
<a href="/configuracion" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-cog"></i>
<span>Configuración</span>
</a>
<!-- Submenú de Puestos -->
<ul x-show="openPuestos"
class="pl-4 mt-1 space-y-1">
<li>
<a href="/configuracion/puestos/docentes" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-chalkboard-teacher"></i>
<span>Docentes</span>
</a>
</li>
<li>
<a href="/configuracion/puestos/choferes" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-car"></i>
<span>Choferes</span>
</a>
</li>
<li>
<a href="/configuracion/puestos/admin" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-user-shield"></i>
<span>Administradores</span>
</a>
</li>
</ul>
</li>
<!-- Estatus -->
<li>
<a href="/configuracion/estatus" class="flex items-center space-x-2 px-4 py-2 rounded hover:bg-blue-700">
<i class="fas fa-toggle-on"></i>
<span>Estatus</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>

Loading…
Cancel
Save