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

{% if isDesktop() %}
    {% set layout = "ClarolineCoreBundle:Desktop:layout.html.twig" %}
{% endif %}

{% extends layout %}

{% block title %} {{ 'findQuestion' | trans }} {% endblock %}

{% block section_content %}

    <div class="panel-heading">
        <h3 class="panel-title">{{ 'findQuestion' | trans }}</h3>
    </div>

    <div class="panel-body">

        {% if exoID == -1 %}
            <a href="{{ path('ujm_question_index') }}" class="btn btn-primary">
                <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
            </a>
        {% else %}
            <a class="btn btn-primary" href="{{ path('ujm_exercise_import_question', { 'exoID':  exoID }) }}">
                <i class="fa fa-arrow-left"></i> {{ 'back' | trans }}
            </a>
        {% endif %}
    </div>

    <div class="list-group">
        <div class="list-group-item">

            <form id="searchQuestionForm" enctype="multipart/form-data" method="post" action="{{ path('ujm_question_searchQuestion') }}">

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ 'findBy'|trans }}</h3>
                    </div>
                    <div class="panel-body">
                        <input type="radio" name="QuestionSearch" value="Category" checked/> {{ 'category'|trans }}
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="QuestionSearch" value="Type"/> {{ 'type'|trans }}
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="QuestionSearch" value="Title"/> {{ 'title'|trans }}
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="QuestionSearch" value="Contain"/> {{ 'containSearch'|trans }} ...
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="QuestionSearch" value="All"/> {{ 'all'|trans }}
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ 'findIn'|trans }}</h3>
                    </div>
                    <div class="panel-body">
                        <input type="radio" name="WhereSearch" value="my" checked/> {{ 'my questions'|trans }}
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="WhereSearch" value="shared"/> {{ 'my shared questions'|trans }}
                        &nbsp;&nbsp;|&nbsp;&nbsp;
                        <input type="radio" name="WhereSearch" value="all"/> {{ 'all'|trans }}
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ 'findWhat'|trans }}</h3>
                    </div>
                    <div class="panel-body">
                        <div class="input-group">
                            <input type="text" class="form-control" id="what2search" placeholder="{{ 'search'|trans({}, 'platform') }}"
                                onkeydown="if (event.keyCode == 13) {
                                    searchQuestion('{{ path('ujm_question_searchQuestion') }}', 1, {{ exoID}});
                                    return false; }">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="button" id="SubmitSearchQuestion"
                                    onClick="searchQuestion('{{ path('ujm_question_searchQuestion') }}', 1, {{ exoID}});">
                                <i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="resultSearch" class="panel-body">
        {% if divResultSearch is defined %}
            {{ divResultSearch | raw }}
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="{{ asset('bundles/ujmexo/js/sortAndSearch.js') }}"></script>
    {% include "UJMExoBundle:Partial:modal/confirmDelQuestion.html.twig" %}
{% endblock %}