Agregue calendario, trendria q dejar de usar cdn y nose si algo mas.

This commit is contained in:
2026-02-20 18:36:06 -03:00
parent e8bece9037
commit 8102265f92
8 changed files with 532 additions and 242 deletions
+51
View File
@@ -0,0 +1,51 @@
<x-layout title="Agenda">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.20/main.min.css">
<div class="flex w-full justify-between items-end mb-6">
<div>
<x-section-header
subtitle="Gestor de Eventos"
title="Agenda"
highlight="Lauck"
/>
</div>
<a href="{{ route('taller.index') }}"
class="px-5 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] uppercase tracking-wide text-xs flex items-center gap-2">
Volver a Taller
</a>
</div>
<script>
window.appointments = @json($appointments);
</script>
<div id="calendar" class="w-full border-2 rounded-xl py-3 px-3 bg-neutral-900/50 border border-neutral-800"></div>
</x-layout>
<div id="eventModal"
class="hidden fixed inset-0 z-50 flex items-center justify-center">
<div class="relative text-white p-6 rounded-xl w-96 shadow-2xl border-2 bg-neutral-900 border border-neutral-800">
<h2 id="modalTitle" class="text-xl font-bold mb-2"></h2>
<p id="modalDate" class="text-gray-300 mb-4"></p>
<div class="flex justify-end gap-2">
<button id="closeModal"
class="px-4 py-2 bg-gray-600 hover:bg-gray-500 rounded-lg">
Cerrar
</button>
<a id="viewEventBtn"
href=""
class="px-4 py-2 bg-neon-lime hover:bg-[#b3e600] text-neutral-900 font-bold rounded-lg">
Ver turno
</a>
</div>
</div>
</div>