@extends('layouts.app')
@section('titulo', 'Recuento de Elementos - ' . $revision->lugar->nombre)

@section('contenido1')

@php
    // Calcular totales agregados de TODAS las centrales
    $totalElementos = $todasLasCentrales->sum(function($central) {
        return $central->elementos->count();
    });
    
    // CORREGIDO: Filtrar por tipoElemento->tipo (no por elemento->tipo que es el ID)
    $totalDetectores = $todasLasCentrales->sum(function($central) {
        return $central->elementos->filter(function($elemento) {
            return $elemento->tipoElemento && $elemento->tipoElemento->tipo == 1;
        })->count();
    });
    
    $totalModulos = $todasLasCentrales->sum(function($central) {
        return $central->elementos->filter(function($elemento) {
            return $elemento->tipoElemento && $elemento->tipoElemento->tipo == 2;
        })->count();
    });
    
    $totalLazos = $todasLasCentrales->sum(function($central) {
        return $central->lazos->count();
    });
    
    // Obtener pulsadores de TODAS las centrales de la revisión
    $todosLosPulsadoresRevisados = collect();
    
    foreach($todasLasCentrales as $centralItem) {
        $pulsadoresCentral = $centralItem->elementos
        ->filter(function($elemento) use ($revision) {
                // Verificar que es un pulsador
            $esPulsador = $elemento->tipoElemento && 
                (strtoupper($elemento->tipoElemento->abreviatura) == 'PUL' || 
                 stripos($elemento->tipoElemento->nombre, 'pulsador') !== false);
            
                // Verificar si tiene pruebas realizadas en esta revisión específica
                $fueRevisado = $elemento->pruebasRealizadas && 
                    $elemento->pruebasRealizadas->where('id_revision', $revision->id)->count() > 0;
            
            return $esPulsador && $fueRevisado;
            });
        
        $todosLosPulsadoresRevisados = $todosLosPulsadoresRevisados->merge($pulsadoresCentral);
    }
    
    // Seleccionar 10 pulsadores aleatorios de todas las centrales
    $pulsadoresRevisados = $todosLosPulsadoresRevisados->shuffle()->take(10);
    
    // NUEVO: Obtener detectores de TODAS las centrales de la revisión usando CiElementoRevisado
    $todosLosDetectoresRevisados = \App\Models\CiElementoRevisado::where('id_revision', $revision->id)
        ->whereHas('elemento', function($query) use ($revision) {
            $query->whereHas('central', function($q) use ($revision) {
                $q->where('revision_id', $revision->id);
            })->whereHas('tipoElemento', function($q) {
                $q->where('abreviatura', 'OPT')
                  ->orWhere('abreviatura', 'TER')
                  ->orWhere('nombre', 'like', '%óptico%')
                  ->orWhere('nombre', 'like', '%térmico%');
            });
        })
        ->with([
            'elemento.tipoElemento',
            'elemento.lazoRelation', 
            'elemento.zona',
            'elemento.central'
        ])
        ->get()
        ->map(function($elementoRevisado) {
            return $elementoRevisado->elemento;
        });
    
    // Seleccionar 10 detectores aleatorios de todas las centrales, asegurando mezcla de ópticos y térmicos
    $detectoresOpticos = $todosLosDetectoresRevisados->filter(function($elemento) {
        if(!$elemento->tipoElemento) return false;
        
        $abreviatura = strtoupper($elemento->tipoElemento->abreviatura);
        $nombre = strtolower($elemento->tipoElemento->nombre);
        
        return ($abreviatura == 'OPT' || 
                $abreviatura == 'OPTI' ||
                strpos($nombre, 'óptico') !== false ||
                strpos($nombre, 'optico') !== false);
    });
    
    $detectoresTermicos = $todosLosDetectoresRevisados->filter(function($elemento) {
        if(!$elemento->tipoElemento) return false;
        
        $abreviatura = strtoupper($elemento->tipoElemento->abreviatura);
        $nombre = strtolower($elemento->tipoElemento->nombre);
        
        return ($abreviatura == 'TER' || 
                strpos($nombre, 'térmico') !== false ||
                strpos($nombre, 'termico') !== false);
    });
    
    // Tomar algunos térmicos (máximo 3) y el resto ópticos
    $termicosSeleccionados = $detectoresTermicos->shuffle()->take(min(3, $detectoresTermicos->count()));
    $optikosNecesarios = 10 - $termicosSeleccionados->count();
    $optikosSeleccionados = $detectoresOpticos->shuffle()->take($optikosNecesarios);
    
    $detectoresRevisados = $termicosSeleccionados->merge($optikosSeleccionados)->shuffle();
    
    // NUEVO: Obtener TODOS los módulos auxiliares de TODAS las centrales de la revisión
    $todosLosModulosAuxiliares = collect();
    $debugLogs = collect();
    
    foreach($todasLasCentrales as $centralIndex => $centralItem) {
        $debugLogs->push("=== CENTRAL {$centralIndex}: {$centralItem->nombre} ===");
        
        $elementosCentral = $centralItem->elementos;
        $debugLogs->push("Total elementos en central: {$elementosCentral->count()}");
        
        // CORREGIDO: Buscar elementos que son MÓDULOS (tipoElemento.tipo = 2) y excluir solo PUL, SIR, SIRE
        $elementosModulos = $elementosCentral->filter(function($elemento) {
            return $elemento->tipoElemento && $elemento->tipoElemento->tipo == 2;
        });
        $debugLogs->push("Elementos que son MÓDULOS (tipoElemento.tipo = 2): {$elementosModulos->count()}");
        
        // DEBUG: Buscar TODOS los elementos CON independientemente del tipo
        $todosLosCON = $elementosCentral->filter(function($elemento) {
            return $elemento->tipoElemento && $elemento->tipoElemento->abreviatura == 'CON';
        });
        $debugLogs->push("TODOS los elementos CON encontrados: {$todosLosCON->count()}");
        foreach($todosLosCON as $elemIndex => $elemento) {
            $tipoElementoId = $elemento->tipoElemento->id ?? 'N/A';
            $tipoElementoTipo = $elemento->tipoElemento->tipo ?? 'N/A';
            $debugLogs->push("CON {$elemIndex}: {$elemento->nombre} | Elemento.tipo: {$elemento->tipo} | TipoElemento.id: {$tipoElementoId} | TipoElemento.tipo: {$tipoElementoTipo}");
        }
        
        foreach($elementosModulos as $elemIndex => $elemento) {
            $abreviatura = $elemento->tipoElemento->abreviatura ?? 'N/A';
            $tipoElementoId = $elemento->tipoElemento->id ?? 'N/A';
            $tipoElementoTipo = $elemento->tipoElemento->tipo ?? 'N/A';
            $debugLogs->push("Módulo {$elemIndex}: {$elemento->nombre} | Elemento.tipo: {$elemento->tipo} | TipoElemento.id: {$tipoElementoId} | TipoElemento.tipo: {$tipoElementoTipo} | Abreviatura: {$abreviatura}");
        }
        
        $modulosCentral = $elementosModulos->filter(function($elemento) use ($debugLogs) {
            if (!$elemento->tipoElemento) {
                $debugLogs->push("❌ EXCLUIDO: {$elemento->nombre} - No tiene tipoElemento");
                return false;
            }
            
            $abreviatura = $elemento->tipoElemento->abreviatura;
            
            // Excluir solo pulsadores y sirenas
            $excluir = ['PUL', 'SIR', 'SIRE'];
            
            if (in_array($abreviatura, $excluir)) {
                $debugLogs->push("❌ EXCLUIDO: {$elemento->nombre} - Abreviatura {$abreviatura} en lista de exclusión");
                return false;
            }
            
            $debugLogs->push("✅ INCLUIDO: {$elemento->nombre} - Abreviatura: {$abreviatura}");
            return true;
        });
        
        $debugLogs->push("Elementos que pasan el filtro en esta central: {$modulosCentral->count()}");
        $todosLosModulosAuxiliares = $todosLosModulosAuxiliares->merge($modulosCentral);
    }
    
    $debugLogs->push("=== RESULTADO FINAL ===");
    $debugLogs->push("Total módulos auxiliares encontrados: {$todosLosModulosAuxiliares->count()}");
    
    // Seleccionar 10 módulos auxiliares aleatorios
    $modulosAuxiliaresRevisados = $todosLosModulosAuxiliares->shuffle()->take(10);
    
    $debugLogs->push("=== ELEMENTOS SELECCIONADOS PARA LA TABLA ===");
    foreach($modulosAuxiliaresRevisados as $index => $elemento) {
        $abreviatura = $elemento->tipoElemento->abreviatura ?? 'N/A';
        $tipoElementoTipo = $elemento->tipoElemento->tipo ?? 'N/A';
        $debugLogs->push("Seleccionado {$index}: {$elemento->nombre} | Tipo: {$elemento->tipo} | Abreviatura: {$abreviatura} | TipoElemento.tipo: {$tipoElementoTipo}");
    }
    
    // Contar total de módulos auxiliares de TODAS las centrales (solo tipo 2, excluyendo PUL, SIR, SIRE)
    $totalModulosAuxiliares = 0;
    foreach($todasLasCentrales as $centralItem) {
        $totalModulosAuxiliares += $centralItem->elementos->filter(function($elemento) {
            if (!$elemento->tipoElemento || $elemento->tipoElemento->tipo != 2) return false;
            
            $abreviatura = $elemento->tipoElemento->abreviatura;
            $excluir = ['PUL', 'SIR', 'SIRE'];
            
            return !in_array($abreviatura, $excluir);
        })->count();
    }
@endphp

<!-- Debug Info -->
<div class="alert alert-info">
    <div class="d-flex justify-content-between align-items-center">
        <strong>Debug Info - TODAS LAS CENTRALES</strong>
        <button class="btn btn-sm btn-outline-info" type="button" data-bs-toggle="collapse" data-bs-target="#debugInfo" aria-expanded="false" aria-controls="debugInfo">
            <i class="fas fa-chevron-down" id="debugIcon"></i> Mostrar/Ocultar
        </button>
    </div>
    
    <div class="collapse" id="debugInfo">
        <hr>
        Total centrales en revisión: {{ $todasLasCentrales->count() }}<br>
        Centrales: 
        @foreach($todasLasCentrales as $centralItem)
            {{ $centralItem->nombre }}{{ !$loop->last ? ', ' : '' }}
        @endforeach
        <br><br>
        
        <strong>Elementos revisados en TODAS las centrales:</strong><br>
        Térmicos revisados: {{ $totalTermicosCentral }}<br>
        Ópticos revisados: {{ $totalOpticosCentral }}<br>
        Pulsadores revisados: {{ $totalPulsadoresCentral }}<br><br>
        
        <strong>DEBUG: Todos los elementos revisados disponibles:</strong><br>
        @foreach($todasLasCentrales as $centralItem)
            <strong>{{ $centralItem->nombre }}:</strong><br>
            @foreach($centralItem->elementos as $elemento)
                @if($elemento->pruebasRealizadas && $elemento->pruebasRealizadas->where('id_revision', $revision->id)->count() > 0)
                    - {{ $elemento->nombre }} ({{ $elemento->tipoElemento->abreviatura ?? 'N/A' }}) - Lazo {{ $elemento->lazoRelation->numero ?? 'N/A' }} - Zona {{ $elemento->zona->numero ?? 'N/A' }}<br>
        @endif
            @endforeach
    @endforeach
    <br>
        
        <strong>Pulsadores para tabla (aleatorios de todas las centrales):</strong><br>
        Total pulsadores revisados disponibles: {{ $todosLosPulsadoresRevisados->count() }}<br>
        Pulsadores seleccionados para tabla: {{ $pulsadoresRevisados->count() }}<br>
        @if($pulsadoresRevisados->count() > 0)
            <strong>Pulsadores seleccionados:</strong><br>
            @foreach($pulsadoresRevisados as $pulsador)
                - {{ $pulsador->central->nombre ?? 'Central N/A' }}: {{ $pulsador->nombre }} ({{ $pulsador->tipoElemento->abreviatura ?? 'N/A' }}) - Lazo {{ $pulsador->lazoRelation->numero ?? 'N/A' }} - Zona {{ $pulsador->zona->numero ?? 'N/A' }}<br>
                &nbsp;&nbsp;&nbsp;ID: {{ $pulsador->id }}, Tipo ID: {{ $pulsador->tipo }}, Lazo ID: {{ $pulsador->lazo }}, Zona ID: {{ $pulsador->id_zona }}<br>
            @endforeach
        @endif
        <br>
        
        <strong>Detectores para tabla (aleatorios de todas las centrales):</strong><br>
        Total detectores revisados disponibles: {{ $todosLosDetectoresRevisados->count() }}<br>
    Detectores seleccionados para tabla: {{ $detectoresRevisados->count() }}<br>
        @if($detectoresRevisados->count() > 0)
            <strong>Detectores seleccionados:</strong><br>
            @foreach($detectoresRevisados as $detector)
                - {{ $detector->central->nombre ?? 'Central N/A' }}: {{ $detector->nombre }} ({{ $detector->tipoElemento->abreviatura ?? 'N/A' }}) - Lazo {{ $detector->lazoRelation->numero ?? 'N/A' }}<br>
    @endforeach
        @endif
        <br>
        
        <strong>Módulos auxiliares para tabla (aleatorios de todas las centrales):</strong><br>
        Total módulos auxiliares disponibles (todos, no solo revisados): {{ $todosLosModulosAuxiliares->count() }}<br>
        Módulos auxiliares seleccionados para tabla: {{ $modulosAuxiliaresRevisados->count() }}<br>
        @if($modulosAuxiliaresRevisados->count() > 0)
            <strong>Módulos auxiliares seleccionados:</strong><br>
            @foreach($modulosAuxiliaresRevisados as $modulo)
                - {{ $modulo->central->nombre ?? 'Central N/A' }}: {{ $modulo->nombre }} ({{ $modulo->tipoElemento->abreviatura ?? 'N/A' }}) - Tipo: {{ $modulo->tipo ?? 'N/A' }} - Lazo {{ $modulo->lazoRelation->numero ?? 'N/A' }}<br>
            @endforeach
        @endif
        <br>
        
        <strong>DEBUG: Todos los tipos de módulos disponibles en la revisión:</strong><br>
        @php
            $tiposModulosDisponibles = collect();
            foreach($todasLasCentrales as $centralItem) {
                // CORREGIDO: Filtrar por tipoElemento->tipo (no por elemento->tipo)
                $modulosCentral = $centralItem->elementos->filter(function($elemento) {
                    return $elemento->tipoElemento && $elemento->tipoElemento->tipo == 2;
                });
                foreach($modulosCentral as $modulo) {
                    $tipo = $modulo->tipoElemento->abreviatura ?? 'N/A';
                    if(!in_array($tipo, ['PUL', 'SIR', 'SIRE']) && !$tiposModulosDisponibles->contains($tipo)) {
                        $tiposModulosDisponibles->push($tipo);
                    }
                }
            }
        @endphp
        Tipos de módulos encontrados (todos, no solo revisados): {{ $tiposModulosDisponibles->implode(', ') }}<br>
        <strong>Filtro aplicado:</strong> Solo módulos (tipoElemento->tipo = 2), excluye pulsadores/sirenas (PUL, SIR, SIRE)<br>
        <br>
        
        <strong>🔍 LOGS DETALLADOS DEL FILTRO:</strong><br>
        <div style="background: #f8f9fa; padding: 10px; border-radius: 5px; font-family: monospace; font-size: 12px; max-height: 300px; overflow-y: auto;">
            @foreach($debugLogs as $log)
                {{ $log }}<br>
            @endforeach
        </div>
        <br>
        
        <strong>DEBUG DETALLADO: Todos los elementos que son MÓDULOS (tipoElemento.tipo = 2) en la revisión:</strong><br>
        @php
            $debugTodosModulos = collect();
            foreach($todasLasCentrales as $centralItem) {
                // Solo elementos que son módulos (tipoElemento.tipo = 2)
                $todosModulos = $centralItem->elementos->filter(function($elemento) {
                    return $elemento->tipoElemento && $elemento->tipoElemento->tipo == 2;
                });
                
                foreach($todosModulos as $modulo) {
                    $debugTodosModulos->push([
                        'nombre' => $modulo->nombre,
                        'abreviatura' => $modulo->tipoElemento->abreviatura ?? 'N/A',
                        'elementoTipo' => $modulo->tipo ?? 'N/A',
                        'tipoElementoTipo' => $modulo->tipoElemento->tipo ?? 'N/A',
                        'central' => $modulo->central->nombre ?? 'N/A',
                        'tieneTipoElemento' => $modulo->tipoElemento ? 'Sí' : 'No'
                    ]);
                }
            }
        @endphp
        Total elementos que son MÓDULOS: {{ $debugTodosModulos->count() }}<br>
        @if($debugTodosModulos->count() > 0)
            @foreach($debugTodosModulos->take(10) as $elem)
                - {{ $elem['central'] }}: {{ $elem['nombre'] }} ({{ $elem['abreviatura'] }}) - Elemento.tipo: {{ $elem['elementoTipo'] }} - TipoElemento.tipo: {{ $elem['tipoElementoTipo'] }} - Tiene tipoElemento: {{ $elem['tieneTipoElemento'] }}<br>
            @endforeach
        @endif
        <br>
        
        <strong>DEBUG DETALLADO: Elementos que pasan el filtro:</strong><br>
        @php
            $debugElementos = collect();
            foreach($todasLasCentrales as $centralItem) {
                $modulosCentral = $centralItem->elementos
                    ->filter(function($elemento) {
                        if (!$elemento->tipoElemento || $elemento->tipoElemento->tipo != 2) {
                            return false;
                        }
                        
                        $abreviatura = $elemento->tipoElemento->abreviatura;
                        $excluir = ['PUL', 'SIR', 'SIRE'];
                        
                        return !in_array($abreviatura, $excluir);
                    });
                foreach($modulosCentral as $modulo) {
                    $debugElementos->push([
                        'nombre' => $modulo->nombre,
                        'abreviatura' => $modulo->tipoElemento->abreviatura ?? 'N/A',
                        'elementoTipo' => $modulo->tipo ?? 'N/A',
                        'tipoElementoTipo' => $modulo->tipoElemento->tipo ?? 'N/A',
                        'central' => $modulo->central->nombre ?? 'N/A'
                    ]);
                }
            }
        @endphp
        Total elementos que pasan el filtro: {{ $debugElementos->count() }}<br>
        @if($debugElementos->count() > 0)
            @foreach($debugElementos->take(10) as $elem)
                - {{ $elem['central'] }}: {{ $elem['nombre'] }} ({{ $elem['abreviatura'] }}) - Elemento.tipo: {{ $elem['elementoTipo'] }} - TipoElemento.tipo: {{ $elem['tipoElementoTipo'] }}<br>
            @endforeach
        @endif
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const debugToggle = document.getElementById('debugInfo');
    const debugIcon = document.getElementById('debugIcon');
    
    debugToggle.addEventListener('show.bs.collapse', function () {
        debugIcon.classList.remove('fa-chevron-down');
        debugIcon.classList.add('fa-chevron-up');
    });
    
    debugToggle.addEventListener('hide.bs.collapse', function () {
        debugIcon.classList.remove('fa-chevron-up');
        debugIcon.classList.add('fa-chevron-down');
    });
});
</script>

