{% extends "Backend/_layout.html.twig" %}
{% block page_title %}
    <h3 class="page-title">{{ 'groups' |trans({}, 'bo_panelistegroup') }}
        <small>{{ 'list' |trans({}, 'bo_panelistegroup') }}</small>
    </h3>
{% endblock %}

{% block stylesheet %}
    <link href="{{ asset('backend/assets/global/plugins/datatables/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
    {{ parent() }}
    <div class="row">
        <div class="col-md-12">
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="btn-group">
                                <a id="sample_editable_1_new" class="btn sbold green" href="{{ path('admin_paneliste_groups_new') }}">{{ 'add' |trans({}, 'bo_panelistegroup') }}
                                    <i class="fa fa-plus"></i>
                                </a>
                            </div>
                            <div class="btn-group">
                                <a id="sample_editable_1_new" class="btn sbold green" href="{{ path('admin_paneliste_groups_import') }}">
                                   Group Import
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="table" class="table table-striped table-bordered table-hover table-checkable order-column">
                    <thead>
                        <tr>
                            <th style="width:80px; display: none">panelist_number</th>
                            <th>{{ 'name' |trans({}, 'bo_panelistegroup') }}</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for panelisteGroup in panelisteGroups %}
                            <tr class="odd gradeX">
                                <td style="display: none"><a href="{{ path('admin_paneliste_groups_index', { 'id': panelisteGroup.id }) }}">{{ panelisteGroup.id }}</a></td>
                                <td>{{ panelisteGroup.name }}</td>
                                <td>
                                    <a href="{{ path('admin_paneliste_groups_import', { 'id': panelisteGroup.id }) }}" class="label label-success">Group Import</a>
                                    <a href="{{ path('admin_paneliste_groups_show', { 'id': panelisteGroup.id }) }}" class="label label-success">Show</a>
                                    <a href="{{ path('admin_paneliste_groups_edit', { 'id': panelisteGroup.id }) }}" class="label label-success">Edit</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascript %}
    <script src="{{ asset('backend/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var table = $('#table').dataTable({
              "order": [[ 0, "desc" ]],
              "paginationType": "custom_bootstrap_number",
              "oLanguage": {
                "sSearch": "{{ 'search' |trans({}, 'bo_panelistegroup') }}",
                "sLengthMenu": "{{ 'show' |trans({}, 'bo_panelistegroup') }} _MENU_ {{ 'items' |trans({}, 'bo_survey') }}",
              },
            });
        });
    </script>
{% endblock %}