@extends('layouts.app')
@section('titulo','Vista Previa - Importar Centrales')

@section('ruta')
<div class="mb-3 my-2 small">
    <h6> <a href="{{route('revision.index')}}">Revisiones</a> > <a href="{{route('revision.show',$revision->id)}}">Revisión en {{$revision->lugar->nombre}}</a> > @yield('titulo')</h6>
</div>
@endsection

@section('contenido1')
<div class="row">
    <div class="col-12">
        <!-- Resumen General -->
        <div class="card border-0 mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="card-title my-0 py-3 px-1">
                    <i class="fas fa-info-circle me-2"></i>Resumen de Importación
                </h5>
            </div>
            <div class="card-body">
                <div class="row text-center">
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h3 class="text-primary mb-1">{{ $preview['total_centrales'] }}</h3>
                            <p class="text-muted mb-0">Centrales</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h3 class="text-success mb-1">{{ $preview['total_zonas'] }}</h3>
                            <p class="text-muted mb-0">Zonas</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h3 class="text-info mb-1">{{ $preview['total_elementos'] }}</h3>
                            <p class="text-muted mb-0">Elementos</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Detalle de Centrales -->
        @foreach($preview['centrales'] as $index => $central)
        <div class="card border-0 mb-4">
            <div class="card-header bg-light">
                <h5 class="card-title my-0 py-3 px-1">
                    <i class="fas fa-server me-2"></i>Central: {{ $central['nombre'] }}
                    @if($central['en_red'])
                        <span class="badge bg-success ms-2">
                            <i class="fa-solid fa-network-wired"></i> En Red
                        </span>
                    @else
                        <span class="badge bg-secondary ms-2">
                            <i class="fa-solid fa-server"></i> Local
                        </span>
                    @endif
                    <span class="badge bg-info ms-2">{{ $central['zonas_count'] }} Zonas</span>
                    <span class="badge bg-warning ms-2">{{ $central['elementos_count'] }} Elementos</span>
                </h5>
            </div>
            <div class="card-body">
                <!-- Información específica de la central -->
                @if(isset($central['nodo']) || isset($central['tipo_red']) || isset($central['fecha_version']))
                <div class="row mb-4">
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h6 class="text-muted mb-2"><i class="fas fa-network-wired me-2"></i>Información de Red</h6>
                            <div class="mb-2">
                                <strong>Nodo:</strong> {{ $central['nodo'] ?? 'N/A' }}
                            </div>
                            <div class="mb-2">
                                <strong>Tipo de Red:</strong> {{ $central['tipo_red'] ?? 'N/A' }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h6 class="text-muted mb-2"><i class="fas fa-calendar me-2"></i>Información de Versión</h6>
                            <div class="mb-2">
                                <strong>Fecha de Versión:</strong> {{ $central['fecha_version'] ?? 'N/A' }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="border rounded p-3">
                            <h6 class="text-muted mb-2"><i class="fas fa-info-circle me-2"></i>Resumen</h6>
                            <div class="mb-2">
                                <strong>Total Zonas:</strong> {{ $central['zonas_count'] }}
                            </div>
                            <div class="mb-2">
                                <strong>Total Elementos:</strong> {{ $central['elementos_count'] }}
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <!-- Organizar elementos por lazos -->
                @php
                    // Recopilar todos los elementos de todas las zonas
                    $todosElementos = collect();
                    foreach($central['zonas'] as $zona) {
                        $todosElementos = $todosElementos->merge($zona['elementos']);
                    }
                    
                    // Agrupar por lazo
                    $elementosPorLazo = $todosElementos->groupBy('lazo')->sortKeys();
                @endphp

                @foreach($elementosPorLazo as $numeroLazo => $elementosLazo)
                <div class="border rounded p-3 mb-4">
                    <h5 class="mb-3">
                        <i class="fas fa-circle me-2 text-primary"></i>Lazo {{ $numeroLazo }}
                        <span class="badge bg-primary ms-2">{{ $elementosLazo->count() }} Elementos</span>
                    </h5>
                    
                    @php
                        // Separar sensores de módulos usando las nuevas abreviaciones
                        $tiposSensores = ['OPTI', 'TER', 'MULT', 'SMART 4'];
                        
                        $sensores = $elementosLazo->filter(function($elemento) use ($tiposSensores) {
                            $tipo = $elemento['tipo'] ?? '';
                            return in_array($tipo, $tiposSensores);
                        })->sortBy('numero');
                        
                        $modulos = $elementosLazo->filter(function($elemento) use ($tiposSensores) {
                            $tipo = $elemento['tipo'] ?? '';
                            return !in_array($tipo, $tiposSensores);
                        })->sortBy('numero');
                    @endphp

                    <!-- Sensores -->
                    @if($sensores->count() > 0)
                    <div class="mb-4">
                        <h6 class="text-info mb-2">
                            <i class="fas fa-eye me-2"></i>Sensores ({{ $sensores->count() }})
                        </h6>
                        <div class="table-responsive">
                            <table class="table table-sm table-striped">
                                <thead class="table-light">
                                    <tr>
                                        <th class="text-center" style="width: 8%">Lazo</th>
                                        <th class="text-center" style="width: 10%">Número</th>
                                        <th class="text-center" style="width: 12%">Tipo</th>
                                        <th style="width: 35%">Nombre</th>
                                        <th class="text-center" style="width: 10%">Nº Zona</th>
                                        <th class="text-center" style="width: 25%">Nombre Zona</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($sensores as $elemento)
                                    <tr>
                                        <td class="text-center"><code>{{ $elemento['lazo'] ?? 'N/A' }}</code></td>
                                        <td class="text-center"><code>{{ $elemento['numero'] ?? 'N/A' }}</code></td>
                                        <td class="text-center">
                                            @if($elemento['tipo'] == 'OPTI')
                                                <span class="badge bg-info">
                                                    <i class="fas fa-eye me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'TER')
                                                <span class="badge bg-warning">
                                                    <i class="fas fa-thermometer-half me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'MULT')
                                                <span class="badge bg-success">
                                                    <i class="fas fa-layer-group me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'SMART 4')
                                                <span class="badge bg-primary">
                                                    <i class="fas fa-microchip me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @else
                                                <span class="badge bg-secondary">
                                                    <i class="fas fa-circle me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @endif
                                        </td>
                                        <td>{{ $elemento['nombre'] ?? 'Sin nombre' }}</td>
                                        <td class="text-center">
                                            <span class="badge bg-secondary">{{ $elemento['numero_zona'] ?? 'N/A' }}</span>
                                        </td>
                                        <td class="text-center">
                                            <small class="text-muted">{{ $elemento['descripcion_zona'] ?? '' }}</small>
                                        </td>

                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    <!-- Módulos -->
                    @if($modulos->count() > 0)
                    <div class="mb-4">
                        <h6 class="text-primary mb-2">
                            <i class="fas fa-cogs me-2"></i>Módulos ({{ $modulos->count() }})
                        </h6>
                        <div class="table-responsive">
                            <table class="table table-sm table-striped">
                                <thead class="table-light">
                                    <tr>
                                        <th class="text-center" style="width: 8%">Lazo</th>
                                        <th class="text-center" style="width: 10%">Número</th>
                                        <th class="text-center" style="width: 12%">Tipo</th>
                                        <th style="width: 35%">Nombre</th>
                                        <th class="text-center" style="width: 10%">Nº Zona</th>
                                        <th class="text-center" style="width: 25%">Nombre Zona</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($modulos as $elemento)
                                    <tr>
                                        <td class="text-center"><code>{{ $elemento['lazo'] ?? 'N/A' }}</code></td>
                                        <td class="text-center"><code>{{ $elemento['numero'] ?? 'N/A' }}</code></td>
                                        <td class="text-center">
                                            @if($elemento['tipo'] == 'PUL')
                                                <span class="badge bg-primary">
                                                    <i class="fas fa-hand-paper me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'SIRE')
                                                <span class="badge bg-danger">
                                                    <i class="fas fa-volume-up me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'MON')
                                                <span class="badge bg-success">
                                                    <i class="fas fa-desktop me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'CON')
                                                <span class="badge bg-info">
                                                    <i class="fas fa-cog me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'AUX')
                                                <span class="badge bg-warning">
                                                    <i class="fas fa-plug me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'ASPR')
                                                <span class="badge bg-dark">
                                                    <i class="fas fa-water me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'SPRK')
                                                <span class="badge bg-info text-dark">
                                                    <i class="fas fa-shower me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'ZMX')
                                                <span class="badge" style="background-color: #6f42c1; color: white;">
                                                    <i class="fas fa-map-marker-alt me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'CDI')
                                                <span class="badge" style="background-color: #fd7e14; color: white;">
                                                    <i class="fas fa-terminal me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @elseif($elemento['tipo'] == 'BOOSTER')
                                                <span class="badge bg-dark">
                                                    <i class="fas fa-rocket me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @else
                                                <span class="badge bg-secondary">
                                                    <i class="fas fa-circle me-1"></i>{{ $elemento['tipo'] }}
                                                </span>
                                            @endif
                                        </td>
                                        <td>{{ $elemento['nombre'] ?? 'Sin nombre' }}</td>
                                        <td class="text-center">
                                            <span class="badge bg-secondary">{{ $elemento['numero_zona'] ?? 'N/A' }}</span>
                                        </td>
                                        <td class="text-center">
                                            <small class="text-muted">{{ $elemento['descripcion_zona'] ?? '' }}</small>
                                        </td>

                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @endif

                    @if($sensores->count() == 0 && $modulos->count() == 0)
                    <div class="alert alert-warning mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i>Este lazo no tiene elementos
                    </div>
                    @endif
                </div>
                @endforeach
            </div>
        </div>
        @endforeach

        <!-- Botones de Acción -->
        <div class="card border-0">
            <div class="card-body text-center">
                <div class="alert alert-info">
                    <i class="fas fa-info-circle me-2"></i>
                    <strong>Revisa cuidadosamente los datos antes de confirmar.</strong><br>
                    Una vez confirmado, los datos se guardarán en la base de datos y no se podrán deshacer.
                </div>
                
                <form action="{{ route('revision.centrales.confirm-upload', $revision->id) }}" method="POST" class="d-inline">
                    @csrf
                    <input type="hidden" name="file_path" value="{{ $file_path }}">
                    <input type="hidden" name="script_type" value="{{ $script_type }}">
                    <button type="submit" class="btn btn-success btn-lg me-3">
                        <i class="fas fa-check me-2"></i>Confirmar e Importar
                    </button>
                </form>
                
                <a href="{{ route('revision.centrales.nueva', $revision->id) }}" class="btn btn-secondary btn-lg">
                    <i class="fas fa-times me-2"></i>Cancelar
                </a>
            </div>
        </div>
    </div>
</div>
@endsection