<!-- Breadcrumb -->
<nav aria-label="breadcrumb" class="mb-4 mt-4">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('revision.index') }}"><i class="fas fa-list"></i> Revisiones</a></li>
        <li class="breadcrumb-item"><a href="{{ route('revision.show', $revision->id) }}">{{ $revision->lugar->nombre }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">Recuento</li>
    </ol>
</nav>

<!-- Header de la Revisión -->
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-light border-bottom">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h4 class="mb-1 text-dark">
                    <i class="fas fa-calculator me-2 text-success"></i>Recuento de Elementos
                </h4>
                <p class="mb-0 text-muted">
                    <i class="fas fa-map-marker-alt me-1"></i>{{ $revision->lugar->nombre }} - 
                    <i class="fas fa-server me-1"></i>{{ $todasLasCentrales->count() }} {{ $todasLasCentrales->count() == 1 ? 'Central' : 'Centrales' }}
                </p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('revision.show', $revision->id) }}" class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Volver a Revisión
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Resumen General -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <i class="fas fa-layer-group fa-2x text-primary mb-2"></i>
                <h4 class="mb-0">{{ $totalLazos }}</h4>
                <small class="text-muted">Lazos</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <i class="fas fa-microchip fa-2x text-success mb-2"></i>
                <h4 class="mb-0">{{ $totalElementos }}</h4>
                <small class="text-muted">Total Elementos</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <i class="fas fa-eye fa-2x text-info mb-2"></i>
                <h4 class="mb-0">{{ $totalDetectores }}</h4>
                <small class="text-muted">Detectores</small>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm text-center">
            <div class="card-body">
                <i class="fas fa-cogs fa-2x text-warning mb-2"></i>
                <h4 class="mb-0">{{ $totalModulos }}</h4>
                <small class="text-muted">Módulos</small>
            </div>
        </div>
    </div>
</div>

<!-- Recuento Ultra Compacto por Lazos -->
<div class="card border-0 shadow-sm">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="fas fa-list-ol me-2"></i>Recuento por Centrales, Lazos y Tipos
        </h5>
    </div>
    <div class="card-body p-2">
        @if(empty($recuentoPorCentral))
            <div class="text-center py-2">
                <small class="text-muted">No hay elementos configurados</small>
            </div>
        @else
            @foreach($recuentoPorCentral as $centralId => $datosCentral)
                @php
                    $central = $datosCentral['central'];
                    $recuentoPorLazo = $datosCentral['recuentoPorLazo'];
                @endphp
                
                @if($todasLasCentrales->count() > 1)
                    <div class="mb-3">
                        <h6 class="text-primary mb-2">
                            <i class="fas fa-server me-1"></i>{{ $central->nombre }}
                        </h6>
                    </div>
                @endif
                
                <div class="row g-1 flex-nowrap overflow-auto mb-3">
            @foreach($recuentoPorLazo as $numeroLazo => $datosLazo)
                @php
                    $totalElementos = $datosLazo['elementos']->count();
                    $elementosRevisados = $datosLazo['elementos']->filter(function($elemento) use ($revision) {
                        return $elemento->pruebasRealizadas()->where('id_revision', $revision->id)->exists();
                    })->count();
                @endphp
                
                    <div class="col-auto flex-shrink-0" style="min-width: 200px;">
                        <div class="card border-0 bg-light h-100">
                            <div class="card-body p-2 d-flex flex-column">
                                <div class="d-flex justify-content-between align-items-center mb-1">
                                    <span class="badge bg-primary">L{{ $numeroLazo }}</span>
                                    <small class="text-muted">{{ $totalElementos }} total</small>
                    </div>
                    
                                <div class="flex-grow-1">
                    @if($totalElementos > 0)
                                        <div class="mb-1">
                                            <small class="text-success">{{ $elementosRevisados }} revisados</small>
                                        </div>
                                        
                            @php
                                $detectores = $datosLazo['porTipo']->filter(function($elementos, $tipoId) use ($tiposElementos) {
                                    $tipo = $tiposElementos->get($tipoId);
                                                return $tipo && $tipo->tipo == 1;
                                });
                                
                                $modulos = $datosLazo['porTipo']->filter(function($elementos, $tipoId) use ($tiposElementos) {
                                    $tipo = $tiposElementos->get($tipoId);
                                                return $tipo && $tipo->tipo == 2;
                                });
                            @endphp
                            
                            @if($detectores->count() > 0)
                                            <div class="mb-1">
                                                <small class="text-primary fw-semibold">Detectores:</small>
                                                <div class="ms-2">
                                        @foreach($detectores as $tipoId => $elementosDelTipo)
                                            @php
                                                $tipoElemento = $tiposElementos->get($tipoId);
                                                $abreviatura = $tipoElemento ? $tipoElemento->abreviatura : 'N/A';
                                                $elementosRevisadosTipo = $elementosDelTipo->filter(function($elemento) use ($revision) {
                                                    return $elemento->pruebasRealizadas()->where('id_revision', $revision->id)->exists();
                                                })->count();
                                            @endphp
                                                        <div class="d-flex justify-content-between">
                                                            <small class="text-muted">{{ $abreviatura }}:</small>
                                                            <small class="fw-semibold">{{ $elementosDelTipo->count() }} <span class="text-success">({{ $elementosRevisadosTipo }})</span></small>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                            
                            @if($modulos->count() > 0)
                                            <div class="mb-1">
                                                <small class="text-primary fw-semibold">Módulos:</small>
                                                <div class="ms-2">
                                        @foreach($modulos as $tipoId => $elementosDelTipo)
                                            @php
                                                $tipoElemento = $tiposElementos->get($tipoId);
                                                $abreviatura = $tipoElemento ? $tipoElemento->abreviatura : 'N/A';
                                                $elementosRevisadosTipo = $elementosDelTipo->filter(function($elemento) use ($revision) {
                                                    return $elemento->pruebasRealizadas()->where('id_revision', $revision->id)->exists();
                                                })->count();
                                            @endphp
                                                        <div class="d-flex justify-content-between">
                                                            <small class="text-muted">{{ $abreviatura }}:</small>
                                                            <small class="fw-semibold">{{ $elementosDelTipo->count() }} <span class="text-success">({{ $elementosRevisadosTipo }})</span></small>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                                    @else
                                        <small class="text-muted">Sin elementos</small>
                                                    @endif
                                            </div>
                                    </div>
                                </div>
                        </div>
                @endforeach
                </div>
            @endforeach
        @endif
    </div>
