{% extends 'generic/object_list.html' %}
{% load buttons %}
{% load helpers %}
{% load i18n %}
{% load perms %}
{% load plugins %}
{% load static %}
{% load ui_framework %}
{% load render_table from django_tables2 %}

{% block breadcrumbs_wrapper %}
{% endblock breadcrumbs_wrapper %}

{% block header %}
    <div class="row noprint">
        <div class="{% if search_form %}col-sm-8 col-md-9 {% else %} col-md-12 {% endif %}">
            {% captureas default_breadcrumbs %}
                {% if list_url %}
                    <li><a href="{% url list_url %}">{{ title }}</a></li>
                {% endif %}
            {% endcaptureas %}

            {% captureas block_breadcrumbs %}
                {% block breadcrumbs %}
                    {% if list_url %}
                        <li><a href="{% url list_url %}">{{ title }}</a></li>
                    {% endif %}
                    {% block extra_breadcrumbs %}{% endblock extra_breadcrumbs %}
                {% endblock breadcrumbs %}
            {% endcaptureas %}

            {% render_breadcrumbs default_breadcrumbs block_breadcrumbs %}
        </div>
        {% if search_form %}
            <div class="col-sm-4 col-md-3">
                <form method="GET" id="device-search-form" action="{% url 'plugins:netpicker:mappeddevice_list' %}">
                    <div class="input-group">
                        {{ search_form.q }}
                        <span class="input-group-btn">
                            <button type="submit" class="btn btn-primary" id="search-btn">
                                <i class="mdi mdi-magnify"></i>
                            </button>
                        </span>
                    </div>
                </form>
            </div>
        {% endif %}
    </div>
{% endblock header %}

{% block header_extra %}
    <div class="mb-8 d-flex justify-content-end">
        <form method="POST" action="{% url 'plugins:netpicker:mappeddevice_refresh' %}" style="display: inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-primary">
                <span class="mdi mdi-refresh"></span> Refresh
            </button>
        </form>
    </div>
{% endblock header_extra %}