{% extends 'config/base.html.j2' %}

{% block config_base %}
{% if is_xhr is not defined %}
<div id="page-wan" class="config-page">
  {% if interface_count < 1 %}
    {% include "config/_no_interface_warning.html.j2" %}
  {% elif not wan_status.up %}
    {% if wan_status.proto == "ppoe" %}
  <div class="message warning" id="no-interface-up-warning">
    {% trans %}You WAN configuration is probably not correct or your WAN interface hasn't been properly initialized yet.{% endtrans %}
  </div>
    {% else %}
  <div class="message warning" id="no-interface-up-warning">
    {% trans %}WAN port has no link or it hasn't been configured yet. Your internet connection probably won't work.{% endtrans %}
  </div>
    {% endif %}
  {% elif interface_up_count < 1 %}
    {% include "config/_no_interface_up_warning.html.j2" %}
  {% endif %}
{% endif %}
    <form id="main-form" class="config-form" action="{{ request.fullpath }}" method="post" autocomplete="off" novalidate>
        <p class="config-description">{{ description|safe }}</p>
        {% include '_messages.html.j2' %}
        <input type="hidden" name="csrf_token" value="{{ get_csrf_token() }}">
        {% for field in form.active_fields %}
            {% include '_field.html.j2' %}
        {% endfor %}
        <div id="{{ 'form-%s-buttons' % form.name }}" class="form-buttons">
            <a href="{{ request.fullpath }}" class="button grayed">{% trans %}Discard changes{% endtrans %}</a>
            <button type="submit" name="send" class="button">{% trans %}Save{% endtrans %}</button>
        </div>
    </form>
{% if is_xhr is not defined %}
    {% set ipv6_test = form.current_data["wan6_proto"] != "none" %}
    {% include "config/_connection_test.html.j2" %}
</div>
<script>
  Foris.addWsHanlder("networks", (msg) => Foris.clearNetworkWarnings("wan", msg.data));
</script>
{% endif %}
{% endblock %}