</div>

<!-- Resumen por Tipos -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="fas fa-chart-pie me-2"></i>Resumen por Tipos {{ $todasLasCentrales->count() > 1 ? '(por Central)' : '' }}
        </h5>
    </div>
    <div class="card-body">
        @foreach($todasLasCentrales as $central)
            @php
                // Agrupar elementos de esta central por tipo
                $elementosPorTipo = $central->elementos->groupBy('tipo');
            @endphp
            
            @if($todasLasCentrales->count() > 1)
                <div class="mb-3">
                    <h6 class="text-primary mb-3">
                        <i class="fas fa-server me-1"></i>{{ $central->nombre }}
                    </h6>
                </div>
            @endif
            
            @if($elementosPorTipo->count() > 0)
                <div class="row {{ $todasLasCentrales->count() > 1 ? 'mb-4' : '' }}">
                    @foreach($elementosPorTipo as $tipoId => $elementosDelTipo)
                        @php
                            $tipoElemento = $tiposElementos->get($tipoId);
                            $nombreTipo = $tipoElemento ? $tipoElemento->nombre : 'Tipo ' . $tipoId;
                            $abreviatura = $tipoElemento ? $tipoElemento->abreviatura : 'N/A';
                        @endphp
                        
                        <div class="col-md-6 col-lg-2 mb-3">
                            <div class="card border-0 bg-light">
                                <div class="card-body text-center">
                                    <div class="mb-2">
                                        @if($abreviatura == 'OPT' || $abreviatura == 'OPTI')
                                            <i class="fas fa-eye fa-2x text-info"></i>
                                        @elseif($abreviatura == 'TER')
                                            <i class="fas fa-thermometer-half fa-2x text-warning"></i>
                                        @elseif($abreviatura == 'MULT')
                                            <i class="fas fa-layer-group fa-2x text-success"></i>
                                        @elseif($abreviatura == 'SMART 4')
                                            <i class="fas fa-microchip fa-2x text-primary"></i>
                                        @elseif($abreviatura == 'PUL')
                                            <i class="fas fa-hand-pointer fa-2x text-danger"></i>
                                        @elseif($abreviatura == 'SIR' || $abreviatura == 'SIRE')
                                            <i class="fas fa-bell fa-2x text-warning"></i>
                                        @elseif($abreviatura == 'MON')
                                            <i class="fas fa-tv fa-2x text-info"></i>
                                        @else
                                            <i class="fas fa-circle fa-2x text-secondary"></i>
                                        @endif
                                    </div>
                                    <h6 class="mb-1">{{ $nombreTipo }}</h6>
                                    <h4 class="mb-0 text-primary">{{ $elementosDelTipo->count() }}</h4>
                                    <small class="text-muted">elementos</small>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                
                @if($todasLasCentrales->count() > 1 && !$loop->last)
                    <hr class="my-3">
                @endif
            @else
                <div class="text-center py-3">
                    <p class="text-muted mb-0">No hay elementos configurados en esta central</p>
                </div>
            @endif
        @endforeach
        
        @if($todasLasCentrales->count() == 0)
            <div class="text-center py-3">
                <p class="text-muted mb-0">No hay centrales configuradas</p>
            </div>
        @endif
    </div>
</div>

<!-- Elementos con Incidencias -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="fas fa-exclamation-triangle me-2 text-warning"></i>Elementos con Incidencias
        </h5>
    </div>
    <div class="card-body">
        @php
            $hayIncidencias = false;
            $centralIndex = 0;
        @endphp
        
        @foreach($todasLasCentrales as $central)
            @php
                // Obtener elementos con incidencias de esta central
                $elementosConIncidencias = collect();
                
                foreach($central->elementos as $elemento) {
                    // Buscar la prueba realizada en esta revisión
                    $prueba = $elemento->pruebasRealizadas->where('id_revision', $revision->id)->first();
                    
                    if($prueba) {
                        // Incluir si está pendiente, no funciona, o funciona pero tiene observaciones
                        if($prueba->estado == 'pendiente' || 
                           $prueba->estado == 'no funciona' || 
                           ($prueba->estado == 'funciona' && !empty($prueba->observaciones))) {
                            $elementosConIncidencias->push([
                                'elemento' => $elemento,
                                'prueba' => $prueba
                            ]);
                            $hayIncidencias = true;
                        }
                    }
                }
                
                // Ordenar elementos: primero por número de lazo, luego por número de elemento
                $elementosConIncidencias = $elementosConIncidencias->sortBy(function($item) {
                    $elemento = $item['elemento'];
                    $numeroLazo = $elemento->lazoRelation->numero ?? 9999; // Si no tiene lazo, ponerlo al final
                    $numeroElemento = $elemento->numero ?? 9999; // Si no tiene número, ponerlo al final
                    // Crear una clave de ordenamiento: lazo * 10000 + numero
                    // Esto asegura que se ordene primero por lazo y luego por número
                    return ($numeroLazo * 10000) + $numeroElemento;
                });
                
                $centralIndex++;
            @endphp
            
            @if($elementosConIncidencias->count() > 0)
                <div class="mb-3">
                    <button class="btn btn-link text-decoration-none text-start w-100 d-flex justify-content-between align-items-center p-3 border rounded" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#incidenciasCentral{{ $central->id }}" 
                            aria-expanded="false">
                        <div>
                            <h6 class="mb-0 text-primary">
                                <i class="fas fa-server me-1"></i>{{ $central->nombre }}
                                <span class="badge bg-warning text-dark ms-2">{{ $elementosConIncidencias->count() }} incidencia(s)</span>
                            </h6>
                        </div>
                        <i class="fas fa-chevron-down transition-transform"></i>
                    </button>
                    
                    <div class="collapse" id="incidenciasCentral{{ $central->id }}">
                        <div class="table-responsive mt-2">
                            <table class="table table-sm table-hover">
                                <thead class="table-light">
                                    <tr>
                                        <th class="text-center" style="width: 70px;">Lazo</th>
                                        <th class="text-center" style="width: 110px;">Nº - Zona</th>
                                        <th>Elemento</th>
                                        <th class="text-center" style="width: 100px;">Tipo</th>
                                        <th class="text-center" style="width: 180px;">Estado</th>
                                        <th>Observaciones</th>
                                        <th class="text-center" style="width: 100px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($elementosConIncidencias as $item)
                                        @php
                                            $elemento = $item['elemento'];
                                            $prueba = $item['prueba'];
                                            
                                            // Determinar clase de badge según estado
                                            $badgeClass = 'secondary';
                                            $iconoEstado = 'circle';
                                            if($prueba->estado == 'no funciona') {
                                                $badgeClass = 'danger';
                                                $iconoEstado = 'times-circle';
                                            } elseif($prueba->estado == 'pendiente') {
                                                $badgeClass = 'warning';
                                                $iconoEstado = 'clock';
                                            } elseif($prueba->estado == 'funciona') {
                                                $badgeClass = 'info';
                                                $iconoEstado = 'check-circle';
                                            }
                                        @endphp
                                        <tr id="fila-elemento-{{ $prueba->id }}" data-elemento-revisado-id="{{ $prueba->id }}">
                                            <td class="text-center align-middle">
                                                <span class="badge bg-primary">L{{ $elemento->lazoRelation->numero ?? 'N/A' }}</span>
                                            </td>
                                            <td class="text-center align-middle">
                                                @php
                                                    // Determinar si es Sensor (S) o Módulo (M)
                                                    $prefijo = 'S'; // Por defecto Sensor
                                                    if($elemento->tipoElemento && $elemento->tipoElemento->tipo == 2) {
                                                        $prefijo = 'M'; // Módulo
                                                    }
                                                    // Formatear número del elemento con ceros a la izquierda
                                                    $numeroFormateado = str_pad($elemento->numero, 2, '0', STR_PAD_LEFT);
                                                @endphp
                                                @if($elemento->zona)
                                                    <code>{{ $prefijo }}{{ $numeroFormateado }} Z{{ $elemento->zona->numero }}</code>
                                                @else
                                                    <span class="text-muted">{{ $prefijo }}{{ $numeroFormateado }} -</span>
                                                @endif
                                            </td>
                                            <td class="align-middle">
                                                <strong>{{ $elemento->nombre }}</strong>
                                                @if($elemento->zona)
                                                    <br><small class="text-muted">{{ $elemento->zona->nombre }}</small>
                                                @endif
                                            </td>
                                            <td class="text-center align-middle">
                                                @if($elemento->tipoElemento)
                                                    @php $abrev = $elemento->tipoElemento->abreviatura; @endphp
                                                    @if($abrev == 'OPTI' || $abrev == 'OPT')
                                                        <span class="badge bg-info">
                                                            <i class="fas fa-eye me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'TER')
                                                        <span class="badge bg-warning text-dark">
                                                            <i class="fas fa-thermometer-half me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'MULT')
                                                        <span class="badge bg-success">
                                                            <i class="fas fa-layer-group me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'SMART 4')
                                                        <span class="badge bg-primary">
                                                            <i class="fas fa-microchip me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'PUL')
                                                        <span class="badge bg-primary">
                                                            <i class="fas fa-hand-paper me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'SIRE' || $abrev == 'SIR')
                                                        <span class="badge bg-danger">
                                                            <i class="fas fa-volume-up me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'MON')
                                                        <span class="badge bg-success">
                                                            <i class="fas fa-desktop me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'CON')
                                                        <span class="badge bg-info">
                                                            <i class="fas fa-cog me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @elseif($abrev == 'AUX')
                                                        <span class="badge bg-warning text-dark">
                                                            <i class="fas fa-plug me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @else
                                                        <span class="badge bg-secondary">
                                                            <i class="fas fa-circle me-1"></i>{{ $abrev }}
                                                        </span>
                                                    @endif
                                                @else
                                                    <span class="badge bg-secondary">N/A</span>
                                                @endif
                                            </td>
                                            <td class="text-center align-middle">
                                                <!-- Vista normal -->
                                                <div class="estado-vista-{{ $prueba->id }}">
                                                    <span class="badge bg-{{ $badgeClass }}">
                                                        <i class="fas fa-{{ $iconoEstado }} me-1"></i>{{ ucfirst($prueba->estado) }}
                                                    </span>
                                                </div>
                                                <!-- Vista edición -->
                                                <div class="estado-edicion-{{ $prueba->id }}" style="display: none;">
                                                    <select class="form-select form-select-sm estado-select-{{ $prueba->id }}">
                                                        <option value="pendiente" {{ $prueba->estado == 'pendiente' ? 'selected' : '' }}>Pendiente</option>
                                                        <option value="funciona" {{ $prueba->estado == 'funciona' ? 'selected' : '' }}>Funciona</option>
                                                        <option value="no funciona" {{ $prueba->estado == 'no funciona' ? 'selected' : '' }}>No funciona</option>
                                                    </select>
                                                </div>
                                            </td>
                                            <td class="align-middle">
                                                <!-- Vista normal -->
                                                <div class="observaciones-vista-{{ $prueba->id }}">
                                                    @if(!empty($prueba->observaciones))
                                                        <small>{{ $prueba->observaciones }}</small>
                                                    @else
                                                        <span class="text-muted">-</span>
                                                    @endif
                                                </div>
                                                <!-- Vista edición -->
                                                <div class="observaciones-edicion-{{ $prueba->id }}" style="display: none;">
                                                    <textarea class="form-control form-control-sm observaciones-textarea-{{ $prueba->id }}" 
                                                              rows="2" 
                                                              maxlength="1000">{{ $prueba->observaciones }}</textarea>
                                                </div>
                                            </td>
                                            <td class="text-center align-middle">
                                                <!-- Botones vista normal -->
                                                <div class="acciones-vista-{{ $prueba->id }}">
                                                    <button class="btn btn-sm btn-outline-primary" 
                                                            onclick="editarElemento({{ $prueba->id }})" 
                                                            title="Editar">
                                                        <i class="fas fa-edit"></i>
                                                    </button>
                                                </div>
                                                <!-- Botones vista edición -->
                                                <div class="acciones-edicion-{{ $prueba->id }}" style="display: none;">
                                                    <button class="btn btn-sm btn-success me-1" 
                                                            onclick="guardarElemento({{ $prueba->id }}, {{ $revision->id }})" 
                                                            title="Guardar">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                    <button class="btn btn-sm btn-secondary" 
                                                            onclick="cancelarEdicion({{ $prueba->id }})" 
                                                            title="Cancelar">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                
                @if(!$loop->last)
                    <hr>
                @endif
            @endif
        @endforeach
        
        @if(!$hayIncidencias)
            <div class="text-center py-4">
                <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                <h6 class="text-success">¡Sin incidencias!</h6>
                <p class="text-muted mb-0">Todos los elementos funcionan correctamente sin observaciones</p>
            </div>
        @endif
    </div>
