{% extends 'generic/object_edit.html' %}
{% load static %}
{% load form_helpers %}
{% load helpers %}

{% block title %}Assign an IP Address{% endblock title %}

{% block tabs %}
  {% include 'ipam/inc/ipadress_edit_header.html' with active_tab='assign' %}
{% endblock %}

{% block content %}
    <form action="{% querystring request %}" method="post" class="form form-horizontal">
        {% csrf_token %}
        {% for field in form.hidden_fields %}
            {{ field }}
        {% endfor %}
        <div class="row mb-3">
            <div class="col col-md-8 offset-md-2">
                {% include 'ipam/inc/ipadress_edit_header.html' with active_tab='assign' %}
                <div class="card">
                    <h5 class="card-header">Select IP Address</h5>
                    <div class="card-body">
                        {% render_field form.vrf_id %}
                        {% render_field form.q %}
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col col-md-8 offset-md-2 text-end">
                <a href="{{ return_url }}" class="btn btn-outline-danger">Cancel</a>
                <button type="submit" class="btn btn-primary">Search</button>
            </div>
        </div>
    </form>
    {% if table %}
        <div class="row mb-3">
            <div class="col col-md-12">
                <h3>Search Results</h3>
                {% include 'utilities/obj_table.html' %}
            </div>
        </div>
    {% endif %}
{% endblock %}