{% extends 'base.html.twig' %}
{% block usercss %}
    {{ parent() }}
    <link href="{{ asset('bundles/app/timer/timeTo.css')}}" rel="stylesheet">
    <style>
        .timerContainer{
            min-height: 75px;
            text-align: center;
        }
        .message{
            font-weight: bold;
            font-size: 25px;
            color:blue;
        }
    </style>
{% endblock %}
{% block body %}

    <div class="row">
        <div class="col-lg-12">
            {% if status == "exam_exist" %}
                <div class="alert alert-danger">
                    You can not select any other exam/question set untill finish this. <a class="alert-link" id="go-prev-exam" href="javascript:void(0)" data-link="{{ path('candidate_exam_set_answering',{id : questionset.guid}) }}">Click here</a> to go {{ questionset.questionset }} of {{ questionset.examid.examname }}.
                </div>
            {% endif %}
            <div >
                <h3><strong>{{ questionset.examid.examname }}</strong></h3>
                {#                <h3><strong>{{ questionset.questionset }}</strong></h3>#}
            </div>
            <div>
                Questions : {{ questionset.examid.maxquestions }}
            </div>
            <div>
                Duration : {{ questionset.examid.duration }} Minutes.
            </div>
            <div >
                <h3>  Exam Description </h3>
            </div>
            <div>
                {{ questionset.examid.description|raw }}
            </div>
            <div >
                <h3>  Instructions </h3>
            </div>
            <div>
                {{ questionset.examid.instructions|raw }}</span>
            </div>
            {% if status == "new_exam" %}
                {% form_theme form 'AppBundle:Form:form_div_layout.html.twig' %}
                <div class="row">
                    {% if exam_type == 1 %}
                        <div class="col-lg-12">
                            {{ form_start(form) }}
                            <div class="form-group">
                                {{ form_label(form.invigilator_code) }}
                                {{ form_widget(form.invigilator_code) }}
                                {{ form_errors(form.invigilator_code) }}
                            </div>
                            <div class="form-group">
                                {{ form_widget(form.submit) }}
                                {{ form_end(form) }}
                            </div>
                        {% else %}
                            {{ form(form) }}
                        {% endif %}
                    </div>
                </div>
            {% endif %}
        </div>
    </div>

{% endblock %}
{% block userscripts %}
    <script type="text/javascript">

        $(document).ready(function () {
            $("#go-prev-exam").click(function () {
                var ths = $(this);
                var link = ths.data("link");
        {#                window.open(link,"_self","channelmode=yes,fullscreen=yes,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no");#}
                    window.close();
                    var height = window.height;
                    var width = window.width;
                    window.open(link, "_parent", "width="+width+",height="+height+",channelmode=yes,fullscreen=yes,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no");
                });
            });
    </script>

{% endblock %}