{% extends 'mainapp/base.html' %}

{% block title %}Привязка ВЧ{% endblock %}

{% block content %}
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="card shadow-sm">
                    <div class="card-header bg-info text-white">
                        <h2 class="mb-0">Привязка ВЧ загрузки</h2>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info" role="alert">
                            <strong>Информация о привязке:</strong>
                            <p class="mb-2">Погрешность центральной частоты определяется автоматически в зависимости от полосы:</p>
                            <ul class="mb-0 small">
                                <li>0 - 500 кГц: <strong>0.1%</strong></li>
                                <li>500 кГц - 1.5 МГц: <strong>0.5%</strong></li>
                                <li>1.5 - 5 МГц: <strong>1%</strong></li>
                                <li>5 - 10 МГц: <strong>2%</strong></li>
                                <li>Более 10 МГц: <strong>5%</strong></li>
                            </ul>
                        </div>
                        
                        <form method="post">
                            {% csrf_token %}
                            <div class="mb-3">
                                <label for="{{ form.sat_choice.id_for_label }}" class="form-label">Выберите спутник:</label>
                                {{ form.sat_choice }}
                                {% if form.sat_choice.errors %}
                                    <div class="text-danger mt-1">{{ form.sat_choice.errors }}</div>
                                {% endif %}
                            </div>
                            {% comment %} <div class="mb-3">
                                <label for="{{ form.ku_range.id_for_label }}" class="form-label">Выберите перенос по частоте(МГц):</label>
                                {{ form.ku_range }}
                                {% if form.ku_range.errors %}
                                    <div class="text-danger mt-1">{{ form.ku_range.errors }}</div>
                                {% endif %}
                            </div> {% endcomment %}
                            {% comment %} <div class="mb-3">
                                <label for="{{ form.value1.id_for_label }}" class="form-label">Разброс по частоте(в МГц)</label>
                                {{ form.value1 }}
                                <small class="form-text text-muted">Не используется - погрешность определяется автоматически</small>
                                {% if form.value1.errors %}
                                    <div class="text-danger mt-1">{{ form.value1.errors }}</div>
                                {% endif %}
                            </div> {% endcomment %}
                            
                            <div class="mb-3">
                                <label for="{{ form.value2.id_for_label }}" class="form-label">Разброс по полосе (в %)</label>
                                {{ form.value2 }}
                                <small class="form-text text-muted">Допустимое отклонение полосы частот в процентах</small>
                                {% if form.value2.errors %}
                                    <div class="text-danger mt-1">{{ form.value2.errors }}</div>
                                {% endif %}
                            </div>
                            
                            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                <a href="{% url 'mainapp:source_list' %}" class="btn btn-secondary me-md-2">Назад</a>
                                {% comment %} <a href="{% url 'mainapp:source_list' %}" class="btn btn-danger me-md-2">Сбросить привязку</a> {% endcomment %}
                                <button type="submit" class="btn btn-info">Выполнить привязку</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}