@extends('admin.layouts.netgescon')

@section('page-title', 'Dashboard Condomini')

@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-users text-blue-500 mr-3"></i>
                    Dashboard Condomini
                </h2>
                <p class="netgescon-text mt-2">
                    Gestione completa di condomini, proprietari e inquilini
                </p>
            </div>
            <div class="hidden md:block">
                <a href="#" class="netgescon-btn netgescon-btn-primary">
                    <i class="fas fa-user-plus mr-2"></i>
                    Nuovo Condomino
                </a>
            </div>
        </div>
    </div>

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

        <!-- Condomini Attivi -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Condomini Attivi</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['condomini_attivi'] }}</p>
                    <p class="text-sm text-green-600">In regola</p>
                </div>
                <div class="p-3 bg-green-100 rounded-full">
                    <i class="fas fa-check-circle text-green-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Proprietari -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Proprietari</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['proprietari'] }}</p>
                    <p class="text-sm text-purple-600">Titolari di proprietà</p>
                </div>
                <div class="p-3 bg-purple-100 rounded-full">
                    <i class="fas fa-crown text-purple-600 text-xl"></i>
                </div>
            </div>
        </div>

        <!-- Inquilini -->
        <div class="netgescon-card">
            <div class="flex items-center">
                <div class="flex-1">
                    <p class="text-sm font-medium text-gray-600">Inquilini</p>
                    <p class="text-3xl font-bold netgescon-text">{{ $statistiche['inquilini'] }}</p>
                    <p class="text-sm text-orange-600">In affitto</p>
                </div>
                <div class="p-3 bg-orange-100 rounded-full">
                    <i class="fas fa-key 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>
                Sistema 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-yellow-100 rounded-full mb-4">
                    <i class="fas fa-hammer text-yellow-600 text-2xl"></i>
                </div>
                <h4 class="text-xl font-semibold netgescon-text mb-2">Modulo Condomini in Costruzione</h4>
                <p class="netgescon-text-muted mb-6 max-w-md mx-auto">
                    Stiamo lavorando al sistema di gestione completa dei condomini. 
                    Presto sarà possibile gestire anagrafica, contratti e comunicazioni.
                </p>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 max-w-4xl mx-auto">
                    <div class="text-center p-4">
                        <i class="fas fa-address-book text-3xl text-gray-400 mb-2"></i>
                        <p class="text-sm font-medium">Anagrafica Completa</p>
                    </div>
                    <div class="text-center p-4">
                        <i class="fas fa-file-contract text-3xl text-gray-400 mb-2"></i>
                        <p class="text-sm font-medium">Gestione Contratti</p>
                    </div>
                    <div class="text-center p-4">
                        <i class="fas fa-envelope text-3xl text-gray-400 mb-2"></i>
                        <p class="text-sm font-medium">Comunicazioni</p>
                    </div>
                    <div class="text-center p-4">
                        <i class="fas fa-chart-bar text-3xl text-gray-400 mb-2"></i>
                        <p class="text-sm font-medium">Report e Statistiche</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection