{% extends "admin/change_list.html" %}
{% load url from future %}
{% load admin_list i18n %}

{% block extrahead %}
{{ block.super }}
<script type="text/javascript">
(function ($) {
    $(document).ready(function () {
        $('#json_upload_file').change(function (event) {
            $('#json_upload_form').submit();
        });
        $('#json_upload_button').click(function (event) {
            event.preventDefault();
            $('#json_upload_file').trigger('click');
        });
    });
})(django.jQuery);
</script>
{% endblock %}

{% block object-tools %}
<form id="json_upload_form" method="POST" action="{% if cl.opts.module_name == 'textbox' %}{% url 'bento-text-import' %}{% endif %}{% if cl.opts.module_name == 'imagebox' %}{% url 'bento-image-import' %}{% endif %}" enctype="multipart/form-data" style="visibility:hidden">
    {% csrf_token %}
    <input id="json_upload_file" type="file" name="json_file" />
  </form>
  {% if has_add_permission %}
    <ul class="object-tools">
      <li>
        <a href="" id="json_upload_button" class="addlink">
          {% blocktrans with cl.opts.verbose_name_plural as name %}JSON Import {{ name }}{% endblocktrans %}
        </a>
      </li>
      <li>
        <a href="add/{% if is_popup %}?_popup=1{% endif %}" class="addlink">
          {% blocktrans with cl.opts.verbose_name as name %}Add {{ name }}{% endblocktrans %}
        </a>
      </li>
    </ul>
  {% endif %}
{% endblock %}