60 lines
3.5 KiB
PHP
60 lines
3.5 KiB
PHP
<x-filament-panels::page>
|
|
@php $columns = $this->getColumns(); @endphp
|
|
|
|
<div class="overflow-x-auto pb-4" x-data="{ dragId: null }">
|
|
<div class="flex gap-3 min-w-max" id="kanban-board">
|
|
@foreach ($columns as $status => $col)
|
|
<div
|
|
class="w-72 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-lg p-3 transition"
|
|
:class="{ 'ring-2 ring-primary-500': false }"
|
|
@dragover.prevent="$el.classList.add('ring-2','ring-primary-500')"
|
|
@dragleave="$el.classList.remove('ring-2','ring-primary-500')"
|
|
@drop.prevent="
|
|
$el.classList.remove('ring-2','ring-primary-500');
|
|
if (dragId) {
|
|
$wire.moveCard(parseInt(dragId), '{{ $status }}');
|
|
dragId = null;
|
|
}
|
|
"
|
|
>
|
|
<div class="flex items-center justify-between mb-3">
|
|
<h3 class="font-semibold text-sm">{{ $col['label'] }}</h3>
|
|
<span class="text-xs px-2 py-0.5 bg-gray-200 dark:bg-gray-700 rounded-full">{{ $col['count'] }}</span>
|
|
</div>
|
|
<div class="space-y-2 min-h-[100px]">
|
|
@forelse ($col['cards'] as $wo)
|
|
<div
|
|
class="bg-white dark:bg-gray-900 rounded-md p-3 border border-gray-200 dark:border-gray-700 cursor-move hover:shadow-md transition"
|
|
draggable="true"
|
|
@dragstart="dragId = '{{ $wo->id }}'; $el.classList.add('opacity-50')"
|
|
@dragend="$el.classList.remove('opacity-50')"
|
|
>
|
|
<div class="text-xs font-mono text-gray-500">{{ $wo->number }}</div>
|
|
<div class="text-sm font-semibold mt-1 truncate">{{ $wo->client?->name ?? '—' }}</div>
|
|
<div class="text-xs text-gray-600 dark:text-gray-400 mt-1 truncate">
|
|
{{ $wo->vehicle?->make }} {{ $wo->vehicle?->model }}
|
|
@if ($wo->vehicle?->plate)
|
|
<span class="font-mono">[{{ $wo->vehicle->plate }}]</span>
|
|
@endif
|
|
</div>
|
|
<div class="flex items-center justify-between mt-2 text-xs">
|
|
<span class="text-gray-500">{{ $wo->master?->name ?? '—' }}</span>
|
|
<span class="font-semibold">{{ number_format((float)$wo->total, 0, '.', ' ') }} MDL</span>
|
|
</div>
|
|
<a href="{{ route('filament.tenant.resources.work-orders.edit', ['record' => $wo->id]) }}"
|
|
class="block mt-2 text-xs text-primary-600 hover:underline">Deschide →</a>
|
|
</div>
|
|
@empty
|
|
<div class="text-xs text-gray-400 text-center py-4">Gol</div>
|
|
@endforelse
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-xs text-gray-500 mt-4">
|
|
💡 Drag-drop carduri între coloane pentru a schimba statusul.
|
|
</div>
|
|
</x-filament-panels::page>
|