{% extends 'base.html' %}
{% load form_helpers %}

{% block content %}
    <form action="" method="post" enctype="multipart/form-data" class="form form-horizontal">
        {% csrf_token %}
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <h3>{% block title %}Example Plugin Configuration{% endblock title %}</h3>
                <p>
                    A plugin can implement this page if it has various configuration options that make sense to
                    view and/or update via the web UI (as opposed to configuring them under <code>PLUGINS_CONFIG</code>
                    in <code>nautobot_config.py</code>). The below is just a simple example.
                </p>
                {% block form %}
                    <div class="panel panel-default">
                        <div class="panel-heading"><strong>Configuration Options</strong></div>
                        <div class="panel-body">
                            {% block form_fields %}
                                {% render_form form %}
                            {% endblock %}
                        </div>
                    </div>
                {% endblock form %}
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-md-offset-3 text-right">
                <button type="submit" class="btn btn-primary">Update Configuration</button>
            </div>
        </div>
    </form>
{% endblock content %}