</div>

<!-- Resumen en Texto Copiable -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="fas fa-copy me-2"></i>Resumen Copiable
        </h5>
    </div>
    <div class="card-body">
        <div class="mb-3">
            <label for="resumenTexto" class="form-label">Resumen de elementos por central y lazo:</label>
            <textarea id="resumenTexto" class="form-control" rows="8" readonly style="font-family: monospace; font-size: 14px;">@foreach($recuentoPorCentral as $centralId => $datosCentral)@php $central = $datosCentral['central']; $recuentoPorLazo = $datosCentral['recuentoPorLazo']; @endphp
@if($todasLasCentrales->count() > 1)
CENTRAL: {{ $central->nombre }}
@endif
@foreach($recuentoPorLazo as $numeroLazo => $datosLazo)
@php
    $totalElementos = $datosLazo['elementos']->count();
    $elementosRevisados = $datosLazo['elementos']->filter(function($elemento) use ($revision) {
        return $elemento->pruebasRealizadas()->where('id_revision', $revision->id)->exists();
    })->count();
    
    // Agrupar por categoría de tipo
    $detectores = $datosLazo['porTipo']->filter(function($elementos, $tipoId) use ($tiposElementos) {
        $tipo = $tiposElementos->get($tipoId);
        return $tipo && $tipo->tipo == 1; // Detectores
    });
    
    $modulos = $datosLazo['porTipo']->filter(function($elementos, $tipoId) use ($tiposElementos) {
        $tipo = $tiposElementos->get($tipoId);
        return $tipo && $tipo->tipo == 2; // Módulos
    });
    
    $otrosTipos = $datosLazo['porTipo']->filter(function($elementos, $tipoId) use ($tiposElementos) {
        $tipo = $tiposElementos->get($tipoId);
        return !$tipo || ($tipo->tipo != 1 && $tipo->tipo != 2);
    });
    
    $resumenLazo = [];
    
    // Agregar detectores
    foreach($detectores as $tipoId => $elementosDelTipo) {
        $tipoElemento = $tiposElementos->get($tipoId);
        $cantidad = $elementosDelTipo->count();
        
        if($cantidad > 0) {
            $nombreTipo = $tipoElemento ? strtolower($tipoElemento->nombre) : 'tipo ' . $tipoId;
            $resumenLazo[] = $cantidad . ' ' . $nombreTipo;
        }
    }
    
    // Agregar módulos
    foreach($modulos as $tipoId => $elementosDelTipo) {
        $tipoElemento = $tiposElementos->get($tipoId);
        $cantidad = $elementosDelTipo->count();
        
        if($cantidad > 0) {
            $nombreTipo = $tipoElemento ? strtolower($tipoElemento->nombre) : 'tipo ' . $tipoId;
            $resumenLazo[] = $cantidad . ' ' . $nombreTipo;
        }
    }
    
    // Agregar otros tipos
    foreach($otrosTipos as $tipoId => $elementosDelTipo) {
        $tipoElemento = $tiposElementos->get($tipoId);
        $cantidad = $elementosDelTipo->count();
        
        if($cantidad > 0) {
            $nombreTipo = $tipoElemento ? strtolower($tipoElemento->nombre) : 'tipo ' . $tipoId;
            $resumenLazo[] = $cantidad . ' ' . $nombreTipo;
        }
    }
@endphp
LAZO {{ $numeroLazo }}: {{ implode(', ', $resumenLazo) }}.@if($totalElementos > 0) ({{ $elementosRevisados }} revisados - {{ round(($elementosRevisados / $totalElementos) * 100, 1) }}%)@endif

@endforeach
@if($todasLasCentrales->count() > 1)

@endif
@endforeach</textarea>
        </div>
        <div class="d-flex justify-content-between align-items-center">
            <small class="text-muted">
                <i class="fas fa-info-circle me-1"></i>
                Puedes copiar este texto y pegarlo en documentos o informes
            </small>
            <button type="button" class="btn btn-outline-primary btn-sm" onclick="copiarResumen()">
                <i class="fas fa-copy me-1"></i> Copiar
            </button>
        </div>
    </div>
