{% extends 'dataviewer/base.html' %}
{%- block styles %}
{% resource g.main_css[6:] %}
{% endblock %}
{%- block scripts %}
{% resource 'base/main' %}
{% resource 'base/ckan' %}
{% if g.tracking_enabled %}
{% resource 'base/tracking.js' %}
{% endif %}
{% endblock -%}
{% block page %}

<div class="homepage layout-3">
    <a name="main_content" id="main_content" tabindex="-1"></a>
    <div role="main">
        <div class="container">
            <div class="row row2">
                <div class="span12 ">
                    <!-- Snippet home/snippets/promoted.html start -->
                    {% set tree = h.zip_tree(resource) %}
                    {% if not tree %}
                    Sorry, an error occurred and we are unable to display the files inside this archive.
                    {% else %}
                   <div class="module-content box" style="   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;">

                        <ul class="ziptree" style="list-style: none;">
                            {%- for item in tree recursive %}
                            <li style="list-style: none;    word-break: break-all;-ms-word-break:break-all;"><i class="icon-{{ item['icon'] }}"></i>  {{ item["title"] }}
                                {% if "file_size" in item %}
                                <small>({{item["file_size"]}})</small>
                                {% endif %}
                                {%- if item["children"] -%}
                                <ul class="subtree">{{ loop(item["children"]) }}</ul>
                                {%- endif %}
                            </li>
                            {%- endfor %}
                        </ul>
                       {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}