7d479a2c34
La richiesta era per la pagina Assegna, non per la scheda del territorio:
annullata la modifica di f1f3408 (storico nascosto nella scheda) e ora il
link "Assegna ->" della Home porta ?dalla_home=1, con cui Assegna non
mostra ne' carica l'elenco "Territori Assegnati".
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
89 lines
5.2 KiB
PHP
89 lines
5.2 KiB
PHP
<div>
|
|
<div class="mb-6">
|
|
<a href="{{ $ritorno ?? route('territori.index') }}" class="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-indigo-600 transition-colors mb-1">
|
|
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
|
|
{{ $ritorno ? 'Torna indietro' : 'Torna ai territori' }}
|
|
</a>
|
|
<h1 class="text-2xl font-bold text-gray-900">Assegnazioni</h1>
|
|
<p class="text-sm text-gray-500 mt-1">Questa funzione consente un'assegnazione arbitraria, indipendente dalle tre schede della Home.</p>
|
|
</div>
|
|
|
|
@include('livewire.assegnazioni._invio-link')
|
|
|
|
|
|
<div x-data="{ formOpen: true }">
|
|
|
|
{{-- Toggle form --}}
|
|
<x-btn variante="primary" class="mb-4"
|
|
x-on:click="formOpen = !formOpen"
|
|
x-bind:aria-expanded="formOpen ? 'true' : 'false'">
|
|
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
|
|
<path x-show="formOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
|
|
<path x-show="!formOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
|
|
</svg>
|
|
<span x-text="formOpen ? 'Nascondi form' : 'Nuova assegnazione'"></span>
|
|
</x-btn>
|
|
|
|
{{-- Form --}}
|
|
<div x-show="formOpen" x-cloak class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 sm:p-6 mb-6 max-w-3xl">
|
|
<form wire:submit="save" class="space-y-4">
|
|
{{-- L'anteprima segue la scelta nel browser (evento "scelta" di
|
|
<x-scelta>, miniatura nelle opzioni): scegliere un
|
|
territorio non fa più una richiesta al server. --}}
|
|
<div x-data="{ scelto: @js((bool) $territorio_id), anteprima: @js($anteprimaIniziale) }"
|
|
x-on:scelta="scelto = !! $event.detail.valore; anteprima = $event.detail.opzione?.miniatura ?? null">
|
|
<label for="territorio_id" class="block text-sm font-medium text-gray-700 mb-1">Territorio *</label>
|
|
<x-scelta id="territorio_id" wire:model="territorio_id"
|
|
:opzioni="$opzioniTerritori"
|
|
segnaposto="Numero, zona o tipologia" :vuoto="null"
|
|
:disabilitato="(bool) $preselectedTerritorioId" />
|
|
@error('territorio_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
|
|
<div class="mt-3" x-show="scelto" x-cloak>
|
|
<p class="text-xs text-gray-500 mb-2">Anteprima territorio</p>
|
|
<div class="overflow-hidden rounded-xl border border-gray-200 bg-gray-50 shadow-sm" x-show="anteprima">
|
|
<img x-bind:src="anteprima" alt="Miniatura del territorio scelto" loading="lazy"
|
|
class="block w-full h-auto max-h-[70vh] object-contain bg-white">
|
|
</div>
|
|
<div class="rounded-lg border border-dashed border-gray-300 bg-gray-50 px-4 py-6 text-sm text-gray-500" x-show="! anteprima">
|
|
Nessuna miniatura disponibile per questo territorio.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="proclamatore_id" class="block text-sm font-medium text-gray-700 mb-1">Proclamatore *</label>
|
|
<x-scelta id="proclamatore_id" wire:model="proclamatore_id"
|
|
:opzioni="$opzioniProclamatori"
|
|
segnaposto="Cognome o nome" :vuoto="null" />
|
|
@error('proclamatore_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div>
|
|
<label for="assigned_at" class="block text-sm font-medium text-gray-700">Data Assegnazione *</label>
|
|
<input wire:model="assigned_at" type="date" id="assigned_at" max="{{ now()->format('Y-m-d') }}" class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
|
@error('assigned_at') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
|
</div>
|
|
|
|
<div class="flex flex-col-reverse gap-3 pt-4 sm:flex-row sm:items-center">
|
|
<x-btn variante="primary" type="submit">Assegna</x-btn>
|
|
@if($ritorno)
|
|
<x-btn variante="secondary" :href="$ritorno">Annulla</x-btn>
|
|
@else
|
|
<x-btn variante="secondary" x-on:click="formOpen = false">Annulla</x-btn>
|
|
@endif
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{-- Elenco dei territori assegnati: componente a sé, caricato subito
|
|
dopo la pagina (ElencoAssegnati, #[Lazy]). Le azioni del form non
|
|
lo ridisegnano. Non c'è quando si arriva da "Assegna →" della Home
|
|
(Assegna::$elencoNascosto). --}}
|
|
@unless($elencoNascosto)
|
|
<livewire:assegnazioni.elenco-assegnati />
|
|
@endunless
|
|
</div>
|