termanager2/resources/views/livewire/registro.blade.php

<div>
    <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
        <h1 class="text-2xl font-bold text-gray-900">Registro Assegnazioni</h1>
        @can('settings.manage')
        <div class="flex flex-wrap items-center gap-2">
            <x-btn variante="primary" wire:click="openCreate">
                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
                Nuova voce
            </x-btn>
            <x-btn variante="secondary" wire:click="openS13"
                   title="Scarica il modulo S-13 compilato per un anno di servizio">
                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3M3 17V7a2 2 0 012-2h5l2 2h7a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"/></svg>
                Modulo S-13
            </x-btn>
        </div>
        @endcan
    </div>

    {{-- Filters --}}
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 mb-4">
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
            <input wire:model.live.debounce.300ms="search" type="text" placeholder="Cerca territorio o proclamatore..." class="rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
            <select wire:model.live="filtroAnno" class="rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
                <option value="">Tutti gli anni</option>
                @foreach($anni as $anno)
                    <option value="{{ $anno->id }}">{{ $anno->label }}</option>
                @endforeach
            </select>
            <select wire:model.live="filtroZona" class="rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
                <option value="">Tutte le zone</option>
                @foreach($zone as $zona)
                    <option value="{{ $zona->id }}">{{ $zona->nome }}</option>
                @endforeach
            </select>
            <select wire:model.live="filtroTipologia" class="rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
                <option value="">Tutte le tipologie</option>
                @foreach($tipologie as $tipologia)
                    <option value="{{ $tipologia->id }}">{{ $tipologia->nome }}</option>
                @endforeach
            </select>
            <select wire:model.live="filtroStato" class="rounded-lg border-gray-300 text-sm focus:ring-indigo-500 focus:border-indigo-500">
                <option value="">Tutte</option>
                <option value="aperte">Aperte (in corso)</option>
                <option value="chiuse">Chiuse (rientrate)</option>
            </select>
        </div>
    </div>

    {{-- Table --}}
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200 text-sm table-striped table-cards">
                <thead style="background:linear-gradient(180deg,#f9fafb,#f3f4f6)">
                    <tr>
                        <th wire:click="sortBy('territorio_numero')" class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase cursor-pointer">
                            Territorio @if($sortField==='territorio_numero') <span style="color:#6366f1">{{ $sortDirection==='asc'?'▲':'▼' }}</span> @endif
                        </th>
                        <th class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Proclamatore</th>
                        <th wire:click="sortBy('assigned_at')" class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase cursor-pointer">
                            Assegnato @if($sortField==='assigned_at') <span style="color:#6366f1">{{ $sortDirection==='asc'?'▲':'▼' }}</span> @endif
                        </th>
                        <th wire:click="sortBy('returned_at')" class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase cursor-pointer">
                            Rientrato @if($sortField==='returned_at') <span style="color:#6366f1">{{ $sortDirection==='asc'?'▲':'▼' }}</span> @endif
                        </th>
                        <th class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Giorni</th>
                        <th class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Anno</th>
                        <th class="px-3 py-3 text-left text-xs font-semibold text-gray-600 uppercase">Campagna</th>
                        @can('settings.manage')
                        <th class="px-3 py-3 text-left text-xs font-medium text-gray-500 uppercase">Azioni</th>
                        @endcan
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @forelse($assegnazioni as $a)
                    <tr class="hover:bg-indigo-50/30 transition-colors">
                        @php($temporaryPdfUrl = !$a->returned_at ? $a->shortPdfUrl() : null)
                        <td data-label="Territorio" class="px-3 py-2">
                            <div class="flex items-center gap-2">
                                @if($a->territorio?->thumbnail_path)
                                    <img src="{{ $a->territorio->miniaturaUrl() }}"
                                         alt="Thumbnail territorio {{ $a->territorio?->numero }}"
                                         class="h-8 w-6 rounded border border-gray-200 object-cover bg-gray-50 flex-none">
                                @endif
                                <div class="min-w-0">
                                    <a data-ritorno href="{{ route('territori.show', $a->territorio_id) }}" class="text-indigo-600 hover:underline font-medium">N° {{ $a->territorio?->numero }}</a>
                                    <span class="text-xs text-gray-400 ml-1">{{ $a->territorio?->zona?->nome }}</span>
                                </div>
                            </div>
                        </td>
                        <td data-label="Proclamatore" class="px-3 py-2">{{ $a->proclamatore?->nome_completo ?? 'N/A' }}@if($a->gruppo)<span class="ml-1 inline-flex rounded-full bg-purple-50 px-2 py-0.5 text-xs text-purple-700" title="Assegnato dal sorvegliante del gruppo di servizio">via gruppo {{ $a->gruppo->nome }}</span>@endif</td>
                        <td data-label="Assegnato" class="px-3 py-2">{{ $a->assigned_at->format('d/m/Y') }}</td>
                        <td data-label="Rientrato" class="px-3 py-2">
                            @if($a->returned_at)
                                {{ $a->returned_at->format('d/m/Y') }}
                            @else
                                <span class="text-amber-600 font-medium text-xs">In corso</span>
                            @endif
                        </td>
                        <td data-label="Giorni" class="px-3 py-2">{{ $a->giorni }}</td>
                        <td data-label="Anno" class="px-3 py-2 text-xs text-gray-500">{{ $a->annoTeocratico?->label }}</td>
                        <td data-label="Campagna" class="px-3 py-2 text-xs">
                            @if($a->counted_in_campaign)
                                <span class="text-green-600">{{ $a->campagna?->descrizione }}</span>
                            @else
                                <span class="text-gray-300">-</span>
                            @endif
                        </td>
                        @can('settings.manage')
                        <td class="px-3 py-2 whitespace-nowrap cell-actions">
                            <div class="flex items-center gap-1 flex-wrap">
                                     @if($temporaryPdfUrl)
                                     <x-btn variante="secondary" tono="tenue" dimensione="sm" icona
                                            :href="$temporaryPdfUrl" target="_blank" rel="noopener noreferrer"
                                            title="PDF" aria-label="Apri il PDF dell assegnazione">
                                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
                            </x-btn>
                            @endif
                            <x-btn variante="secondary" tono="tenue" dimensione="sm" icona
                                   wire:click="openEdit({{ $a->id }})"
                                   title="Modifica" aria-label="Modifica l assegnazione">
                                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/></svg>
                            </x-btn>
                            <x-btn variante="danger" tono="tenue" dimensione="sm" icona
                                   wire:click="askDelete({{ $a->id }})"
                                   title="Elimina" aria-label="Elimina l assegnazione">
                                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
                            </x-btn>
                            </div>
                        </td>
                        @endcan
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="px-4 py-8 text-center text-gray-500">Nessuna assegnazione trovata.</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="px-4 py-3 border-t border-gray-200">
            {{ $assegnazioni->links() }}
        </div>
    </div>

    {{-- ─── Modal Modulo S-13 (solo admin) ─────────────────────── --}}
    @can('settings.manage')
    @if($showS13Modal)
    <div style="position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;">
        <div style="background:#fff;border-radius:12px;width:100%;max-width:440px;padding:24px;">
            <h2 style="font-size:18px;font-weight:700;color:#111827;margin-bottom:6px;">Modulo S-13</h2>
            <p style="font-size:13px;color:#6b7280;margin-bottom:18px;">
                Registrazione delle assegnazioni del territorio. Per ogni territorio vengono
                riportate le ultime 4 assegnazioni dell'anno scelto.
            </p>

            <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Anno di servizio *</label>
            <select wire:model="s13Anno" style="width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;">
                <option value="">-- seleziona --</option>
                @foreach($anni as $anno)
                    <option value="{{ $anno->id }}">{{ $anno->label }}</option>
                @endforeach
            </select>
            @error('s13Anno') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror

            {{-- Azione principale prima, uscita dopo: stesso ordine dei form
                 e delle altre modali dell'applicazione. --}}
            <div class="flex flex-wrap justify-end gap-2" style="margin-top:20px;">
                <x-btn variante="primary" wire:click="downloadS13" wire:loading.attr="disabled" wire:target="downloadS13">
                    <span wire:loading.remove wire:target="downloadS13">Scarica PDF</span>
                    <span wire:loading wire:target="downloadS13">Generazione…</span>
                </x-btn>
                <x-btn variante="ghost" wire:click="$set('showS13Modal', false)">Annulla</x-btn>
            </div>
        </div>
    </div>
    @endif
    @endcan

    {{-- ─── Modal Crea / Modifica (solo admin) ────────────────── --}}
    @can('settings.manage')
    @if($showModal)
    <div style="position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;">
        <div style="background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:24px;">
            <h2 style="font-size:18px;font-weight:700;color:#111827;margin-bottom:20px;">
                {{ $editingId ? 'Modifica voce' : 'Nuova voce' }}
            </h2>

            <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;">
                {{-- Territorio --}}
                <div style="grid-column:1/-1;">
                    <label for="form_territorio_id" style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Territorio *</label>
                    <x-scelta id="form_territorio_id" wire:model="form_territorio_id"
                              :opzioni="$opzioniTerritori" segnaposto="Numero, zona o tipologia" />
                    @error('form_territorio_id') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror
                </div>

                {{-- Proclamatore --}}
                <div style="grid-column:1/-1;">
                    <label for="form_proclamatore_id" style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Proclamatore *</label>
                    <x-scelta id="form_proclamatore_id" wire:model="form_proclamatore_id"
                              :opzioni="$opzioniProclamatori" segnaposto="Cognome o nome" />
                    @error('form_proclamatore_id') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror
                </div>

                {{-- L'anno di servizio non si sceglie: lo ricava il salvataggio
                     dalla data di assegnazione. --}}
                {{-- Campagna --}}
                <div>
                    <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Campagna</label>
                    <select wire:model="form_campaign_id" style="width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;">
                        <option value="">Nessuna</option>
                        @foreach($campagne as $c)
                            <option value="{{ $c->id }}">{{ $c->descrizione }}</option>
                        @endforeach
                    </select>
                    @error('form_campaign_id') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror
                </div>

                {{-- Data assegnazione --}}
                <div>
                    <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Data assegnazione *</label>
                    <input type="date" wire:model="form_assigned_at" style="width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;">
                    @error('form_assigned_at') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror
                </div>

                {{-- Data rientro --}}
                <div>
                    <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Data rientro</label>
                    <input type="date" wire:model="form_returned_at" style="width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;">
                    @error('form_returned_at') <span style="color:#dc2626;font-size:12px;">{{ $message }}</span> @enderror
                </div>

                {{-- Contata in campagna --}}
                <div style="grid-column:1/-1;display:flex;align-items:center;gap:8px;">
                    <input type="checkbox" wire:model="form_counted_in_campaign" id="ccb" style="width:16px;height:16px;cursor:pointer;">
                    <label for="ccb" style="font-size:14px;color:#374151;cursor:pointer;">Contata in campagna</label>
                </div>

                {{-- Note --}}
                <div style="grid-column:1/-1;">
                    <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">Note</label>
                    <textarea wire:model="form_note" rows="2" style="width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;resize:vertical;"></textarea>
                </div>
            </div>

            <div class="flex flex-wrap justify-end gap-2" style="margin-top:20px;">
                <x-btn variante="primary" wire:click="save">{{ $editingId ? 'Salva modifiche' : 'Crea voce' }}</x-btn>
                <x-btn variante="ghost" wire:click="$set('showModal', false)">Annulla</x-btn>
            </div>
        </div>
    </div>
    @endif

    {{-- ─── Conferma eliminazione (solo admin) ─────────────────── --}}
    @if($showDeleteConfirm)
    <div style="position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;">
        <div style="background:#fff;border-radius:12px;width:100%;max-width:360px;padding:24px;">
            <h2 style="font-size:17px;font-weight:700;color:#111827;margin-bottom:10px;">Elimina voce</h2>
            <p style="font-size:14px;color:#6b7280;margin-bottom:20px;">Sei sicuro di voler eliminare questa assegnazione? L'operazione non può essere annullata.</p>
            <div class="flex flex-wrap justify-end gap-2">
                <x-btn variante="danger" wire:click="deleteConfirmed">Elimina</x-btn>
                <x-btn variante="ghost" wire:click="$set('showDeleteConfirm', false)">Annulla</x-btn>
            </div>
        </div>
    </div>
    @endif
    @endcan
</div>