termanager2/resources/views/livewire/assegnazioni/assegna.blade.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">
            @if($richiesta)
                {{-- Partita da una richiesta del modulo pubblico (Home): assegnando, risulta evasa. --}}
                <div class="mb-4 rounded-lg border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm text-indigo-900" role="status">
                    Richiesta di <strong>{{ $richiesta->nome }}</strong> del {{ $richiesta->created_at->format('d/m/Y') }}@if($richiesta->note): «{{ $richiesta->note }}»@endif.
                    Assegnando il territorio, la richiesta risulta evasa.
                </div>
            @endif
            <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>

                <label class="flex items-center gap-2 text-sm text-gray-700">
                    <input wire:model="cartaceo" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500">
                    Ha chiesto la cartolina cartacea
                    <a href="{{ route('assegnazioni.cartacei') }}" class="text-xs text-indigo-600 hover:underline">(vedi i cartacei fuori)</a>
                </label>

                <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>