{% extends "admin/base_site.html" %}

{% load admin_static admin_list i18n %}
{% load url from future %}

{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" type="text/css" href="{% static "admin/css/changelists.css" %}" />
  <link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}" />

  <style type="text/css" media="all">
    .conftable { width: 100% }
    .conftable td, .conftable th { vertical-align: middle }
    .conftable th { text-align: left; width: 100px }
  </style>

  {% for form in forms %}
    {{ form.form.media.css }}
  {% endfor %}

{% endblock %}

{% block extrahead %}
  {{ block.super }}

  <script src="{% static 'admin/js/jquery.js' %}"></script>

  {% for form in forms %}
    {{ form.form.media.js }}
  {% endfor %}

{% endblock %}

{% block bodyclass %}change-list{% endblock %}

{% block breadcrumbs %}
  <div class="breadcrumbs">
    <a href="../../">{% trans "Home" %}</a>
    &rsaquo;
    <a href="../">{% trans "Dbconfig" %}</a>
    &rsaquo;
    {% trans "Config" %}
  </div>
{% endblock %}

{% block coltype %}flex{% endblock %}

{% block content %}
  <div id="content-main">
    <form method="post" action="./" enctype="multipart/form-data">
      {% csrf_token %}
      {% for form in forms %}
        <div class="module">
          <table class="conftable">
            {% if form.name %}
                <caption>{{ form.name }}</caption>
            {% endif %}
            {{ form.form.as_table }}
          </table>
        </div>
      {% endfor %}
      <div class="submit-row">
        <input type="submit" value="Save" class="default" name="_save" />
      </div>
    </form>
  </div>
{% endblock %}