{% extends "admin/base_site.html" %}
{% load i18n %}
{% load adminmedia admin_list i18n %}


{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" type="text/css" href="{% admin_media_prefix %}css/changelists.css" />
  <link rel="stylesheet" type="text/css" href="{% admin_media_prefix %}css/forms.css" />
  {{ media.css }}
<style>
#result_list .changed {
    background-color: #ff9;
}
#result_list .changed td.value_name{
    font-weight: bold;
}
#result_list td{
    vertical-align: middle;
}

#result_list th.help_text{
    width: 40%;
}

#result_list td.value_name{
    text-align: left !important;
}

</style>
{% endblock %}

{% block extrahead %}
{% url admin:jsi18n as jsi18nurl %}
<script type="text/javascript" src="{{ jsi18nurl|default:'../../jsi18n/' }}"></script>
{{ block.super }}
{{ media.js }}
<script type="text/javascript">
(function($) {
    $(document).ready(function($) {
        $("tr input.action-select").actions();
    });
})(django.jQuery);
</script>
{% endblock %}


{% block content %}
  <div id="content-main">
    <div class="module" id="changelist">
        <form id="changelist-form" action="" method="post">{% csrf_token %}
            <table cellspacing="0" id="result_list" width="100%">
                <tr class="name">
                    <th>Name</th>
                    <th>Default</th>
                    <th>Value</th>
                    <th class="help_text">Help text</th>
                </tr>
                {% for item in config %}
                    <tr {% ifnotequal item.value item.default %} class="changed" {% endifnotequal %}>
                        <td class="value_name">{{item.name}}</td>
                        <td>{{item.default}}</td>
                        <td>
                            {{item.form_field.errors}}
                            {{item.form_field}}
                        </td>
                        <td>{{item.help_text}}</td>
                    </tr>
                {% endfor %}
            </table>
           <div class="submit-row" >
               <input type="submit" value="{% trans "Save" %}" class="default" name="_save" />
           </div> 
        </form>
    </div>
  </div>
{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="../../">
    {% trans "Home" %}
  </a>
   &rsaquo; 
   <a href="../">
     {{ app_label|capfirst }}
  </a>
  &rsaquo; 
  {{ opts.verbose_name_plural|capfirst }}
</div>
{% endblock %}