{% extends 'base.html' %}

{% load staticfiles %}

{% block title %}
    Expe {{ expe_name }}
{% endblock %}

{% block content %}
    
    <h3>Results files of experiences</h3>
    <br />

    <div class="results-expe">

        {% if expe %}
            <h4>{{expe}}</h4>

            <br/>
            {% if folders %}

                <ul class="list-group">

                {% for name, folder in folders.items %} 
                    <a href="#" class="date-folder-list">
                        <li class="list-group-item">
                            
                            <div class="row">
                                <div class="col-md-11">{{name}} </div>
                                <div class="col-md-1"><i class="fas fa-arrow-circle-right"></i></div>
                            </div>
                            

                            <ul class="list-group files-list" style="display: none">

                                <hr />
                                {% for f in folder %}
                                    <li class="list-group-item">{{f}}</li>
                                {% endfor %}
                            </ul>
                        </li>
                    </a>
                {% endfor %}

                </ul>

            {% else %}
                <div class="alert alert-warning" role="alert">
                    <i>Expe folder is empty</i>
                </div>
            {% endif %}
        {% else %}
             {% for f in folders %}
                <ul class="list-group">
                    <li class="list-group-item"><a href="{% url 'expe:results_expe' expe=f %}">{{f}}</a></li>
                </ul>
            {% endfor %}
        {% endif %}
    </div>

    {% block javascripts %}
        <script src="{% static "js/results.js" %}"></script>
    {% endblock %}
{% endblock %}