{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Informes almacenados{% endblock %}
{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('report_new') }}"><i class="icon-plus2 position-left"></i>Nuevo informe</a>
{% endblock %}

{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('report_menu') }}">Informes</a></li>
    <li class="active">Informes almacenados</li>
{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}


{% block content %}
    <div class="panel-body">
    <div class="">

        <div class="panel panel-flat">


                <div class="panel-heading">
                    <h6 class="panel-title" style="margin-bottom: 0px;">LISTADO DE INFORMES</h6>
                </div>

                <div class="panel-body">
                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                <div class="datatable-scroll">

                    <table class="table no-footer" id="DataTables_Table_0" role="grid"
                           aria-describedby="DataTables_Table_0_info">

                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="15%">
                                Fecha de realización
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="15%">
                                Tipo de informe
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="35%">
                                Segmentación
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="15%">
                                Tipo de agrupación
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="15%">
                                Realizado por
                            </th>
                            <th class="notexport notexportbtn col-sm-1 text-center sorting_disabled" rowspan="1" colspan="1"
                                aria-label="Actions">Ver Informe
                            </th>
                            <th class="notexport notexportbtn col-sm-1 text-center sorting_disabled" rowspan="1" colspan="1"
                                aria-label="Actions">Eliminar Informe
                            </th>

                        </tr>
                        </thead>

                        <tbody>
                        {% for obj in reports %}
                            <tr role="row" class="odd">
                                <td data-sort="{{ obj.date | date('YmdHis') }}">{{ obj.date | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</td>
                                <td>{{ obj.getTypeReport.getDescription }}</td>
                                <td>{{ obj.getDescription}}</td>
                                <td>{{ obj.getTypeReportGrouped.getDescription }}</td>
                                <td>{{ obj.getCreator.getName }}</td>
                                <td>

                                    <a href="{{ path("report_detail", {'id' : obj.id} )}}">
                                        <i class="icon-download"></i>
                                        Abrir
                                    </a>

                                </td>
                                <td>

                                    <a href="{{ path("report_remove", {'id' : obj.id} )}}"
                                       target="_self">
                                        <i class="icon-cancel-square"></i>
                                        Eliminar
                                    </a>

                                </td>
                            </tr>
                        {% endfor %}


                        </tbody>

                    </table>
                </div>

            </div>
                </div>
        </div>
    </div>
    </div>


{% endblock %}

{% block script %}
    <script>
        $(document).ready(function(){

            var table = $('#DataTables_Table_0').DataTable({
                retrieve: true,
                "bPaginate": false,
                dom: 'lBfrtip',
                buttons: [
                    {
                        extend: 'print',
                        text: 'Imprimir',
                        footer: true,
                        exportOptions: {
                            stripHtml : true,
                            columns: ':not(.notexportbtn)'
                        }
                    },
                    {
                        extend: 'csv',
                        exportOptions: {
                            columns: ':not(.notexport)'
                        }
                    },
                    {
                        extend: 'excel',
                        exportOptions: {
                            columns: ':not(.notexport)'
                        }
                    }

                ],
            }).order([0, 'desc']).draw();

        });
    </script>

{% endblock %}