{% extends 'base.html' %}

{% block title %}Panel de Control{% endblock %}

{% block content %}
<div class="container mt-4">
    <h5 class="mb-3">Rango de Frecuencias</h5>
    <div class="mb-3">
        <label for="frecuencia_inicial" class="form-label">Frecuencia Inicial (Hz)</label>
        <input type="number" class="form-control" id="frecuencia_inicial" name="frecuencia_inicial" required
            min="50000000">
    </div>
    <div class="mb-3">
        <label for="frecuencia_final" class="form-label">Frecuencia Final (Hz)</label>
        <input type="number" class="form-control" id="frecuencia_final" name="frecuencia_final" required
            max="1500000000">
    </div>
    <button class="btn btn-primary w-100" onclick="empezarMonitoreo()">
        <i class="bi bi-broadcast"></i> Empezar Monitoreo
    </button>
</div>

<script>
    function empezarMonitoreo() {
        const fInicio = parseFloat(document.getElementById('frecuencia_inicial').value);
        const fFin = parseFloat(document.getElementById('frecuencia_final').value);

        if (isNaN(fInicio) || isNaN(fFin)) {
            alert("Ambas frecuencias deben ser valores numéricos.");
            return;
        }

        if (fInicio < 50000000) {
            alert("La frecuencia inicial debe ser mayor o igual a 50 MHz (50,000,000 Hz).");
            return;
        }

        if (fFin > 1500000000) {
            alert("La frecuencia final debe ser menor o igual a 1.5 GHz (1,500,000,000 Hz).");
            return;
        }

        if (fInicio >= fFin) {
            alert("La frecuencia inicial debe ser menor que la frecuencia final.");
            return;
        }

        fetch('/crear_muestreo', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                frecuencia_inicial: fInicio,
                frecuencia_final: fFin
            })
        })
            .then(response => response.json())
            .then(data => {
                if (data.exito) {
                    alert("✅ Muestreo creado correctamente.");
                } else {
                    alert("❌ Error al crear muestreo.");
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert("❌ Error en la conexión al servidor.");
            });
    }
</script>
{% endblock %}