</div>

<!-- Resumen de Zonas -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <h5 class="mb-0">
            <i class="fas fa-layer-group me-2"></i>Resumen de Zonas
        </h5>
    </div>
    <div class="card-body">
        <div class="mb-3">
            <label for="resumenZonas" class="form-label">Zonas de {{ $todasLasCentrales->count() > 1 ? 'todas las centrales' : 'la central' }}:</label>
            <textarea id="resumenZonas" class="form-control" rows="6" readonly style="font-family: monospace; font-size: 14px;">@foreach($todasLasCentrales as $central)@if($todasLasCentrales->count() > 1)
CENTRAL: {{ $central->nombre }}
@endif
@foreach($central->zonas->sortBy('numero') as $zona)
Zona {{ $zona->numero }}: {{ $zona->nombre }}
@endforeach
@if($todasLasCentrales->count() > 1)

@endif
@endforeach</textarea>
        </div>
        <div class="d-flex justify-content-between align-items-center">
            <small class="text-muted">
                <i class="fas fa-info-circle me-1"></i>
                Lista de zonas con sus nombres
            </small>
            <button type="button" class="btn btn-outline-primary btn-sm" onclick="copiarZonas()">
                <i class="fas fa-copy me-1"></i> Copiar
            </button>
        </div>
    </div>
</div>

<!-- Tabla de Elementos Revisados -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="fas fa-table me-2"></i>Elementos Revisados - Pulsadores ({{ $totalPulsadoresCentral }} Pulsadores revisados)
            </h5>
            <button type="button" class="btn btn-outline-primary btn-sm" onclick="copiarTabla()">
                <i class="fas fa-copy me-1"></i> Copiar Tabla
            </button>
        </div>
    </div>
    <div class="card-body">
        
        @if($pulsadoresRevisados->count() > 0)
            <!-- Textarea oculto para copiar la tabla -->
            <textarea id="tablaTexto" style="position: absolute; left: -9999px; opacity: 0;">@foreach($pulsadoresRevisados as $index => $elemento)
@php
    $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
    $zonaLazo = $elemento->zona ? 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A') : 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
    $ubicacion = ($centralNum ? $centralNum . ': ' : '') . $elemento->nombre . ($elemento->zona ? " - {$elemento->zona->nombre}" : '');
@endphp
{{ $elemento->numero ?? ($index + 1) }}	Notifier	M5A-RP02FF	{{ $centralNum }}{{ $zonaLazo }}	Prueba Mediante Llave					V	{{ $ubicacion }}	Funciona correctamente
@endforeach</textarea>
            
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th rowspan="2">Núm.</th>
                            <th rowspan="2">Marca</th>
                            <th rowspan="2">Modelo</th>
                            <th rowspan="2">Zona/Lazo</th>
                            <th rowspan="2">Operación realizada</th>
                            <th colspan="4">Trimestral</th>
                            <th colspan="1">Anual</th>
                            <th rowspan="2">Ubicación</th>
                            <th rowspan="2">Observaciones</th>
                        </tr>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                            <th>E</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($pulsadoresRevisados as $index => $elemento)
                            @php
                                $pruebaTrimestral = $elemento->pruebasRealizadas()
                                    ->where('id_revision', $revision->id)
                                    ->first();
                                $estadoTrimestral = ($pruebaTrimestral && $pruebaTrimestral->estado) ? 'V' : '';
                            @endphp
                            <tr>
                                <td class="text-center">{{ $elemento->numero ?? ($index + 1) }}</td>
                                <td class="text-center">Notifier</td>
                                <td class="text-center">M5A-RP02FF</td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
                                        $zonaLazo = '';
                                        if($elemento->zona) {
                                            $zonaLazo = 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        } else {
                                            $zonaLazo = 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        }
                                    @endphp
                                    {{ $centralNum }}{{ $zonaLazo }}
                                </td>
                                <td class="text-center">Prueba Mediante Llave</td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center">V</td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ': ' : '';
                                    @endphp
                                    <strong>{{ $centralNum }}</strong>{{ $elemento->nombre }}
                                    @if($elemento->zona)
                                        - {{ $elemento->zona->nombre }}
                                    @endif
                                </td>
                                <td class="text-center">Funciona correctamente</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-center py-4">
                <i class="fas fa-info-circle fa-2x text-muted mb-3"></i>
                <h6 class="text-muted">No hay pulsadores revisados</h6>
                <p class="text-muted mb-0">No se encontraron pulsadores revisados en esta central.</p>
            </div>
        @endif
    </div>
</div>

<!-- Tabla de Detectores Revisados -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="fas fa-table me-2"></i>Elementos Revisados - Detectores ({{ $totalOpticosCentral + $totalTermicosCentral }} Detectores revisados)
            </h5>
            <button type="button" class="btn btn-outline-primary btn-sm" onclick="copiarTablaDetectores()">
                <i class="fas fa-copy me-1"></i> Copiar Tabla
            </button>
        </div>
    </div>
    <div class="card-body">
        
        @if($detectoresRevisados->count() > 0)
            <!-- Textarea oculto para copiar la tabla de detectores -->
            <textarea id="tablaDetectoresTexto" style="position: absolute; left: -9999px; opacity: 0;">@foreach($detectoresRevisados->take(10) as $index => $elemento)
@php
    $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
    $zonaLazo = $elemento->zona ? 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A') : 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
    $ubicacion = ($centralNum ? $centralNum . ': ' : '') . $elemento->nombre . ($elemento->zona ? " - {$elemento->zona->nombre}" : '');
    $modelo = '';
    $operacion = '';
    if($elemento->tipoElemento) {
        $abreviatura = strtoupper($elemento->tipoElemento->abreviatura);
        $nombre = strtolower($elemento->tipoElemento->nombre);
        
        if($abreviatura == 'OPT' || $abreviatura == 'OPTI' || 
           strpos($nombre, 'óptico') !== false || strpos($nombre, 'optico') !== false) {
            $modelo = 'NFXI-OPT';
            $operacion = 'Prueba Mediante Humo';
        } elseif($abreviatura == 'TER' || 
                strpos($nombre, 'térmico') !== false || strpos($nombre, 'termico') !== false) {
            $modelo = 'NFXI-TDIFF';
            $operacion = 'Prueba Mediante Calor';
        } else {
            $modelo = '-';
            $operacion = 'Prueba realizada';
        }
    } else {
        $modelo = '-';
        $operacion = 'Prueba realizada';
    }
@endphp
{{ $elemento->numero ?? ($index + 1) }}	Notifier	{{ $modelo }}	{{ $centralNum }}{{ $zonaLazo }}	{{ $operacion }}					V	{{ $ubicacion }}	Funciona correctamente
@endforeach</textarea>
            
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th rowspan="2">Núm.</th>
                            <th rowspan="2">Marca</th>
                            <th rowspan="2">Modelo</th>
                            <th rowspan="2">Zona/Lazo</th>
                            <th rowspan="2">Operación realizada</th>
                            <th colspan="4">Trimestral</th>
                            <th colspan="1">Anual</th>
                            <th rowspan="2">Ubicación</th>
                            <th rowspan="2">Observaciones</th>
                        </tr>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                            <th>E</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($detectoresRevisados->take(10) as $index => $elemento)
                            @php
                                $operacion = '';
                                if($elemento->tipoElemento) {
                                    if(strtoupper($elemento->tipoElemento->abreviatura) == 'OPT' || stripos($elemento->tipoElemento->nombre, 'óptico') !== false) {
                                        $operacion = 'Prueba Mediante Bote Humo';
                                    } elseif(strtoupper($elemento->tipoElemento->abreviatura) == 'TER' || stripos($elemento->tipoElemento->nombre, 'térmico') !== false) {
                                        $operacion = 'Prueba Mediante Calor Pertiga';
                                    } else {
                                        $operacion = 'Prueba realizada';
                                    }
                                } else {
                                    $operacion = 'Prueba realizada';
                                }
                            @endphp
                            <tr>
                                <td class="text-center">{{ $elemento->numero ?? ($index + 1) }}</td>
                                <td class="text-center">Notifier</td>
                                <td class="text-center">
                                    @php
                                        $modelo = '';
                                        if($elemento->tipoElemento) {
                                            $abreviatura = strtoupper($elemento->tipoElemento->abreviatura);
                                            $nombre = strtolower($elemento->tipoElemento->nombre);
                                            
                                            if($abreviatura == 'OPT' || $abreviatura == 'OPTI' || 
                                               strpos($nombre, 'óptico') !== false || strpos($nombre, 'optico') !== false) {
                                                $modelo = 'NFXI-OPT';
                                            } elseif($abreviatura == 'TER' || 
                                                    strpos($nombre, 'térmico') !== false || strpos($nombre, 'termico') !== false) {
                                                $modelo = 'NFXI-TDIFF';
                                            } else {
                                                $modelo = '-';
                                            }
                                        } else {
                                            $modelo = '-';
                                        }
                                    @endphp
                                    {{ $modelo }}
                                </td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
                                        $zonaLazo = '';
                                        if($elemento->zona) {
                                            $zonaLazo = 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        } else {
                                            $zonaLazo = 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        }
                                    @endphp
                                    {{ $centralNum }}{{ $zonaLazo }}
                                </td>
                                <td class="text-center">
                                    @php
                                        $operacion = '';
                                        if($elemento->tipoElemento) {
                                            $abreviatura = strtoupper($elemento->tipoElemento->abreviatura);
                                            $nombre = strtolower($elemento->tipoElemento->nombre);
                                            
                                            if($abreviatura == 'OPT' || $abreviatura == 'OPTI' || 
                                               strpos($nombre, 'óptico') !== false || strpos($nombre, 'optico') !== false) {
                                                $operacion = 'Prueba Mediante Humo';
                                            } elseif($abreviatura == 'TER' || 
                                                    strpos($nombre, 'térmico') !== false || strpos($nombre, 'termico') !== false) {
                                                $operacion = 'Prueba Mediante Calor';
                                            } else {
                                                $operacion = 'Prueba realizada';
                                            }
                                        } else {
                                            $operacion = 'Prueba realizada';
                                        }
                                    @endphp
                                    {{ $operacion }}
                                </td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center">V</td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ': ' : '';
                                    @endphp
                                    <strong>{{ $centralNum }}</strong>{{ $elemento->nombre }}
                                    @if($elemento->zona)
                                        - {{ $elemento->zona->nombre }}
                                    @endif
                                </td>
                                <td class="text-center">Funciona correctamente</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
                                    @else
            <div class="text-center py-4">
                <i class="fas fa-info-circle fa-2x text-muted mb-3"></i>
                <h6 class="text-muted">No hay detectores revisados</h6>
                <p class="text-muted mb-0">No se encontraron detectores revisados en esta central.</p>
            </div>
                                    @endif
    </div>
</div>

<!-- Tabla de Módulos Auxiliares Revisados -->
<div class="card border-0 shadow-sm mt-4">
    <div class="card-header bg-light">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="fas fa-cogs me-2"></i>Elementos Revisados - Módulos Auxiliares ({{ $totalModulosAuxiliares }} Módulos de todas las centrales)
            </h5>
            <button type="button" class="btn btn-outline-primary btn-sm" onclick="copiarTablaModulos()">
                <i class="fas fa-copy me-1"></i> Copiar Tabla
            </button>
        </div>
    </div>
    <div class="card-body">
        
        @if($modulosAuxiliaresRevisados->count() > 0)
            <!-- Textarea oculto para copiar la tabla de módulos -->
            <textarea id="tablaModulosTexto" style="position: absolute; left: -9999px; opacity: 0;">@foreach($modulosAuxiliaresRevisados->take(10) as $index => $elemento)
@php
    $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
    $zonaLazo = $elemento->zona ? 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A') : 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
    $ubicacion = ($centralNum ? $centralNum . ': ' : '') . $elemento->nombre . ($elemento->zona ? " - {$elemento->zona->nombre}" : '');
    $modelo = $elemento->tipoElemento ? $elemento->tipoElemento->abreviatura : '-';
    $operacion = 'Prueba realizada';
@endphp
{{ $elemento->numero ?? ($index + 1) }}	Notifier	{{ $modelo }}	{{ $centralNum }}{{ $zonaLazo }}	{{ $operacion }}					V	{{ $ubicacion }}	Funciona correctamente
@endforeach</textarea>
            
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th rowspan="2">Núm.</th>
                            <th rowspan="2">Marca</th>
                            <th rowspan="2">Modelo</th>
                            <th rowspan="2">Zona/Lazo</th>
                            <th rowspan="2">Operación realizada</th>
                            <th colspan="4">Trimestral</th>
                            <th colspan="1">Anual</th>
                            <th rowspan="2">Ubicación</th>
                            <th rowspan="2">Observaciones</th>
                        </tr>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                            <th>E</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($modulosAuxiliaresRevisados->take(10) as $index => $elemento)
                            <tr>
                                <td class="text-center">{{ $elemento->numero ?? ($index + 1) }}</td>
                                <td class="text-center">Notifier</td>
                                <td class="text-center">
                                    {{ $elemento->tipoElemento ? $elemento->tipoElemento->abreviatura : '-' }}
                                </td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ' ' : '';
                                        $zonaLazo = '';
                                        if($elemento->zona) {
                                            $zonaLazo = 'Z' . $elemento->zona->numero . ' L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        } else {
                                            $zonaLazo = 'L' . ($elemento->lazoRelation->numero ?? 'N/A');
                                        }
                                    @endphp
                                    {{ $centralNum }}{{ $zonaLazo }}
                                </td>
                                <td class="text-center">Prueba realizada</td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center"></td>
                                <td class="text-center">V</td>
                                <td class="text-center">
                                    @php
                                        $centralNum = $todasLasCentrales->count() > 1 ? 'C' . ($todasLasCentrales->search($elemento->central) + 1) . ': ' : '';
                                    @endphp
                                    <strong>{{ $centralNum }}</strong>{{ $elemento->nombre }}
                                    @if($elemento->zona)
                                        - {{ $elemento->zona->nombre }}
                                    @endif
                                </td>
                                <td class="text-center">Funciona correctamente</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-center py-4">
                <i class="fas fa-info-circle fa-2x text-muted mb-3"></i>
                <h6 class="text-muted">No hay módulos auxiliares revisados</h6>
                <p class="text-muted mb-0">No se encontraron módulos auxiliares revisados en esta central.</p>
            </div>
        @endif
    </div>
</div>

@endsection

@section('css')
<style>
    .card {
        transition: transform 0.2s;
    }
    .card:hover {
        transform: translateY(-2px);
    }
    
    .badge {
        font-size: 0.75rem;
    }
    
    .progress {
        border-radius: 10px;
    }
    
    .bg-light {
        background-color: #f8f9fa !important;
    }
    
    .border-0 {
        border: 0 !important;
    }
    
    .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .card-body {
            padding: 1rem;
        }
        .d-flex.justify-content-between {
            flex-direction: column;
            align-items: flex-start !important;
        }
        .d-flex.justify-content-between .btn {
            margin-top: 0.5rem;
        }
    }
</style>
@endsection

@section('scripts')
<script>
function copiarResumen() {
    const textarea = document.getElementById('resumenTexto');
    textarea.select();
    textarea.setSelectionRange(0, 99999); // Para dispositivos móviles
    
    try {
        document.execCommand('copy');
        
        // Cambiar temporalmente el texto del botón
        const boton = event.target.closest('button');
        const textoOriginal = boton.innerHTML;
        boton.innerHTML = '<i class="fas fa-check me-1"></i> Copiado!';
        boton.classList.remove('btn-outline-primary');
        boton.classList.add('btn-success');
        
        // Restaurar el botón después de 2 segundos
        setTimeout(() => {
            boton.innerHTML = textoOriginal;
            boton.classList.remove('btn-success');
            boton.classList.add('btn-outline-primary');
        }, 2000);
        
    } catch (err) {
        console.error('Error al copiar: ', err);
        alert('Error al copiar el texto. Por favor, selecciona y copia manualmente.');
    }
}

function copiarZonas() {
    const textarea = document.getElementById('resumenZonas');
    textarea.select();
    textarea.setSelectionRange(0, 99999); // Para dispositivos móviles
    
    try {
        document.execCommand('copy');
        
        // Cambiar temporalmente el texto del botón
        const boton = event.target.closest('button');
        const textoOriginal = boton.innerHTML;
        boton.innerHTML = '<i class="fas fa-check me-1"></i> Copiado!';
        boton.classList.remove('btn-outline-primary');
        boton.classList.add('btn-success');
        
        // Restaurar el botón después de 2 segundos
        setTimeout(() => {
            boton.innerHTML = textoOriginal;
            boton.classList.remove('btn-success');
            boton.classList.add('btn-outline-primary');
        }, 2000);
        
    } catch (err) {
        console.error('Error al copiar: ', err);
        alert('Error al copiar el texto. Por favor, selecciona y copia manualmente.');
    }
}

