import { Head, usePage, router } from '@inertiajs/react'; import { dashboard } from '@/routes'; import { useState, useEffect } from 'react'; import { Wifi, FileText, ShieldCheck, FileSignature, Building2, Users, CheckCircle2, Clock, AlertCircle, TrendingUp, Calendar, Award, Code, Mail, Construction, Power, PowerOff, X } from 'lucide-react'; import { MissingSignatureAlert } from '@/components/missing-signature-alert'; // ✅ DEFINIR LA INTERFAZ DE LOS PROPS interface PageProps { auth: { user: { id: number; name: string; email: string; role: string; // ✅ Asegurar que role existe [key: string]: any; } | null; }; [key: string]: any; } export default function Dashboard() { const currentYear = new Date().getFullYear(); // ✅ SOLUCIÓN: Usar type assertion para evitar el error const { props } = usePage() as { props: PageProps }; const user = props.auth?.user; const isSuperAdmin = user?.role === 'super_admin'; const [maintenanceMode, setMaintenanceMode] = useState(false); const [loading, setLoading] = useState(false); const [showModal, setShowModal] = useState(false); const checkMaintenanceStatus = async () => { try { const response = await fetch('/maintenance/status'); const data = await response.json(); setMaintenanceMode(data.maintenance_mode); } catch (error) { console.error('Error checking maintenance status:', error); } }; useEffect(() => { if (isSuperAdmin) { checkMaintenanceStatus(); } }, [isSuperAdmin]); const toggleMaintenance = async () => { if (!confirm(`¿Estás seguro de ${maintenanceMode ? 'DESACTIVAR' : 'ACTIVAR'} el modo mantenimiento?\n\n${maintenanceMode ? '🔓 Todos los usuarios podrán acceder nuevamente.' : '🔒 Solo el Super Admin podrá acceder al sistema.'}`)) return; setLoading(true); const url = maintenanceMode ? '/maintenance/disable' : '/maintenance/enable'; router.post(url, {}, { onSuccess: () => { setMaintenanceMode(!maintenanceMode); setLoading(false); setShowModal(false); router.reload(); }, onError: () => { setLoading(false); alert('❌ Error al cambiar el estado del modo mantenimiento.'); } }); }; return ( <>

{/* ===== BOTÓN DE MANTENIMIENTO (SOLO SUPER ADMIN) ===== */} {isSuperAdmin && (

Modo Mantenimiento 23 {maintenanceMode ? '🔒 ACTIVADO' : '🔓 DESACTIVADO'}

{maintenanceMode ? '⚠️ Solo el Super Admin puede acceder al sistema' : '✅ Todos los usuarios pueden acceder normalmente'}

{maintenanceMode && (

🔒 El sistema está en modo mantenimiento. Solo el Super Admin puede acceder.

)}

)} {/* ===== ALERTA DE FIRMA DIGITAL FALTANTE ===== */} {/* ========================================== */} {/* SECCIÓN INFORMATIVA COMPLETA */} {/* ========================================== */}

{/* ===== ENCABEZADO ===== */}

Sistema de Conformidad de Internet

Gestión de reportes mensuales para instituciones educativas

Versión 1.0

{/* ===== TARJETAS DE FUNCIONALIDADES ===== */}

Reportes Mensuales

Los directores registran el estado del servicio de internet cada mes

Validación UPDI

El equipo de UPDI revisa, observa o aprueba los reportes enviados

Firma Digital

Los directores firman digitalmente los reportes de conformidad

Gestión IE

Administración de instituciones educativas y asignación de directores

{/* ===== ESTADÍSTICAS RÁPIDAS ===== */}

Total Reportes

0

Pendientes

0

Aprobados

0

Observados

0

{/* ===== PIE INFORMATIVO ===== */}

UGEL Ambo Sistema Operativo Versión 1.0


                                    Desarrollado por
                                    Jordan Brandon Ayala Romero


                                
                                    
                                    {currentYear} · Todos los derechos reservados


        
    );
}

Dashboard.layout = {
    breadcrumbs: [
        {
            title: 'Panel Principal',
            href: dashboard(),
        },
    ],
};