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

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">Home</a>
  &rsaquo; <a href="{% url 'admin:db_snapshots_snapshot_changelist' %}">Snapshots</a>
  &rsaquo; Dump
</div>
{% endblock %}

{% block content %}
<div id="content-main">
  {% if inline %}
    <p class="errornote">
      The task backend runs tasks immediately, so this dump will run inside this request.
      Configure a background backend in <code>TASKS</code> before dumping a large database.
    </p>
  {% endif %}
  <form method="post">
    {% csrf_token %}
    {{ form.non_field_errors }}
    <fieldset class="module aligned">
      <div class="form-row">
        {{ form.name.errors }}
        <label for="id_name" class="required">Name:</label> {{ form.name }}
        <div class="help">{{ form.name.help_text }}</div>
      </div>
      <div class="form-row">
        <label>{{ form.include_dependencies }} Include dependencies</label>
        <div class="help">{{ form.include_dependencies.help_text }}</div>
      </div>
    </fieldset>

    <p>Choose models, or none for every model. Never dumped: {{ excluded|join:", " }}.</p>
    {% for group in groups %}
      <fieldset class="module">
        <h2>
          <label><input type="checkbox" data-app="{{ group.label }}" class="snapshot-app"> {{ group.name }}</label>
        </h2>
        <div style="padding:6px 10px">
          {% for model in group.models %}
            <label style="display:inline-block;min-width:16em;margin:2px 0"
                   title="{{ model.label }}{% if model.needs %} - also dumps {{ model.needs }}{% endif %}">
              <input type="checkbox" name="models" value="{{ model.label }}" data-app-of="{{ group.label }}"
                {% if model.checked %}checked{% endif %}>
              {{ model.name }}
            </label>
          {% endfor %}
        </div>
      </fieldset>
    {% endfor %}
    <div class="submit-row"><input type="submit" value="Dump" class="default"></div>
  </form>
</div>
<script>
  document.querySelectorAll(".snapshot-app").forEach(function (box) {
    box.addEventListener("change", function () {
      document.querySelectorAll('[data-app-of="' + box.dataset.app + '"]').forEach(function (model) {
        model.checked = box.checked;
      });
    });
  });
</script>
{% endblock %}