{% set layout = "ClarolineCoreBundle:Workspace:layout.html.twig" %}

{% if isDesktop() %}
    {% set layout = "ClarolineCoreBundle:Desktop:layout.html.twig" %}
    {% block breadcrumb %}
        {{
            macros.breadcrumbs([
                {
                    'icon': 'fa fa-briefcase',
                    'name': 'desktop'|trans({}, 'platform'),
                    'href': path('claro_desktop_open')
                },
                {
                    'name': 'question creation' | trans,
                    'href': ''
                }
            ])
        }}
    {% endblock %}
{% endif %}

{% extends layout %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bundles/ujmexo/css/tableLayout.css') }}" type="text/css" rel="stylesheet"/>
{% endblock %}

{% block title %} {{ 'question creation' | trans }} {% endblock %}

{% if _resource is defined %}
    {% block resourceBreadcrumb %}
        <li><a href="{{ path('claro_resource_open', { 'resourceType': _resource.resourceNode.resourceType.name(), 'node': _resource.resourceNode.id }) }}">{{ _resource.getResourceNode().getName() }}</a></li>
        <li><a href="{{ path('ujm_exercise_questions', { 'id': exoID }) }}">{{ 'my questions' | trans }}</a></li>
        <li class="active">{{ 'question creation' | trans }}</li>
    {% endblock %}
{% endif %}

{% block section_content %}

    {% set al = '' %}

    {% for key,value in linkedCategory %}
        {% set al = al ~ key ~ '/' ~ value ~ ';' %}
    {% endfor %}
    {% if locker != "" %}        
        <input type="hidden" id="locker" value="{{locker.value}}"> 
    {% endif %}
    <input type="hidden" id="categoryArray" value="{{al}}"/>

    <div class="panel-heading">
        <h3 class="panel-title">{{ 'question creation' | trans }}</h3>
    </div>
    <div class="panel-body">
        {% if exoID == -1 %}
            <a class="btn btn-primary" href="{{ path('ujm_question_index') }}">
                <i class="fa fa-arrow-left"></i> {{ 'back to the list' | trans }}
            </a>
        {% else %}
            <a class="btn btn-primary" href="{{ path('ujm_exercise_questions', { 'id': exoID }) }}">
                <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
            </a>
        {% endif %}
    </div>
    <div class="list-group">
        <div class="list-group-item">
            <form name="form_type_question">
                <div class="form-group row">
                <label class="col-md-3 control-label" for="menu_type_question">{{ 'kind of question' | trans }}?&nbsp;&nbsp;</label>
                <div class="col-md-9">
                    <select class="form-control" name="menu_type_question" id="menu_type_question" onchange="cherche_type('{{ 'warning_change_type_q' | trans }} ?', '{{ exoID }}', '{{ path('ujm_question_display_form_type')}}' )">
                        <option selected="selected" disabled>{{ 'choose_type' | trans }}</option>
                        <option value="1">{{ 'Inter_Hole.html' | trans }}</option>
                        <option value="2">{{ 'qcm' | trans }}</option>
                        <option value="3">{{ 'graphic' | trans }}</option>
                        <option value="4">{{ 'open' | trans }}</option>
                        <option value="5">{{ 'matching' | trans }}</option>
                    </select>
                </div>
                </div>
            </form>
        </div>
          
    </div>
    </div>{# end div of extend panel #}
    <div id="formulaire_interactions">
        {% if formWithError is defined %}
            {{ formWithError | raw }}
        {% endif %}
    {# no need end div (extend panel) #}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/question.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/allQuestionsType.js') }}"></script> 
{% endblock %}