{% include 'partials/head' %}

{% include 'partials/flash' %}

<section class="index main">
  {% for pair in resources %}
  {% assign name = pair[0] %}
  {% assign resource = pair[1] %}

    <section class="resource-category root
        {% if resource.groupBy %} grouped {% endif %}
        {% if resource.descending %} descending {% endif %}
        {% if resource.display %} {{resource.display}} {% endif %}
        {{name}}">
      <form action="{{resource.type}}/__batch__/" method="POST">
        <header>
          <h2>{{name | capitalize}}</h2>
        </header>
        <input type="hidden" name="_method" value="PUT">
        {% assign resourceJSON = resource.data[0][resource.groupBy] | stringify %}
        {% if resource.groupBy and resourceJSON != "{}" %}
          {% assign i = 0 %}
          {% for item in resource.data %}
            {% for pair in item[resource.groupBy] %}
              {% assign group = pair[0] %}
              {% assign members = pair[1] %}
              <section class="resource-category {{group}}">
                <header>
                  <h2>{{group | capitalize}}</h2>
                </header>
                <ol class="resource-list">
                  {% for data in members %}
                    <a href="{{resource.type}}/{{data.id}}/" {% if data.disabled %}class="disabled"{% endif %}>
                      {{data.title}}
                      <input class="resource-input" type="hidden" name="{{resource.type}}[{{increment i}}]"
                          value='{{data | stringify | escape_once}}'>
                    </a>
                  {% endfor %}
                </ol>
                <footer>
                  <nav>
                    <a class="btn cancel-btn" href="#">cancel</a>
                    <button type="submit"
                        class="btn save-btn" href="#">save</button>
                    <a class="btn edit-btn active" href="#">sort</a>
                    <a class="btn add-btn active" href="{{resource.type}}/__new__/">+</a>
                  </nav>
                </footer>
              </section>
            {% endfor %}
          {% endfor %}
        {% else %}
          {% assign resourceJSON = resource.data[0] | stringify %}
          {% if resourceJSON != "[]" %}
            <ol class="resource-list">
              {% for data in resource.data %}
                <a href="{{resource.type}}/{{data.id}}/" {% if data.disabled %}class="disabled"{% endif %}>
                  {% if resource.display == 'image' %}
                    <div class="image" style="background-image:url('{{data.image.uri}}')"></div>
                  {% else %}
                    {{data.title}}
                  {% endif %}
                  <input class="resource-input" type="hidden" name="{{resource.type}}[{{forloop.index0}}]"
                      value='{{data | stringify | escape_once}}'>
                </a>
              {% endfor %}
            </ol>
          {% endif %}
          <footer>
            <nav>
              <a class="btn cancel-btn" href="#">cancel</a>
              <button type="submit"
                  class="btn save-btn" href="#">save</button>
              <a class="btn edit-btn active" href="#">sort</a>
              <a class="btn add-btn active" href="{{resource.type}}/__new__/">+</a>
            </nav>
          </footer>
        {% endif %}
      </form>
    </section>
  {% endfor %}
</section>

{% include 'partials/tail' %}