@extends('admin.layouts.netgescon')

@section('page-title', 'Rubrica Unica NetGescon')

@section('content')
<div class="space-y-8 netgescon-fade-in">
    <!-- Header -->
    <div class="netgescon-card">
        <div class="flex items-center justify-between">
            <div>
                <h2 class="netgescon-title">
                    <i class="fas fa-address-book text-purple-500 mr-3"></i>
                    Rubrica Unica NetGescon
                </h2>
                <p class="netgescon-text mt-2">
                    Sistema centralizzato per gestione anagrafica di tutto lo studio
                </p>
            </div>
            <div class="hidden md:block">
                <a href="{{ route('admin.rubrica.create') }}" class="netgescon-btn netgescon-btn-primary">
                    <i class="fas fa-user-plus mr-2"></i>
                    Nuova Persona
                </a>
            </div>
        </div>
    </div>

    <!-- Statistiche principali -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
        <!-- Totale Persone -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Totale Persone</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['totale_persone'] }}</p>
                </div>
                <div class="p-3 bg-purple-100 rounded-full">
                    <i class="fas fa-users text-purple-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Persone Fisiche -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Persone Fisiche</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['persone_fisiche'] }}</p>
                </div>
                <div class="p-3 bg-blue-100 rounded-full">
                    <i class="fas fa-user text-blue-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Persone Giuridiche -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Persone Giuridiche</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['persone_giuridiche'] }}</p>
                </div>
                <div class="p-3 bg-green-100 rounded-full">
                    <i class="fas fa-building text-green-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Con Relazioni -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Con Relazioni</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['con_relazioni_attive'] }}</p>
                    <p class="text-sm text-green-600">Collegate a unità</p>
                </div>
                <div class="p-3 bg-green-100 rounded-full">
                    <i class="fas fa-link text-green-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Senza Relazioni -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Senza Relazioni</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['senza_relazioni'] }}</p>
                    <p class="text-sm text-orange-600">Da collegare</p>
                </div>
                <div class="p-3 bg-orange-100 rounded-full">
                    <i class="fas fa-unlink text-orange-600 text-xl"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- Sistema in sviluppo -->
    <div class="netgescon-card">
        <div class="netgescon-card-header">
            <h3 class="netgescon-card-title">
                <i class="fas fa-construction text-yellow-500 mr-2"></i>
                Rubrica Unica in Sviluppo
            </h3>
        </div>
        <div class="netgescon-card-body">
            <div class="text-center py-12">
                <div class="inline-flex items-center justify-center w-16 h-16 bg-purple-100 rounded-full mb-4">
                    <i class="fas fa-address-book text-purple-600 text-2xl"></i>
                </div>
                <h4 class="text-xl font-semibold netgescon-text mb-2">Sistema Anagrafica Unica</h4>
                <p class="netgescon-text-muted mb-6 max-w-2xl mx-auto">
                    Stiamo implementando il sistema centralizzato per la gestione di tutte le anagrafiche dello studio.
                    Una persona = Un record anagrafico con codice univoco 8 caratteri e controlli anti-duplicazione.
                </p>
                
                <!-- Caratteristiche principali -->
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto mb-8">
                    <div class="text-center p-4 bg-gray-50 rounded-lg">
                        <i class="fas fa-key text-3xl text-purple-500 mb-3"></i>
                        <h5 class="font-semibold mb-2">Codice Univoco</h5>
                        <p class="text-sm text-gray-600">8 caratteri alfanumerici generati automaticamente</p>
                    </div>
                    <div class="text-center p-4 bg-gray-50 rounded-lg">
                        <i class="fas fa-shield-alt text-3xl text-blue-500 mb-3"></i>
                        <h5 class="font-semibold mb-2">Anti-Duplicazione</h5>
                        <p class="text-sm text-gray-600">Controlli automatici su CF, telefono e email</p>
                    </div>
                    <div class="text-center p-4 bg-gray-50 rounded-lg">
                        <i class="fas fa-link text-3xl text-green-500 mb-3"></i>
                        <h5 class="font-semibold mb-2">Relazioni Multiple</h5>
                        <p class="text-sm text-gray-600">Una persona può avere più ruoli su diverse unità</p>
                    </div>
                    <div class="text-center p-4 bg-gray-50 rounded-lg">
                        <i class="fas fa-search text-3xl text-orange-500 mb-3"></i>
                        <h5 class="font-semibold mb-2">Ricerca Universale</h5>
                        <p class="text-sm text-gray-600">Trova persona da qualsiasi schermata del sistema</p>
                    </div>
                </div>

                <!-- Database implementato -->
                <div class="bg-green-50 border border-green-200 rounded-lg p-6 mb-6">
                    <h5 class="font-semibold text-green-800 mb-3">
                        <i class="fas fa-check-circle mr-2"></i>
                        Database Struttura Completata
                    </h5>
                    <div class="text-sm text-green-700 space-y-1">
                        <div>✅ Tabella `persone` con trigger per codici univoci</div>
                        <div>✅ Tabella `persone_unita_relazioni` per collegamenti</div>
                        <div>✅ Tabella `tipi_relazione_persona_unita` configurabile</div>
                        <div>✅ Sistema audit completo per modifiche</div>
                        <div>✅ Models Eloquent con relazioni e scope</div>
                    </div>
                </div>

                <div class="text-center">
                    <p class="text-sm text-gray-500 mb-4">Prossimi step: Interface utente e integrazione</p>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection