{% 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: "Questionset"; }
            td:nth-of-type(3):before { content: "A"; }
            td:nth-of-type(4):before { content: "B"; }
            td:nth-of-type(5):before { content: "C"; }
            td:nth-of-type(6):before { content: "D"; }
            td:nth-of-type(7):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>Question Set List</h6>
                </div>
                <div class="panel-body">
                    <div class="button_container">
                        <a class="btn btn-sm btn-success" href="{{ path('examset_new') }}">
                            Create a new entry
                        </a>
                    </div>
                    <div  class="data_container">
                        <table class="table table-bordered" id="table_responsive">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Questionset</th>
                                    <th>A</th>
                                    <th>B</th>
                                    <th>C</th>
                                    <th>D</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% set slno = 1 %}
                                {% for entity in entities %}
                                    <tr>
                                        <td> {{ slno }} </td>
                                        <td>{{ entity.questionSet }}</td>
                                        <td>{{ entity.a }}</td>
                                        <td>{{ entity.b }}</td>
                                        <td>{{ entity.c }}</td>
                                        <td>{{ entity.d }}</td>
                                        <td>
                                            <ul>
                                               {# <li>
                                                    <a href="{{ path('examset_show', { 'id': entity.id }) }}">show</a>
                                                </li>#}
                                                <li>
                                                    <a href="{{ path('examset_edit', { 'id': entity.id }) }}">edit</a>
                                                </li>
                                            </ul>
                                        </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: "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 %}