{% 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: "Batch Name"; }
            td:nth-of-type(3):before { content: "Valid From"; }
            td:nth-of-type(3):before { content: "Valid To"; }
            td:nth-of-type(3):before { content: "Candidates"; }
            td:nth-of-type(3):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>List: Batch</h6>
                </div>
                <div class="panel-body">  
                    <div class="button_container">
                        <a class="btn btn-success btn-sm" href="{{ path('batch_new') }}">
                            Add New Batch
                        </a>
                    </div>
                    <div class="data_container">
                        <table class="table table-bordered" id="table_responsive">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Batch Name</th>
                                    <th>Valid From</th>
                                    <th>Valid To</th>
                                    <th>Candidates</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% set slno = 1 %}
                                {% for entity in entities %}
                                    <tr>
                                        <td>{{  slno }}</td>
                                        <td>{{ entity.batchName }}</td>
                                        <td>{{ entity.validFrom }}</td>
                                        <td>{{ entity.validTo }}</td>
                                        <td>
                                            <a href="{{ path('batch_candidate',{guid:entity.guid}) }}"> 
                                                <button class="btn btn-info btn-sm"> View Candidates </button>
                                            </a>
                                            <a href="{{ path('batch_candidate_add',{guid:entity.guid}) }}">
                                                <button class="btn btn-primary btn-sm"> Add Candidates </button>
                                            </a>

                                        </td>
                                        <td>
                                            <ul>
                                                {# <li>
                                                     <a href="{{ path('batch_show', { 'id': entity.id }) }}">show</a>
                                                 </li>#}
                                                <li>
                                                    <a href="{{ path('batch_edit', { 'id': entity.guid }) }}">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 %}