@extends('layouts.admin')

@section('title', 'Dettagli Relazione - 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">
                                    Dettagli Relazione
                                </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">Tipo relazione</dt>
                                <dd class="flex items-center text-sm text-gray-500 font-medium capitalize sm:mr-6">
                                    <i class="fas fa-link mr-1.5 text-gray-400"></i>
                                    {{ ucfirst($personaUnita->tipo_relazione) }}
                                </dd>
                                <dt class="sr-only">Status</dt>
                                <dd class="flex items-center text-sm font-medium sm:mr-6">
                                    @if($personaUnita->attivo)
                                        <span class="text-green-600">
                                            <i class="fas fa-check-circle mr-1"></i>
                                            Attiva
                                        </span>
                                    @else
                                        <span class="text-red-600">
                                            <i class="fas fa-times-circle mr-1"></i>
                                            Terminata
                                        </span>
                                    @endif
                                </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.edit', $personaUnita) }}" 
                       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-edit mr-2"></i>
                        Modifica
                    </a>
                    <a href="{{ route('admin.persona-unita.index') }}" 
                       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>
                        Torna all'Elenco
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
<div class="max-w-3xl mx-auto py-6 sm:px-6 lg:px-8">
    <div class="bg-white shadow overflow-hidden sm:rounded-lg">
        <div class="px-4 py-5 sm:px-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">
                Informazioni Relazione
            </h3>
            <p class="mt-1 max-w-2xl text-sm text-gray-500">
                Dettagli completi della relazione persona-unità immobiliare
            </p>
        </div>
        <div class="border-t border-gray-200">
            <dl>
                <!-- Persona -->
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Persona
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <div class="flex items-center">
                            <div>
                                <p class="font-medium">{{ $personaUnita->persona->cognome }} {{ $personaUnita->persona->nome }}</p>
                                @if($personaUnita->persona->codice_fiscale)
                                    <p class="text-gray-500">CF: {{ $personaUnita->persona->codice_fiscale }}</p>
                                @endif
                                @if($personaUnita->persona->email_principale)
                                    <p class="text-gray-500">Email: {{ $personaUnita->persona->email_principale }}</p>
                                @endif
                                @if($personaUnita->persona->telefono_principale)
                                    <p class="text-gray-500">Tel: {{ $personaUnita->persona->telefono_principale }}</p>
                                @endif
                            </div>
                        </div>
                    </dd>
                </div>

                <!-- Unità Immobiliare -->
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Unità Immobiliare
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <div>
                            <p class="font-medium">{{ $personaUnita->unitaImmobiliare->stabile->denominazione ?? 'N/A' }}</p>
                            <p class="text-gray-500">Unità: {{ $personaUnita->unitaImmobiliare->codice_unita }}</p>
                            @if($personaUnita->unitaImmobiliare->piano)
                                <p class="text-gray-500">Piano: {{ $personaUnita->unitaImmobiliare->piano }}</p>
                            @endif
                            @if($personaUnita->unitaImmobiliare->superficie_commerciale)
                                <p class="text-gray-500">Superficie: {{ $personaUnita->unitaImmobiliare->superficie_commerciale }} mq</p>
                            @endif
                        </div>
                    </dd>
                </div>

                <!-- Tipo Relazione -->
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Tipo Relazione
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        @php
                            $tipoLabel = $personaUnita->tipoRelazioneDettagli->descrizione ?? ucfirst($personaUnita->tipo_relazione);
                            $badgeClass = match($personaUnita->tipo_relazione) {
                                'proprietario' => 'bg-green-100 text-green-800',
                                'inquilino' => 'bg-blue-100 text-blue-800',
                                'comproprietario' => 'bg-yellow-100 text-yellow-800',
                                default => 'bg-gray-100 text-gray-800',
                            };
                        @endphp
                        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $badgeClass }}">
                            {{ $tipoLabel }}
                        </span>

                        @php
                            $ruoloRate = $personaUnita->ruolo_rate ?: \App\Models\PersonaUnitaRelazione::deriveRuoloRate($personaUnita->tipo_relazione);
                        @endphp
                        @if($ruoloRate)
                            <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800" title="Ruolo rate (import rate)">
                                ({{ $ruoloRate }})
                            </span>
                        @endif
                    </dd>
                </div>

                <!-- Quota di Proprietà -->
                @if($personaUnita->quota_relazione)
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Quota di Proprietà
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ number_format($personaUnita->quota_relazione, 2) }}%
                    </dd>
                </div>
                @endif

                <!-- Periodo -->
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Periodo Relazione
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <p>
                            <strong>Inizio:</strong> {{ $personaUnita->data_inizio->format('d/m/Y') }}
                        </p>
                        @if($personaUnita->data_fine)
                            <p>
                                <strong>Fine:</strong> {{ $personaUnita->data_fine->format('d/m/Y') }}
                            </p>
                        @else
                            <p class="text-green-600">
                                <strong>Fine:</strong> A tempo indeterminato
                            </p>
                        @endif
                    </dd>
                </div>

                <!-- Permessi -->
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Permessi e Diritti
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        <div class="space-y-2">
                            <div class="flex items-center">
                                @if($personaUnita->riceve_comunicazioni)
                                    <i class="fas fa-check text-green-500 mr-2"></i>
                                    <span>Riceve comunicazioni</span>
                                @else
                                    <i class="fas fa-times text-red-500 mr-2"></i>
                                    <span>Non riceve comunicazioni</span>
                                @endif
                            </div>
                            <div class="flex items-center">
                                @if($personaUnita->riceve_convocazioni)
                                    <i class="fas fa-check text-green-500 mr-2"></i>
                                    <span>Riceve convocazioni assemblea</span>
                                @else
                                    <i class="fas fa-times text-red-500 mr-2"></i>
                                    <span>Non riceve convocazioni assemblea</span>
                                @endif
                            </div>
                            <div class="flex items-center">
                                @if($personaUnita->vota_assemblea)
                                    <i class="fas fa-check text-green-500 mr-2"></i>
                                    <span>Può votare in assemblea</span>
                                @else
                                    <i class="fas fa-times text-red-500 mr-2"></i>
                                    <span>Non può votare in assemblea</span>
                                @endif
                            </div>
                        </div>
                    </dd>
                </div>

                <!-- Note -->
                @if($personaUnita->note_relazione)
                <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Note
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ $personaUnita->note_relazione }}
                    </dd>
                </div>
                @endif

                <!-- Data Creazione -->
                <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
                    <dt class="text-sm font-medium text-gray-500">
                        Relazione Creata
                    </dt>
                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                        {{ $personaUnita->created_at->format('d/m/Y H:i') }}
                        @if($personaUnita->updated_at != $personaUnita->created_at)
                            <br>
                            <span class="text-gray-500">Ultima modifica: {{ $personaUnita->updated_at->format('d/m/Y H:i') }}</span>
                        @endif
                    </dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Azioni -->
    @if($personaUnita->attivo)
    <div class="mt-6 bg-white shadow sm:rounded-lg">
        <div class="px-4 py-5 sm:p-6">
            <h3 class="text-lg leading-6 font-medium text-gray-900">
                Azioni Disponibili
            </h3>
            <div class="mt-2 max-w-xl text-sm text-gray-500">
                <p>Gestisci questa relazione con le azioni disponibili.</p>
            </div>
            <div class="mt-5 flex space-x-3">
                <a href="{{ route('admin.persona-unita.edit', $personaUnita) }}" 
                   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-edit mr-2"></i>
                    Modifica Relazione
                </a>
                <form method="POST" action="{{ route('admin.persona-unita.destroy', $personaUnita) }}" 
                      class="inline" onsubmit="return confirm('Sei sicuro di voler terminare questa relazione?')">
                    @csrf
                    @method('DELETE')
                    <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-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500">
                        <i class="fas fa-times mr-2"></i>
                        Termina Relazione
                    </button>
                </form>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection