Agregue modo dark al calendar y al la vista del turno

This commit is contained in:
2026-04-04 18:14:11 -03:00
parent c1921b7372
commit 8c22563cc1
3 changed files with 37 additions and 30 deletions
+22 -19
View File
@@ -4,12 +4,16 @@
<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">
class="px-5 py-2.5 font-bold rounded-lg uppercase tracking-wide text-xs flex items-center gap-2
bg-neutral-900 text-white hover:bg-neutral-700
dark:bg-neon-lime dark:text-neutral-900 dark:hover:bg-[#b3e600]">
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">
<div class="rounded-2xl shadow-lg p-8 space-y-6
bg-white border border-neutral-300
dark:bg-neutral-900/50 dark:border-neutral-700 dark:border-2">
@php
$statusMap = [
@@ -31,12 +35,11 @@
];
$color = $colorMap[$appointment->status] ?? '#3b82f6';
@endphp
{{-- Estado --}}
<div class="text-center">
<span class="text-lg uppercase font-bold text-gray-400 tracking-wide">
<span class="text-lg uppercase font-bold tracking-wide text-neutral-500 dark:text-gray-400">
Estado
</span>
@@ -52,50 +55,50 @@
<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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Cliente</p>
<p class="text-lg font-semibold text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Teléfono</p>
<p class="text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Fecha pactada de entrega</p>
<p class="text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Hora</p>
<p class="text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Modelo de Bicicleta</p>
<p class="text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Problema Reportado</p>
<p class="text-neutral-900 dark: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">
<p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Notas</p>
<p class="text-neutral-900 dark:text-white">
{{ $appointment->notes ?? '-' }}
</p>
</div>
@@ -104,4 +107,4 @@
</div>
</x-layout>
</x-layout>