93 lines
4.0 KiB
PHP
93 lines
4.0 KiB
PHP
<x-layout title="Tablero de Taller">
|
|
|
|
<x-section-header subtitle="Gestión" title="Tablero de " highlight="Taller" />
|
|
|
|
@if(session('success'))
|
|
<div class="bg-green-900/50 border border-green-500 text-green-300 px-4 py-3 rounded-lg mb-6 shadow-sm">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex w-full justify-end items-end mb-4 gap-x-2">
|
|
<a href="{{ route('agenda') }}"
|
|
class="w-full xl:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
|
|
Ver Agenda
|
|
</a>
|
|
|
|
<a href="{{ route('taller.create') }}" class="w-full xl:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
|
|
+ Ingresar Bici
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Contenedor -->
|
|
<div class="flex flex-col lg:flex-row w-full gap-8 overflow-x-auto pb-4 h-[calc(100vh-250px)]">
|
|
|
|
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
|
|
bg-stone-100 border-stone-300
|
|
dark:bg-neutral-900/50 dark:border-neutral-800">
|
|
|
|
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
|
|
bg-stone-200/50 border-stone-300
|
|
dark:bg-neutral-800/50 dark:border-neutral-800">
|
|
<h3 class="font-bold uppercase tracking-widest text-xs text-red-600 dark:text-gray-300">
|
|
🔴 Pendientes / A Revisar
|
|
</h3>
|
|
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
|
|
{{ $pending->count() }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
|
|
@foreach($pending as $job)
|
|
<x-taller-card :job="$job" color="red" />
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
|
|
bg-stone-100 border-stone-300
|
|
dark:bg-neutral-900/50 dark:border-neutral-800">
|
|
|
|
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
|
|
bg-stone-200/50 border-stone-300
|
|
dark:bg-neutral-800/50 dark:border-neutral-800">
|
|
<h3 class="font-bold uppercase tracking-widest text-xs text-yellow-600 dark:text-yellow-500">
|
|
🟡 En Reparación
|
|
</h3>
|
|
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
|
|
{{ $inProgress->count() }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
|
|
@foreach($inProgress as $job)
|
|
<x-taller-card :job="$job" color="yellow" />
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
|
|
bg-stone-100 border-stone-300
|
|
dark:bg-neutral-900/50 dark:border-neutral-800">
|
|
|
|
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
|
|
bg-stone-200/50 border-stone-300
|
|
dark:bg-neutral-800/50 dark:border-neutral-800">
|
|
<h3 class="font-bold uppercase tracking-widest text-xs text-green-600 dark:text-neon-lime">
|
|
🟢 Listas para Retirar
|
|
</h3>
|
|
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
|
|
{{ $ready->count() }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
|
|
@foreach($ready as $job)
|
|
<x-taller-card :job="$job" color="neon" />
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</x-layout> |