50 lines
2.9 KiB
PHP
50 lines
2.9 KiB
PHP
<div>
|
|
<div class="mb-6">
|
|
<h1 class="text-2xl font-bold text-gray-900">Gestione Zone</h1>
|
|
</div>
|
|
|
|
{{-- Add new --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 mb-4 max-w-lg">
|
|
<form wire:submit="addZona" class="flex items-end gap-3">
|
|
<div class="flex-1">
|
|
<label for="nuovaZona" class="block text-sm font-medium text-gray-700">Nuova Zona</label>
|
|
<input wire:model="nuovaZona" type="text" id="nuovaZona" placeholder="Nome zona..." class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
|
@error('nuovaZona') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
<x-btn variante="primary" type="submit">Aggiungi</x-btn>
|
|
</form>
|
|
</div>
|
|
|
|
{{-- List --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden max-w-lg">
|
|
<ul class="divide-y divide-gray-200">
|
|
@forelse($zone as $zona)
|
|
<li class="px-4 py-3 flex flex-wrap items-center justify-between gap-x-2 gap-y-1 hover:bg-gray-50">
|
|
@if($editingId === $zona->id)
|
|
<form wire:submit="saveEdit" class="flex items-center gap-2 flex-1">
|
|
<input wire:model="editingNome" type="text" class="flex-1 rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
|
|
<x-btn variante="primary" dimensione="sm" type="submit">Salva</x-btn>
|
|
<x-btn variante="ghost" dimensione="sm" wire:click="cancelEdit">Annulla</x-btn>
|
|
</form>
|
|
@else
|
|
<div class="flex items-center gap-2">
|
|
<span class="text-sm font-medium {{ $zona->attivo ? 'text-gray-900' : 'text-gray-400 line-through' }}">{{ $zona->nome }}</span>
|
|
@if(!$zona->attivo)
|
|
<span class="text-xs text-gray-400">(inattiva)</span>
|
|
@endif
|
|
<span class="text-xs text-gray-400">{{ $zona->territori()->count() }} territori</span>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<x-btn variante="secondary" tono="tenue" dimensione="sm" wire:click="startEdit({{ $zona->id }})">Rinomina</x-btn>
|
|
<x-btn variante="secondary" tono="tenue" dimensione="sm" wire:click="toggleActive({{ $zona->id }})">{{ $zona->attivo ? 'Disattiva' : 'Attiva' }}</x-btn>
|
|
<x-btn variante="danger" tono="tenue" dimensione="sm" wire:click="deleteZona({{ $zona->id }})" wire:confirm="Eliminare la zona '{{ $zona->nome }}'?">Elimina</x-btn>
|
|
</div>
|
|
@endif
|
|
</li>
|
|
@empty
|
|
<li class="px-4 py-6 text-center text-gray-500 text-sm">Nessuna zona configurata.</li>
|
|
@endforelse
|
|
</ul>
|
|
</div>
|
|
</div>
|