{% extends "layout/2-columns-left.html" %}
{% load i18n waffle_tags template_tools compress %}

{% block page-header %}{% endblock %}
{% block subtitle %}{% endblock %}
{% block actions %}{% endblock %}

{% block head %}
    {{ block.super }}
    
    {% compress css %}
        <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.datetimepicker.css" type="text/css" media="screen" charset="utf-8" />
    {% endcompress %}
    
    {% compress js %}
        <script type="text/javascript" src="{{ STATIC_URL }}common/js/ajax-modal.js"></script>
        <script type="text/javascript" src="{{ STATIC_URL }}common/js/sticky-table-header.js"></script>
        <script type="text/javascript" src="{{ STATIC_URL }}common/js/modernizr.min.js"></script>
        <script type="text/javascript" src="{{ STATIC_URL }}trainings/js/jquery.datetimepicker.js"></script>
    {% endcompress %}

    <script type="text/javascript">
        $(document).ready(function() {
            // Checking support for <input type="date"> using Modernizr:
            // http://modernizr.com/
            if (!Modernizr.inputtypes.date) {
                var options = {
                    format: '{{ DATE_INPUT_FORMAT }}',
                    lang:'{{ LANGUAGE_CODE }}',
                    timepicker: false
                };
                $( "#id_start_date_0" ).datetimepicker(options);
                $( "#id_start_date_1" ).datetimepicker(options);
            }
        });
    </script>
{% endblock %}

{% block column_left %}
    <div class="alert alert-info">
        {{ STATES.NOT_YET_OPEN.display }}
    </div>
    <div class="alert alert-success">
        {{ STATES.OPEN.display }}
    </div>
    <div class="alert alert-danger">
        {{ STATES.CLOSED.display }}
    </div>
{% endblock %}

{% block column_main %}
    <div class="clearfix">
        <h1 class="page-title pull-left no-margin">{% trans "Sessions list" %}</h1>
        <div class="pull-right">
            {% if user.is_staff %}
                {% switch 'enable_assessments' %}
                    <div style="display: inline-block" id="sessions-scores-exportation-wrapper" data-toggle="popover">
                        <a href="{% url 'assessments:export-sessions-scores-list' %}?{{ view.request.GET.urlencode }}"
                           class="btn btn-info {% if not selected_training.is_assessing %}disabled{% endif %}">
                            <i class="fa fa-download"></i> {% trans 'Export Assessment Scores' %}
                        </a>
                    </div>
                {% endswitch %}
                {% comment 'Hide the create button until the frontend know how to handle the "ready to launch session"' %}
                <a href="{% url 'trainings:session-add' %}" class="btn btn-primary">
                    <i class="fa fa-plus"></i> {% trans 'Create a session' %}
                </a>
                {% endcomment %}
            {% endif %}
        </div>
    </div>
    <div class="row session-list-filters">
        <div class="col-md-8">
            {% include 'trainings/_list_filters.html' with form=filter.form %}
        </div>
        <div class="col-md-4">
            {% if is_paginated %}
                <div class="pull-right">
                    {% pagination form_id="filters" %}
                </div>
            {% endif %}
        </div>
    </div>
    <div class="panel panel-default scrolling-table-wrapper">
        <table class="table table-hover sessions-table">
            <thead>
                <tr>
                    <th></th>
                    <th>{% trans 'Training' %}</th>
                    <th>{% trans 'Trainer' %}</th>
                    <th>{% trans 'Start date' %}</th>
                    <th>{% trans 'End date' %}</th>
                    <th>{% trans 'Participants' %}</th>
                </tr>
            </thead>
            <tbody>
                {% for session in trainingsession_list %}
                    {% spaceless %}
                        <tr class="session-row 
                            {% if session.state == session.STATE_CHOICES.CLOSED %}
                                danger
                            {% elif session.state == session.STATE_CHOICES.OPEN %}
                                success
                            {% elif session.state == session.STATE_CHOICES.NOT_YET_OPEN %}
                                info
                            {% endif %}
                        ">
                    {% endspaceless %}
                        <td>
                            <div class="btn-group session-actions dropdown">
                                <button type="button" class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-ellipsis-h fa-2x"></i>
                                </button>
                                <ul class="dropdown-menu">
                                    {% if user.is_staff %}
                                        {% comment %}
                                            <li>
                                              <a href="{% url 'accounts:users_import' session_id=session.id %}">
                                                <i class="fa fa-file"></i> {% trans 'Import trainees' %}</a>
                                            </li>
                                        {% endcomment %}
                                        <li>
                                            <a href="{{ session.get_export_results_url }}" class="dialog-box">
                                                <i class="fa fa-arrow-down"></i> {% trans 'Export results' %}
                                            </a>
                                        </li>
                                        {% switch "enable_assessments" %}
                                            {% if session.is_closed and session.is_assessing %}
                                                <li>
                                                    {% if session.redis_instance.is_assessment_computation_locked %}
                                                        <a style="cursor: not-allowed">
                                                            <span class="text-muted">
                                                                <i class="fa fa-cog fa-spin fa-fw"></i> {% trans 'Computing assessment scores...' %}
                                                            </span>
                                                        </a>
                                                    {% else %}
                                                        <a href="{% url 'assessments:export-sessions-scores-detail' session_uuid=session.id %}">
                                                            <i class="fa fa-arrow-down"></i> {% trans 'Export assessment' %}
                                                        </a>
                                                    {% endif %}
                                                </li>
                                            {% endif %}
                                        {% endswitch %}
                                        {% if session.state == session.STATE_CHOICES.OPEN %}
                                            <li>
                                                <a href="{{ session.get_token_url }}" class="dialog-box">
                                                    <i class="fa fa-key"></i>
                                                    {% trans 'Token' %}
                                                </a>
                                            </li>
                                        {% endif %}
                                        <li>
                                            <a href="{{ session.get_photostory_list_url }}">
                                                <i class="fa fa-picture-o"></i> {% trans 'Photostories' %}
                                            </a>
                                        </li>
                                        {% if user.is_superuser or session.trainer == user %}
                                            {% if session.state != session.STATE_CHOICES.CLOSED %}
                                                <li>
                                                    <a href="{{ session.get_close_url }}?next={{ view.request.get_full_path|urlencode }}" class="dialog-box">
                                                        <i class="fa fa-close"></i> {% trans 'Close' %}
                                                    </a>
                                                </li>
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}
                                </ul>
                            </div>    
                        </td>    
                        <td>
                            {% if user.is_staff %}
                                <a href="{{ session.get_absolute_url }}?next={{ view.request.get_full_path|urlencode }}">
                                    {{ session.training.name }}
                                </a>
                            {% else %}
                                {{ session.training.name }}
                            {% endif %}
                        </td>
                        <td>{{ session.trainer.last_name }}</td>
                        <td>{{ session.start_date }}</td>
                        <td>{{ session.end_date }}</td>
                        <td>{{ session.users.all.count }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>    
    <script type="text/javascript">
        $(document).ready(function(){
            // We implement a popover for sessions scores exportation button
            {% if not selected_training.is_assessing %}
                {% trans "Please, select an assessing training to activate consolidated export." as assessment_export_msg %}
                $('#sessions-scores-exportation-wrapper').popover({
                    trigger: 'hover',
                    content: '{{ assessment_export_msg|escapejs }}',
                    placement: 'bottom'
                });
            {% endif %}
            $('.sessions-table').stickyTableHeaders({scrollableArea: $('.scrolling-table-wrapper'), "fixedOffset": 1});
        });
    </script>
{% endblock %}