@extends('layouts.app')

@section('title', 'Editar Plan de Internet')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h1 class="h3 mb-0">✏️ Editar Plan de Internet</h1>
                <a href="{{ route('planes-internet.show', $planInternet) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Volver
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Información del Plan</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('planes-internet.update', $planInternet) }}" method="POST">
                        @csrf
                        @method('PUT')
                        
                        <div class="mb-3">
                            <label for="nombre" class="form-label">Nombre del Plan *</label>
                            <input type="text" class="form-control @error('nombre') is-invalid @enderror" 
                                   id="nombre" name="nombre" value="{{ old('nombre', $planInternet->nombre) }}" required 
                                   placeholder="Ej: Plan Básico 15MB">
                            @error('nombre')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="descripcion" class="form-label">Descripción *</label>
                            <textarea class="form-control @error('descripcion') is-invalid @enderror" 
                                      id="descripcion" name="descripcion" rows="3" required 
                                      placeholder="Describe las características y beneficios del plan">{{ old('descripcion', $planInternet->descripcion) }}</textarea>
                            @error('descripcion')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="velocidad_bajada" class="form-label">Velocidad de Bajada (Mbps) *</label>
                                    <input type="number" class="form-control @error('velocidad_bajada') is-invalid @enderror" 
                                           id="velocidad_bajada" name="velocidad_bajada" 
                                           value="{{ old('velocidad_bajada', $planInternet->velocidad_bajada) }}" 
                                           step="0.1" min="0" required placeholder="10">
                                    @error('velocidad_bajada')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="velocidad_subida" class="form-label">Velocidad de Subida (Mbps) *</label>
                                    <input type="number" class="form-control @error('velocidad_subida') is-invalid @enderror" 
                                           id="velocidad_subida" name="velocidad_subida" 
                                           value="{{ old('velocidad_subida', $planInternet->velocidad_subida) }}" 
                                           step="0.1" min="0" required placeholder="5">
                                    @error('velocidad_subida')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="precio" class="form-label">Precio Mensual (Bs) *</label>
                                    <input type="number" class="form-control @error('precio') is-invalid @enderror" 
                                           id="precio" name="precio" value="{{ old('precio', $planInternet->precio) }}" 
                                           step="0.01" min="0" required placeholder="150.00">
                                    @error('precio')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="instalacion" class="form-label">Costo de Instalación (Bs)</label>
                                    <input type="number" class="form-control @error('instalacion') is-invalid @enderror" 
                                           id="instalacion" name="instalacion" 
                                           value="{{ old('instalacion', $planInternet->instalacion) }}" 
                                           step="0.01" min="0" placeholder="50.00">
                                    @error('instalacion')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="tipo" class="form-label">Tipo de Plan *</label>
                            <select class="form-select @error('tipo') is-invalid @enderror" id="tipo" name="tipo" required>
                                <option value="">Selecciona el tipo de plan</option>
                                <option value="residencial" {{ old('tipo', $planInternet->tipo) == 'residencial' ? 'selected' : '' }}>Residencial</option>
                                <option value="empresarial" {{ old('tipo', $planInternet->tipo) == 'empresarial' ? 'selected' : '' }}>Empresarial</option>
                                <option value="corporativo" {{ old('tipo', $planInternet->tipo) == 'corporativo' ? 'selected' : '' }}>Corporativo</option>
                            </select>
                            @error('tipo')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="activo" name="activo" value="1" 
                                       {{ old('activo', $planInternet->activo) ? 'checked' : '' }}>
                                <label class="form-check-label" for="activo">
                                    Plan activo (disponible para nuevos clientes)
                                </label>
                            </div>
                        </div>

                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <a href="{{ route('planes-internet.show', $planInternet) }}" class="btn btn-secondary me-md-2">
                                <i class="fas fa-times"></i> Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Actualizar Plan
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <!-- Información Actual -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Información Actual</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th>Nombre:</th>
                            <td>{{ $planInternet->nombre }}</td>
                        </tr>
                        <tr>
                            <th>Velocidad:</th>
                            <td>{{ $planInternet->velocidad_bajada }}/{{ $planInternet->velocidad_subida }} Mbps</td>
                        </tr>
                        <tr>
                            <th>Precio:</th>
                            <td>Bs. {{ number_format($planInternet->precio, 2) }}</td>
                        </tr>
                        <tr>
                            <th>Tipo:</th>
                            <td>{{ ucfirst($planInternet->tipo) }}</td>
                        </tr>
                        <tr>
                            <th>Clientes:</th>
                            <td>{{ $planInternet->activos ?? 0 }} activos</td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Advertencias -->
            @if($planInternet->activos > 0)
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">⚠️ Advertencias</h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-warning">
                            <h6>Clientes Activos</h6>
                            <p class="mb-0">Este plan tiene {{ $planInternet->activos }} clientes activos. Los cambios en el precio o velocidad pueden afectar los contratos existentes.</p>
                        </div>
                        
                        <div class="alert alert-info">
                            <h6>Recomendaciones</h6>
                            <ul class="mb-0">
                                <li>Considera crear un nuevo plan si los cambios son significativos</li>
                                <li>Notifica a los clientes sobre modificaciones importantes</li>
                                <li>Mantén un registro de los cambios para auditoría</li>
                            </ul>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection