{% extends "trainings/trainingactivity_base_detail.html" %}

{% load i18n template_tools %}

{% block main %}
    <div class="clearfix">
        <div class="pull-left">
            <p>{{ workshop.description }}</p>
            <p>
                {% if workshop.is_assessing %}
                    {% trans 'Assessing quiz' %}
                    {% if workshop.is_steps_order_random %}
                        - {% get_verbose_field_name workshop "is_steps_order_random" %}
                    {% endif %}
                    {% if workshop.are_questions_mandatory %}
                        - {% get_verbose_field_name workshop "are_questions_mandatory" %}
                    {% endif %}
                    {% if workshop.is_questions_answers_order_random %}
                        - {% get_verbose_field_name workshop "is_questions_answers_order_random" %}
                    {% endif %}
                    {% if workshop.needs_approval %}
                        - {% get_verbose_field_name workshop "needs_approval" %}
                    {% endif %}
                {% else %}
                    {% if workshop.is_broadcastable %}
                        {% trans 'Live voting' %}
                    {% else %}
                        {% trans 'Quiz' %}
                    {% endif %}
                    {% if workshop.enable_score %}
                        - {% get_verbose_field_name workshop "enable_score" %}
                    {% endif %}
                {% endif %}
            </p>
        </div>
        <div class="pull-right">
            {% if workshop.training.is_editable %}
                <a href="{{ workshop.get_edit_url }}" class="btn btn-primary dialog-box">
                    <i class="fa fa-pencil"></i>
                    {% trans 'Modify parameters' %}
                </a>
            {% endif %}
        </div>
    </div>
    <hr>
    <div class="clearfix">
        <h4>
            {% trans 'Steps' %}
            {% if steps and workshop.training.is_editable %}
                <a href="{{ workshop.get_steps_sort_url }}" class="btn btn-primary">
                    <i class="fa fa-sort"></i>
                    {% trans 'Sort steps' %}
                </a>
                <a href="{{ workshop.get_steps_delete_url }}" class="btn btn-danger">
                    <i class="fa fa-trash"></i>
                    {% trans 'Delete steps' %}
                </a>
            {% endif %}
        </h4>
        {% if workshop.training.is_editable %}
            <div class="navbar navbar-fixed-bottom activity-action text-center dropup">
                <div class="btn-group">
                    <button type="button" class="btn btn-primary dropdown-toggle navbar-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {% trans 'Add a new step' %} <i class="fa fa-caret-up"></i>
                    </button>
                    <ul class="dropdown-menu">
                        {% for step_type in workshop.available_step_types %}
                            <li>
                                <a href="{{ step_type.create_url }}">
                                    <i class="fa fa-plus"></i>
                                    {% trans 'New ' %} {{ step_type.verbose_name }}
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        {% endif %}
    </div>
    <hr>
    <ol class="media-list media-list-numbered">
        {% for step in steps %}
            <li class="media">
                {% if step.step_name == 'image' %}
                <div class="media-left">
                    <a href="#">
                        <img class="media-object" src="{{ step.image.url }}" alt="" style="max-width: 100px; max-height: 100px;">
                    </a>
                </div>
                {% endif %}
                <div class="media-body clearfix">
                    <div class="pull-left">
                        <h4 class="media-heading">
                            {{ step.title }}
                        </h4>
                        <ul class="list-unstyled">
                        {% for answer in step.answers.non_deleted %}
                            <li class="answer">
                                <span class="correct-flag">
                                    {% if answer.is_correct %}
                                        <i class="fa fa-check"></i>
                                    {% endif %}
                                </span>
                                {{ answer.label }}
                            </li>
                        {% endfor %}
                        </ul>
                    </div>
                    {% if workshop.training.is_editable %}
                        <div class="pull-right">
                            <a href="{{ step.get_edit_url }}" class="btn btn-primary">
                                {% trans 'Edit' %}
                            </a>
                        </div>
                    {% endif %}
                </div>
            </li>
        {% endfor %}
    </ol>
{% endblock %}