@extends('layouts.app')

@section('title', 'Editar Conexión #' . $conexion->id)

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h5 class="mb-0 fw-bold">Editar Conexión <span class="text-muted">#{{ $conexion->id }}</span></h5>
        <small class="text-muted font-monospace">{{ $conexion->etiqueta }}</small>
    </div>
    <a href="{{ route('conexiones.index') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-arrow-left me-1"></i>Volver
    </a>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header py-3">
                <i class="bi bi-pencil me-2" style="color:var(--nf-purple)"></i>
                Modificar Enlace
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('conexiones.update', $conexion) }}">
                    @csrf @method('PUT')

                    @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0 ps-3">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    {{-- OLT --}}
                    <div class="mb-3">
                        <label class="form-label fw-600"><span class="badge-olt me-1">OLT</span> Puerto OLT</label>
                        <select name="olt_port_id" class="form-select @error('olt_port_id') is-invalid @enderror" required>
                            <option value="">— Seleccionar —</option>
                            @php $currentSlot = null; @endphp
                            @foreach($oltPorts as $p)
                                @if($currentSlot !== $p->slot)
                                    @if($currentSlot !== null) </optgroup> @endif
                                    <optgroup label="SLOT {{ sprintf('%02d', $p->slot) }}">
                                    @php $currentSlot = $p->slot; @endphp
                                @endif
                                <option value="{{ $p->id }}"
                                    {{ (old('olt_port_id', $conexion->olt_port_id) == $p->id) ? 'selected' : '' }}>
                                    {{ $p->etiqueta }} {{ $p->estado === 'ocupado' ? '(actual)' : '' }}
                                </option>
                            @endforeach
                            @if($currentSlot !== null) </optgroup> @endif
                        </select>
                        @error('olt_port_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- EDFA --}}
                    <div class="mb-3">
                        <label class="form-label fw-600"><span class="badge-edfa me-1">EDFA</span> Puerto EDFA</label>
                        <select name="edfa_port_id" class="form-select @error('edfa_port_id') is-invalid @enderror" required>
                            <option value="">— Seleccionar —</option>
                            @php $currentEdfa = null; @endphp
                            @foreach($edfaPorts as $p)
                                @if($currentEdfa !== $p->edfa_numero)
                                    @if($currentEdfa !== null) </optgroup> @endif
                                    <optgroup label="EDFA{{ $p->edfa_numero }}">
                                    @php $currentEdfa = $p->edfa_numero; @endphp
                                @endif
                                <option value="{{ $p->id }}"
                                    {{ (old('edfa_port_id', $conexion->edfa_port_id) == $p->id) ? 'selected' : '' }}>
                                    {{ $p->etiqueta }} {{ $p->estado === 'ocupado' ? '(actual)' : '' }}
                                </option>
                            @endforeach
                            @if($currentEdfa !== null) </optgroup> @endif
                        </select>
                        @error('edfa_port_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- ODF --}}
                    <div class="mb-3">
                        <label class="form-label fw-600"><span class="badge-odf me-1">ODF</span> Puerto ODF</label>
                        <select name="odf_port_id" class="form-select @error('odf_port_id') is-invalid @enderror" required>
                            <option value="">— Seleccionar —</option>
                            @php $currentOdf = null; @endphp
                            @foreach($odfPorts as $p)
                                @if($currentOdf !== $p->odf_numero)
                                    @if($currentOdf !== null) </optgroup> @endif
                                    <optgroup label="ODF{{ $p->odf_numero }}">
                                    @php $currentOdf = $p->odf_numero; @endphp
                                @endif
                                <option value="{{ $p->id }}"
                                    {{ (old('odf_port_id', $conexion->odf_port_id) == $p->id) ? 'selected' : '' }}>
                                    {{ $p->etiqueta }} {{ $p->estado === 'ocupado' ? '(actual)' : '' }}
                                </option>
                            @endforeach
                            @if($currentOdf !== null) </optgroup> @endif
                        </select>
                        @error('odf_port_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    {{-- Caja NAP --}}
                    <div class="mb-3">
                        <label class="form-label fw-600">
                            <span class="badge me-1" style="background:var(--nf-purple)">NAP</span>
                            Puerto Caja NAP <small class="text-muted">(opcional)</small>
                        </label>
                        <select name="caja_nap_port_id" class="form-select @error('caja_nap_port_id') is-invalid @enderror">
                            <option value="">— Sin asignar —</option>
                            @php $curNap = null; @endphp
                            @foreach($napPorts as $p)
                                @if($curNap !== $p->cajaNap->nombre)
                                    @if($curNap !== null)</optgroup>@endif
                                    <optgroup label="NAP-{{ $p->cajaNap->nombre }}{{ $p->cajaNap->zona ? ' ('.$p->cajaNap->zona.')' : '' }}">
                                    @php $curNap = $p->cajaNap->nombre; @endphp
                                @endif
                                <option value="{{ $p->id }}"
                                    {{ (old('caja_nap_port_id', $conexion->caja_nap_port_id) == $p->id) ? 'selected' : '' }}>
                                    Puerto {{ sprintf('%02d', $p->numero) }} {{ $p->estado === 'ocupado' ? '(actual)' : '' }}
                                </option>
                            @endforeach
                            @if($curNap !== null)</optgroup>@endif
                        </select>
                        @error('caja_nap_port_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <hr>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-600">Cliente</label>
                            <input type="text" name="cliente" class="form-control"
                                   value="{{ old('cliente', $conexion->cliente) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Zona</label>
                            <input type="text" name="zona" class="form-control"
                                   value="{{ old('zona', $conexion->zona) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Fecha</label>
                            <input type="date" name="fecha" class="form-control"
                                   value="{{ old('fecha', $conexion->fecha?->format('Y-m-d')) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-600">Notas</label>
                            <textarea name="notas" class="form-control" rows="2">{{ old('notas', $conexion->notas) }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex gap-2 mt-4">
                        <button type="submit" class="btn btn-nf-primary">
                            <i class="bi bi-check-circle me-2"></i>Guardar Cambios
                        </button>
                        <a href="{{ route('conexiones.index') }}" class="btn btn-outline-secondary">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header py-3">
                <i class="bi bi-info-circle me-2" style="color:var(--nf-purple)"></i>
                Datos actuales
            </div>
            <div class="card-body">
                <dl class="mb-0 small">
                    <dt class="text-muted">Etiqueta</dt>
                    <dd><code>{{ $conexion->etiqueta }}</code></dd>
                    <dt class="text-muted">OLT</dt>
                    <dd><span class="badge-olt">{{ $conexion->oltPort?->etiqueta }}</span></dd>
                    <dt class="text-muted">EDFA</dt>
                    <dd><span class="badge-edfa">{{ $conexion->edfaPort?->etiqueta }}</span></dd>
                    <dt class="text-muted">ODF</dt>
                    <dd><span class="badge-odf">{{ $conexion->odfPort?->etiqueta }}</span></dd>
                    @if($conexion->cajaNapPort)
                    <dt class="text-muted">NAP</dt>
                    <dd><span class="badge" style="background:var(--nf-purple);color:#fff;font-size:0.75rem">
                        NAP-{{ $conexion->cajaNapPort->cajaNap->nombre }}-P{{ sprintf('%02d',$conexion->cajaNapPort->numero) }}
                    </span></dd>
                    @endif
                    <dt class="text-muted">Creado</dt>
                    <dd>{{ $conexion->created_at->format('d/m/Y H:i') }}</dd>
                </dl>
            </div>
        </div>
    </div>
</div>
@endsection