{% extends 'base.html.twig' %}

{% block usercss %}
    {{ parent() }}
    <style>
        @media
        only screen and (max-width: 760px),
        (min-device-width: 768px) and (max-device-width: 1024px)  { 

            /*
            Label the data
            */
            td:nth-of-type(1):before { content: "#"; }
            td:nth-of-type(2):before { content: "Exam Name"; }
            td:nth-of-type(3):before { content: "Duration(in Minutes)"; }
            td:nth-of-type(4):before { content: "Action"; }
        }
    </style>
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    Exam List
                </div>
                <!-- /.panel-heading -->
                <div class="panel-body">
                    <div  class="data_container">
                        <table class="table table-bordered" id="table_responsive">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Exam Name</th>
                                    <th>Duration(in Minutes)</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% set SlNo = 1 %}
                                {% for entity in exams %}
                                    <tr>
                                        <td> {{ SlNo }}</td>
                                        <td>{{ entity.examname }}</td>
                                        <td>{{ entity.duration }}</td>
                                        <td>
                                            {% for examset in entity.examset %}
                                                <a href="{{ path('candidate_exam_set_select',{'id':examset.guid}) }}">{{ examset.questionset }} </a>
                                                <br />
                                            {% endfor %}
                                            &nbsp;
                                        </td>
                                    </tr>
                                    {% set SlNo = SlNo + 1 %}
                                {% endfor %}
                            </tbody>
                        </table>
                        {{ knp_pagination_render(exams, 'AppBundle:Default:slidingAjax.html.twig') }}
                    </div>
                    <!-- /.table-responsive -->
                </div>
                <!-- /.panel-body -->
            </div>
            <!-- /.panel -->
        </div>
        <!-- /.col-lg-12 -->
    </div>
{% endblock %}
{% block userscripts %}
    <script type="text/javascript">
        $(document).ready(function () {

        });
        function __loadPage(path) {
            $.ajax({
                type: "POST",
                url: path,
                beforeSend: function () {
                    $("#ajax_loader_div").show();
                },
                success: function (html) {
                    var data_table = $(html).find(".data_container");
                    $(".data_container").html(data_table);
                },
                complete: function () {
                    $("#ajax_loader_div").hide();
                }

            });
        }
    </script>
{% endblock %}