{% extends "base.html" %}

{% block title %}Reserve Prefix {{ prefix_cidr }}{% endblock title %}

{% block content %}
<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Reserve Prefix</h3>
            </div>
            <div class="panel-body">
                <div class="well">
                    <dl class="dl-horizontal" style="margin-bottom: 0;">
                        <dt>Prefix</dt>
                        <dd><strong>{{ prefix_cidr }}</strong></dd>
                        <dt>Namespace</dt>
                        <dd>{{ namespace }}</dd>
                        <dt>Type</dt>
                        <dd>Network</dd>
                        <dt>Status</dt>
                        <dd><span class="label label-info">Reserved</span></dd>
                        <dt>RIR</dt>
                        <dd>ARIN</dd>
                        <dt>Date Allocated</dt>
                        <dd>Now</dd>
                    </dl>
                </div>

                <form method="post" class="form-horizontal">
                    {% csrf_token %}
                    <input type="hidden" name="prefix" value="{{ prefix_cidr }}">
                    <input type="hidden" name="namespace" value="{{ namespace.pk }}">

                    {% for field in form %}
                    <div class="form-group{% if field.errors %} has-error{% endif %}">
                        <label for="{{ field.id_for_label }}" class="col-md-3 control-label">
                            {{ field.label }}
                            {% if field.field.required %}<span class="text-danger">*</span>{% endif %}
                        </label>
                        <div class="col-md-9">
                            {{ field }}
                            {% if field.help_text %}
                            <span class="help-block">{{ field.help_text }}</span>
                            {% endif %}
                            {% for error in field.errors %}
                            <span class="help-block text-danger">{{ error }}</span>
                            {% endfor %}
                        </div>
                    </div>
                    {% endfor %}

                    <div class="form-group">
                        <div class="col-md-9 col-md-offset-3">
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-check-bold"></i> Reserve Prefix
                            </button>
                            <a href="{% url 'plugins:nautobot_ip_availability:prefix_availability' %}" class="btn btn-default">
                                Cancel
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock content %}