108 lines
3.6 KiB
PHP
108 lines
3.6 KiB
PHP
<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>
|