function copiarTabla() {
    const textarea = document.getElementById('tablaTexto');
    textarea.select();
    textarea.setSelectionRange(0, 99999); // Para dispositivos móviles
    
    try {
        document.execCommand('copy');
        
        // Cambiar temporalmente el texto del botón
        const boton = event.target.closest('button');
        const textoOriginal = boton.innerHTML;
        boton.innerHTML = '<i class="fas fa-check me-1"></i> Copiado!';
        boton.classList.remove('btn-outline-primary');
        boton.classList.add('btn-success');
        
        // Restaurar el botón después de 2 segundos
        setTimeout(() => {
            boton.innerHTML = textoOriginal;
            boton.classList.remove('btn-success');
            boton.classList.add('btn-outline-primary');
        }, 2000);
        
    } catch (err) {
        console.error('Error al copiar: ', err);
        alert('Error al copiar la tabla. Por favor, selecciona y copia manualmente.');
    }
}

function copiarTablaDetectores() {
    const textarea = document.getElementById('tablaDetectoresTexto');
    textarea.select();
    textarea.setSelectionRange(0, 99999); // Para dispositivos móviles
    
    try {
        document.execCommand('copy');
        
        // Cambiar temporalmente el texto del botón
        const boton = event.target.closest('button');
        const textoOriginal = boton.innerHTML;
        boton.innerHTML = '<i class="fas fa-check me-1"></i> Copiado!';
        boton.classList.remove('btn-outline-primary');
        boton.classList.add('btn-success');
        
        // Restaurar el botón después de 2 segundos
        setTimeout(() => {
            boton.innerHTML = textoOriginal;
            boton.classList.remove('btn-success');
            boton.classList.add('btn-outline-primary');
        }, 2000);
        
    } catch (err) {
        console.error('Error al copiar: ', err);
        alert('Error al copiar la tabla. Por favor, selecciona y copia manualmente.');
    }
}

function copiarTablaModulos() {
    const textarea = document.getElementById('tablaModulosTexto');
    textarea.select();
    textarea.setSelectionRange(0, 99999); // Para dispositivos móviles
    
    try {
        document.execCommand('copy');
        
        // Cambiar temporalmente el texto del botón
        const boton = event.target.closest('button');
        const textoOriginal = boton.innerHTML;
        boton.innerHTML = '<i class="fas fa-check me-1"></i> Copiado!';
        boton.classList.remove('btn-outline-primary');
        boton.classList.add('btn-success');
        
        // Restaurar el botón después de 2 segundos
        setTimeout(() => {
            boton.innerHTML = textoOriginal;
            boton.classList.remove('btn-success');
            boton.classList.add('btn-outline-primary');
        }, 2000);
        
    } catch (err) {
        console.error('Error al copiar: ', err);
        alert('Error al copiar la tabla. Por favor, selecciona y copia manualmente.');
    }
}

// ===== FUNCIONES PARA EDICIÓN DE INCIDENCIAS =====

// Datos originales para cancelar edición
const datosOriginales = {};

function editarElemento(elementoRevisadoId) {
    // Guardar datos originales
    datosOriginales[elementoRevisadoId] = {
        estado: document.querySelector(`.estado-select-${elementoRevisadoId}`).value,
        observaciones: document.querySelector(`.observaciones-textarea-${elementoRevisadoId}`).value
    };
    
    // Ocultar vistas normales
    document.querySelector(`.estado-vista-${elementoRevisadoId}`).style.display = 'none';
    document.querySelector(`.observaciones-vista-${elementoRevisadoId}`).style.display = 'none';
    document.querySelector(`.acciones-vista-${elementoRevisadoId}`).style.display = 'none';
    
    // Mostrar vistas de edición
    document.querySelector(`.estado-edicion-${elementoRevisadoId}`).style.display = 'block';
    document.querySelector(`.observaciones-edicion-${elementoRevisadoId}`).style.display = 'block';
    document.querySelector(`.acciones-edicion-${elementoRevisadoId}`).style.display = 'block';
}

function cancelarEdicion(elementoRevisadoId) {
    // Restaurar datos originales
    if (datosOriginales[elementoRevisadoId]) {
        document.querySelector(`.estado-select-${elementoRevisadoId}`).value = datosOriginales[elementoRevisadoId].estado;
        document.querySelector(`.observaciones-textarea-${elementoRevisadoId}`).value = datosOriginales[elementoRevisadoId].observaciones;
    }
    
    // Ocultar vistas de edición
    document.querySelector(`.estado-edicion-${elementoRevisadoId}`).style.display = 'none';
    document.querySelector(`.observaciones-edicion-${elementoRevisadoId}`).style.display = 'none';
    document.querySelector(`.acciones-edicion-${elementoRevisadoId}`).style.display = 'none';
    
    // Mostrar vistas normales
    document.querySelector(`.estado-vista-${elementoRevisadoId}`).style.display = 'block';
    document.querySelector(`.observaciones-vista-${elementoRevisadoId}`).style.display = 'block';
    document.querySelector(`.acciones-vista-${elementoRevisadoId}`).style.display = 'block';
}

async function guardarElemento(elementoRevisadoId, revisionId) {
    const estado = document.querySelector(`.estado-select-${elementoRevisadoId}`).value;
    const observaciones = document.querySelector(`.observaciones-textarea-${elementoRevisadoId}`).value;
    
    // Deshabilitar botones durante el guardado
    const btnGuardar = event.target.closest('button');
    const btnCancelar = btnGuardar.nextElementSibling;
    btnGuardar.disabled = true;
    btnCancelar.disabled = true;
    btnGuardar.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
    
    try {
        const response = await fetch(`/api/revision/${revisionId}/elementos-revisados/${elementoRevisadoId}/actualizar`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify({
                estado: estado,
                observaciones: observaciones
            })
        });
        
        const data = await response.json();
        
        if (data.success) {
            // Actualizar la vista con los nuevos datos
            actualizarVistaElemento(elementoRevisadoId, data.data);
            
            // Cancelar modo edición
            cancelarEdicion(elementoRevisadoId);
            
            // Mostrar mensaje de éxito
            mostrarMensaje('Elemento actualizado correctamente', 'success');
            
            // Si el elemento ya no tiene incidencias, recargar la página para actualizar la lista
            if (data.data.estado === 'funciona' && !data.data.observaciones) {
                setTimeout(() => {
                    location.reload();
                }, 1500);
            }
        } else {
            throw new Error(data.message || 'Error al actualizar');
        }
    } catch (error) {
        console.error('Error al guardar:', error);
        mostrarMensaje('Error al actualizar el elemento: ' + error.message, 'danger');
        
        // Rehabilitar botones
        btnGuardar.disabled = false;
        btnCancelar.disabled = false;
        btnGuardar.innerHTML = '<i class="fas fa-check"></i>';
    }
}

function actualizarVistaElemento(elementoRevisadoId, data) {
    // Determinar clase de badge según estado
    let badgeClass = 'secondary';
    let iconoEstado = 'circle';
    let estadoTexto = data.estado.charAt(0).toUpperCase() + data.estado.slice(1);
    
    if (data.estado === 'no funciona') {
        badgeClass = 'danger';
        iconoEstado = 'times-circle';
    } else if (data.estado === 'pendiente') {
        badgeClass = 'warning';
        iconoEstado = 'clock';
    } else if (data.estado === 'funciona') {
        badgeClass = 'info';
        iconoEstado = 'check-circle';
    }
    
    // Actualizar vista de estado
    const estadoVista = document.querySelector(`.estado-vista-${elementoRevisadoId}`);
    estadoVista.innerHTML = `
        <span class="badge bg-${badgeClass}">
            <i class="fas fa-${iconoEstado} me-1"></i>${estadoTexto}
        </span>
    `;
    
    // Actualizar vista de observaciones
    const observacionesVista = document.querySelector(`.observaciones-vista-${elementoRevisadoId}`);
    if (data.observaciones) {
        observacionesVista.innerHTML = `<small>${data.observaciones}</small>`;
    } else {
        observacionesVista.innerHTML = '<span class="text-muted">-</span>';
    }
}

function mostrarMensaje(mensaje, tipo = 'info') {
    // Crear elemento de alerta
    const alerta = document.createElement('div');
    alerta.className = `alert alert-${tipo} alert-dismissible fade show position-fixed top-0 start-50 translate-middle-x mt-3`;
    alerta.style.zIndex = '9999';
    alerta.style.minWidth = '300px';
    alerta.innerHTML = `
        ${mensaje}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    `;
    
    document.body.appendChild(alerta);
    
    // Auto-eliminar después de 3 segundos
    setTimeout(() => {
        alerta.remove();
    }, 3000);
}
</script>
@endsection