{% extends 'base.html.twig' %}
{% form_theme form 'form_table_layout.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(Minuntes)"; }
            td:nth-of-type(4):before { content: "Question Set"; }
            td:nth-of-type(5):before { content: "Finalized"; }
            td:nth-of-type(6):before { content: "Conclusions"; }
            td:nth-of-type(7):before { content: "Rank List"; }
            td:nth-of-type(8):before { content: "Actions"; }
        }
    </style>
{% endblock %}
{% block body  %}

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading"> <h6>Search Exam</h6> </div>
                <div class="panel-body">
                    <form method="get" action=".">
                        {{ form_rest(form) }}
                        <input type="submit" class="btn btn-info btn-sm" name="submit-filter" value="Search" />
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading"> <h6> Exam List</h6> </div>
                <div class="panel-body">
                    <div class="button_container">
                        <a title="Add New Exam" href="{{ path('exam_new') }}">
                            {#                            <i class="glyphicon glyphicon-log-in fa-3x"> </i> #}
                            <button class="btn btn-sm btn-primary"> Add New</button>
                        </a>
                    </div>
                    <div class="data_container">
                        <table class="table table-bordered" id="table_responsive" >
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Exam Name</th>
                                    <th>Duration(Minuntes)</th>
                                    <th>Question Set</th>
                                    <th>Finalized</th>
                                    <th>Conclusions</th>
                                    <th>Rank List</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% set slno = 1 %}
                                {% for entity in entities %}
                                    <tr>
                                        <td>{{ slno }}</td>
                                        <td>{{ entity.examName }} - {{ entity.examtype.examType }}</td>
                                        <td>{{ entity.duration }}</td>
                                        <td>
                                            {% for examset in entity.examset %}
                                                {{ examset.questionset }}
                                                <br />
                                            {% endfor %}                                    
                                        </td>
                                        <td>
                                            {% if entity.finalized == 0 %}
                                                No
                                            {% else %}
                                                Yes
                                            {%  endif%}
                                        </td>
                                        <td> 
                                            <a href="{{ path('exam_conclusions',{'examid' : entity.guid}) }}">
                                                <button class="btn btn-info btn-xs"> Add/View </button>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{ path('exam_ranklist',{'exam' : entity.guid}) }}" title="Rank List">
                                                <i class="fa fa-list-ol  fa-2x"> </i>
                                            </a>
                                            <a href="{{ path('exam_ranklist_excel',{'exam':entity.guid}) }}" title="Rank List Excel">
                                                <i class="fa fa-download fa-2x"> </i>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{ path('exam_show_question',{'examid' : entity.guid}) }}" title="View/Add Question">
                                                <i class="fa fa-plus-circle fa-2x"> </i>
                                            </a>
                                            {#<a  title="Show exam details" href="{{ path('exam_show', { 'id': entity.guid }) }}">
                                                <i class="fa fa-file-text-o fa-2x"> </i>
                                            </a>#}
                                            <a title="Modify exam details" href="{{ path('exam_edit', { 'id': entity.guid }) }}">
                                                <i class="fa fa-edit fa-2x"> </i>
                                            </a>
                                        </td>
                                    </tr>
                                    {% set slno = slno + 1 %}
                                {% endfor %}
                            </tbody>
                        </table>
                        {{ knp_pagination_render(entities, 'AppBundle:Default:slidingAjax.html.twig') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block userscripts %}
    <script type="text/javascript">
        $(document).ready(function () {

        });
        function __loadPage(path) {
            $.ajax({
                type: "GET",
                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 %}