@extends('layouts.admin')

@section('title', 'Modifica Relazione Persona-Unità - NetGescon')

@section('header')
    <div class="bg-white shadow">
        <div class="px-4 sm:px-6 lg:max-w-6xl lg:mx-auto lg:px-8">
            <div class="py-6 md:flex md:items-center md:justify-between lg:border-t lg:border-gray-200">
                <div class="flex-1 min-w-0">
                    <div class="flex items-center">
                        <div>
                            <div class="flex items-center">
                                <h1 class="ml-3 text-2xl font-bold leading-7 text-gray-900 sm:leading-9 sm:truncate">
                                    Modifica Relazione Persona-Unità
                                </h1>
                            </div>
                            <dl class="mt-6 flex flex-col sm:ml-3 sm:mt-1 sm:flex-row sm:flex-wrap">
                                <dt class="sr-only">Sezione</dt>
                                <dd class="flex items-center text-sm text-gray-500 font-medium capitalize sm:mr-6">
                                    <i class="fas fa-users mr-1.5 text-gray-400"></i>
                                    Gestione Relazioni
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="mt-6 flex space-x-3 md:mt-0 md:ml-4">
                    <a href="{{ route('admin.persona-unita.show', $personaUnita) }}"
                       class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        <i class="fas fa-arrow-left mr-2"></i>
                        Annulla
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
<div class="max-w-3xl mx-auto py-6 sm:px-6 lg:px-8">
    @php
        $ruoloRateEffettivo = old('ruolo_rate', $personaUnita->ruolo_rate ?: \App\Models\PersonaUnitaRelazione::deriveRuoloRate($personaUnita->tipo_relazione));
    @endphp

    <form action="{{ route('admin.persona-unita.update', $personaUnita) }}" method="POST" class="space-y-8 divide-y divide-gray-200">
        @csrf
        @method('PUT')

        <input type="hidden" name="data_inizio" value="{{ optional($personaUnita->data_inizio)->format('Y-m-d') }}">

        <div class="space-y-8 divide-y divide-gray-200">
            <div>
                <h3 class="text-lg leading-6 font-medium text-gray-900">Riepilogo</h3>
                <p class="mt-1 text-sm text-gray-500">Persona, unità e tipo relazione non sono modificabili qui.</p>

                <div class="mt-6 grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6">
                    <div class="bg-gray-50 rounded-md p-4">
                        <div class="text-xs text-gray-500">Persona</div>
                        <div class="text-sm font-semibold text-gray-900">
                            {{ $personaUnita->persona->cognome ?? '' }} {{ $personaUnita->persona->nome ?? '' }}
                        </div>
                        <div class="text-xs text-gray-500">CF: {{ $personaUnita->persona->codice_fiscale ?? '—' }}</div>
                    </div>

                    <div class="bg-gray-50 rounded-md p-4">
                        <div class="text-xs text-gray-500">Unità</div>
                        <div class="text-sm font-semibold text-gray-900">
                            {{ $personaUnita->unitaImmobiliare->stabile->denominazione ?? 'N/A' }}
                        </div>
                        <div class="text-xs text-gray-500">Unità: {{ $personaUnita->unitaImmobiliare->codice_unita ?? '—' }}</div>
                    </div>

                    <div class="bg-gray-50 rounded-md p-4 sm:col-span-2">
                        <div class="text-xs text-gray-500">Tipo relazione</div>
                        <div class="text-sm font-semibold text-gray-900">{{ $personaUnita->tipoRelazioneDettagli->descrizione ?? ucfirst($personaUnita->tipo_relazione) }}</div>
                    </div>
                </div>
            </div>

            <div class="pt-8">
                <h3 class="text-lg leading-6 font-medium text-gray-900">Dati modificabili</h3>
                <p class="mt-1 text-sm text-gray-500">Aggiorna quota, periodo, permessi e ruolo rate (C/I).</p>

                <div class="mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6">
                    <div class="sm:col-span-3">
                        <label for="ruolo_rate" class="block text-sm font-medium text-gray-700">Ruolo rate (C/I)</label>
                        <select id="ruolo_rate" name="ruolo_rate"
                                class="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                            <option value="" {{ empty($ruoloRateEffettivo) ? 'selected' : '' }}>Auto (da tipo relazione)</option>
                            <option value="C" {{ $ruoloRateEffettivo === 'C' ? 'selected' : '' }}>C (Condomino / Proprietario)</option>
                            <option value="I" {{ $ruoloRateEffettivo === 'I' ? 'selected' : '' }}>I (Inquilino)</option>
                        </select>
                        <p class="mt-1 text-xs text-gray-500">Usato per importazione rate (riparto C/I).</p>
                        @error('ruolo_rate')
                            <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="sm:col-span-3">
                        <label for="quota_relazione" class="block text-sm font-medium text-gray-700">Quota di Proprietà (%)</label>
                        <input type="number" name="quota_relazione" id="quota_relazione"
                               min="0" max="100" step="0.01"
                               value="{{ old('quota_relazione', $personaUnita->quota_relazione) }}"
                               class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
                               placeholder="es. 50.00">
                        @error('quota_relazione')
                            <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="sm:col-span-3">
                        <label for="data_fine" class="block text-sm font-medium text-gray-700">Data Fine</label>
                        <input type="date" name="data_fine" id="data_fine"
                               value="{{ old('data_fine', optional($personaUnita->data_fine)->format('Y-m-d')) }}"
                               class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
                        <p class="mt-1 text-xs text-gray-500">Lasciare vuoto per relazione in corso.</p>
                        @error('data_fine')
                            <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="sm:col-span-3">
                        <label class="block text-sm font-medium text-gray-700">Stato</label>
                        <div class="mt-2 flex items-center">
                            <input id="attivo" name="attivo" type="checkbox"
                                   {{ old('attivo', $personaUnita->attivo) ? 'checked' : '' }}
                                   class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
                            <label for="attivo" class="ml-2 block text-sm text-gray-900">Relazione attiva</label>
                        </div>
                        @error('attivo')
                            <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div class="mt-8 space-y-4">
                    <div class="flex items-start">
                        <div class="flex items-center h-5">
                            <input id="riceve_comunicazioni" name="riceve_comunicazioni" type="checkbox"
                                   {{ old('riceve_comunicazioni', $personaUnita->riceve_comunicazioni) ? 'checked' : '' }}
                                   class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
                        </div>
                        <div class="ml-3 text-sm">
                            <label for="riceve_comunicazioni" class="font-medium text-gray-700">Riceve Comunicazioni</label>
                        </div>
                    </div>

                    <div class="flex items-start">
                        <div class="flex items-center h-5">
                            <input id="riceve_convocazioni" name="riceve_convocazioni" type="checkbox"
                                   {{ old('riceve_convocazioni', $personaUnita->riceve_convocazioni) ? 'checked' : '' }}
                                   class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
                        </div>
                        <div class="ml-3 text-sm">
                            <label for="riceve_convocazioni" class="font-medium text-gray-700">Riceve Convocazioni</label>
                        </div>
                    </div>

                    <div class="flex items-start">
                        <div class="flex items-center h-5">
                            <input id="vota_assemblea" name="vota_assemblea" type="checkbox"
                                   {{ old('vota_assemblea', $personaUnita->vota_assemblea) ? 'checked' : '' }}
                                   class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
                        </div>
                        <div class="ml-3 text-sm">
                            <label for="vota_assemblea" class="font-medium text-gray-700">Vota in Assemblea</label>
                        </div>
                    </div>

                    <div>
                        <label for="note_relazione" class="block text-sm font-medium text-gray-700">Note</label>
                        <textarea id="note_relazione" name="note_relazione" rows="3"
                                  class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                                  placeholder="Note specifiche per questa relazione...">{{ old('note_relazione', $personaUnita->note_relazione) }}</textarea>
                        @error('note_relazione')
                            <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="pt-6 flex justify-end">
                <button type="submit"
                        class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    <i class="fas fa-save mr-2"></i>
                    Salva Modifiche
                </button>
            </div>
        </div>
    </form>
</div>
@endsection