alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deje de usar cdn y mejore el calendario

Browse Source
This commit is contained in:
Coassolo-Lucas
2026-04-04 16:37:14 -03:00
parent 8102265f92
commit 8ac56c7960
6 changed files with 152 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/agenda.blade.php
+3 -2
View File
@@ -1,5 +1,4 @@
<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">
@@ -21,6 +20,9 @@
<script>
window.appointments = @json($appointments);
</script>
<script>
window.appointmentShowTemplate = "{{ route('appointments.show', ':id') }}";
</script>
<div id="calendar" class="w-full border-2 rounded-xl py-3 px-3 bg-neutral-900/50 border border-neutral-800"></div>
@@ -42,7 +44,6 @@
</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>
resources/views/appointments/show.blade.php
+107
View File
@@ -0,0 +1,107 @@
<x-layout title="Detalle del Turno">
<x-section-header subtitle="Gestor de Turnos" title="Detalle del" highlight="Turno" />
<div class="flex justify-end mb-6">
<a href="{{ route('agenda') }}"
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 Agenda
</a>
</div>
<div class="rounded-2xl shadow-lg p-8 space-y-6 bg-neutral-900/50 border-neutral-800 border-2">
@php
$statusMap = [
'pending' => 'Pendiente',
'confirmed' => 'Confirmado',
'in_progress' => 'En progreso',
'ready' => 'Listo',
'delivered' => 'Entregado',
];
$translatedStatus = $statusMap[$appointment->status] ?? 'Desconocido';
$colorMap = [
'pending' => '#ef4444',
'in_progress' => '#f59e0b',
'completed' => '#22c55e',
'ready' => '#22c55e',
'delivered' => '#22c55e',
];
$color = $colorMap[$appointment->status] ?? '#3b82f6';
@endphp
{{-- Estado --}}
<div class="text-center">
<span class="text-lg uppercase font-bold text-gray-400 tracking-wide">
Estado
</span>
<div class="mt-2">
<span class="px-3 py-1 rounded-full text-lg font-semibold text-black"
style="background-color: {{ $color }}">
{{ $translatedStatus }}
</span>
</div>
</div>
{{-- Información principal --}}
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<p class="text-lg uppercase font-bold text-gray-400">Cliente</p>
<p class="text-lg font-semibold text-white">
{{ $appointment->client->name }}
</p>
</div>
<div>
<p class="text-lg uppercase font-bold text-gray-400">Teléfono</p>
<p class="text-white">
{{ $appointment->contact_phone ?? '-' }}
</p>
</div>
<div>
<p class="text-lg uppercase font-bold text-gray-400">Fecha pactada de entrega</p>
<p class="text-white">
{{ $appointment->scheduled_at->format('d/m/Y') }}
</p>
</div>
<div>
<p class="text-lg uppercase font-bold text-gray-400">Hora</p>
<p class="text-white">
{{ $appointment->scheduled_at->format('H:i') }}
</p>
</div>
<div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Modelo de Bicicleta</p>
<p class="text-white">
{{ $appointment->bike_model ?? '-' }}
</p>
</div>
<div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Problema Reportado</p>
<p class="text-white">
{{ $appointment->problem_description }}
</p>
</div>
<div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Notas</p>
<p class="text-white">
{{ $appointment->notes ?? '-' }}
</p>
</div>
</div>
</div>
</x-layout>