{% extends "base.html" %}
{% load i18n %}

{% block subtitle %}
    {% blocktrans with training=session.training date=session.date|date:"j F Y" %}Brainstormer List of "{{ training }}" - {{ date }}{% endblocktrans %}
{% endblock subtitle %}

{% block actions %}
    <a class="btn btn-success" href="{{ session.get_brainstormer_create_url }}"><i class="fa fa-plus"></i> {% trans 'Add brainstormer' %}</a>
    <a class="btn btn-warning" href="{{ session.get_brainstormer_import_url }}"><i class="fa fa-plus"></i> {% trans 'Import' %}</a>
    <a class="btn btn-default" href="{{ session.get_list_url }}">{% trans 'Back to session list' %}</a>
{% endblock actions %}

{% block main %}
    <div class="row">
        {% for brainstormer in object_list %}
            <div class="modal fade" id="modal{{ brainstormer.id }}">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title">{% trans 'Export' %}</h4>
                        </div>
                        <div class="modal-body">
                            <p>{% trans "Export your data with the wanted format." %}</p>
                            <p class="connectTrello">{% trans "For export with trello, sign in please :" %}</p>
                            <button type="button" class="btn btn-warning connectTrello">{% trans "Connect Trello" %}</button>
                        </div>
                        <div class="modal-footer">
                            <a class="btn btn-primary" href="{{ brainstormer.get_export_xls_url }}">{% trans "XLS" %}</a>
                            <a class="btn btn-primary" href="{{ brainstormer.get_export_csv_url }}">{% trans "CSV" %}</a>
                            <button type="button" class="btn btn-primary exportTrello" data-idbrainstormer="{{ brainstormer.id }}">{% trans "Trello" %}</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Close" %}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading text-center">
                        {% trans 'Brainstormer' %} "<i>{{ brainstormer }}</i>"
                        <span class="btn-group pull-right">
                            {% if user.is_trainer or user.is_superuser %}
                                <a class="btn btn-xs btn-warning" href="{{ brainstormer.get_update_url }}"><i class="fa fa-pencil"></i></a>
                                <a class="btn btn-xs btn-danger" href="{{ brainstormer.get_delete_url }}"><i class="fa fa-trash"></i></a>
                            {% endif %}
                        </span>
                    </div>
                    <div class="panel-body">

                        {% with num_props=brainstormer.get_propositions|length num_grouped_props=brainstormer.get_grouped_propositions|length %}
                            <div class="row">
                                <div class="col-xs-6 text-center" style="padding-right:0">
                                    <strong>{{ num_grouped_props }}</strong>
                                    <div>{% trans 'group' %}{{ num_grouped_props|pluralize }}</div>
                                </div>
                                <div class="col-xs-6 text-center" style="padding-left:0">
                                    <strong>{{ num_props }}</strong>
                                    <div>{% trans 'proposition' %}{{ num_props|pluralize }}</div>
                                </div>
                            </div>
                        {% endwith %}

                        <br>
                        <div class="btn-group btn-group-justified">
                            <a class="btn btn-warning btn-sm" data-toggle="modal" data-target="#modal{{ brainstormer.id }}">
                                <i class="fa fa-download"></i> {% trans 'Export' %}
                            </a>
                            <a class="btn btn-primary btn-sm" href="{{ brainstormer.get_detail_url }}"><i class="fa fa-info"></i> {% trans 'Details' %}</a>
                        </div>
                    </div>
                </div>
            </div>
        {% empty %}
        <div class="alert alert-info">
            {% trans 'No brainstormers yet.' %}
        </div>
        {% endfor %}
    </div>
    <script src="https://api.trello.com/1/client.js?key=4242942443eb5f4116a8b9d059a3400d"></script>
    <script src="{{ STATIC_URL }}brainstormers/js/exportTrello.js"></script>
{% endblock main %}