{% extends 'components/inline_form.html' %}
{% load i18n %}

{% block header %}
{% trans "Add IP address" %}
{% endblock %}

{% block form %}
<form name="add-address" method="post" action="{% url 'settings-ip-blocks' %}">
    <div class="block">
        {% trans "Use IP address blocks with caution, and consider using blocks only temporarily, as IP addresses are often shared or change hands. If you block your own IP, you will not be able to access this page." %}
    </div>

    {% csrf_token %}

    <div class="field">
        <label class="label" for="id_address">
            {% trans "IP Address:" %}
        </label>
    </div>

    <div class="field">
        <input type="text" name="address" maxlength="255" class="input" required="" id="id_address" placeholder="190.0.2.0/24">
    </div>

    {% for error in form.address.errors %}
    <p class="help is-danger">{{ error | escape }}</p>
    {% endfor %}

    <div class="field">
        <div class="control">
            <button type="submit" class="button is-primary">{% trans "Add" %}</button>
        </div>
    </div>
</form>
{% endblock %}