{% extends 'AppBundle::layout_backend.html.twig' %}

{% block title 'Categoria Mercado Libre'|trans %}

{% block stylesheets %}
    <link href="{{ asset('bundles/app/plugins/sweetalert/css/sweetalert.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('bundles/app/plugins/datatables.1.10.16/css/dataTables.bootstrap.min.css') }}" rel="stylesheet"
          type="text/css"/>
{% endblock %}

{% block headercontent %}
    <h1 class="box-title">{% trans %}Categoria Mercado Libre{% endtrans %}</h1>

{% endblock %}
  
{% block content %}
    <div class="box">
        <div class="box-header">
            <div class="row">
                <form action="{{ path('app_search_categoria') }}" method="get">
                    <div class="col-xs-12 col-lg-12 col-md-12">

                        <div class="input-group">
                            <!--<input class="form-control" placeholder="{% trans %}Buscar{% endtrans %}" name="search" type="text">
                     <span class="input-group-btn">
                         <button class="btn btn-default btn-flat" type="submit"><i class="fa fa-search"></i>{% trans %}Buscar{% endtrans %}</button>
                     </span>        -->
                            <span class="input-group-btn">
                         <a class="btn btn-primary btn-flat" href="{{ path('app_categoria_new') }}"><i
                                     class="fa fa-plus"></i>{% trans %}Nuevo{% endtrans %} </a>
                     </span>
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </form>
            </div>
        </div>


        <div class="box-body">
            <br>
            <div class="table-responsive">

                <table id="tablesorter" class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>{% trans %}id Sitio{% endtrans %}</th>
                        <th>Código</th>
                        <th>{% trans %}Nombre{% endtrans %}</th>
                        <th>{% trans %}Vigente{% endtrans %}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for d in entities %}
                        <tr>
                            <td>{{ d.siteid }}</td>
                            <td>{{ d.codigo }}</td>
                            <td>{{ d.nombre }}</td>
                            <td>{% if d.vigente %}<label class="label label-success">Activo</label>{% else %}<label
                                        class="label label-danger">No activo</label>{% endif %}</td>
                            <td>
                                <a class="btn btn-primary btn-flat btn-xs"
                                   href="{{ path('app_categoria_edit', { 'id': d.id }) }}">{% trans %}editar{% endtrans %}</a>
                            </td>

                            {#
                            <td>
                                <a class="btn btn-danger btn-flat btn-xs" href="{{path('app_delete_psicotecnico', { 'id':d.id })}}">Eliminar</a>
                            </td>
                                  #}

                        </tr>

                    {% else %}
                        <tr class="danger">
                            <td colspan="3">No hay resultados para mostrar.</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>


        <div class="box-footer">
            <div class="pull-left">

            </div>
            <div class="pull-right">

            </div>

        </div><!-- box-foote-->


    </div>

{% endblock %}

{% block javascripts %}

    <script src="{{ asset('bundles/app/plugins/datatables.1.10.16/js/jquery.dataTables.min.js') }}"
            type="text/javascript"></script>

    <script src="{{ asset('bundles/app/plugins/datatables.1.10.16/js/dataTables.bootstrap.min.js') }}"
            type="text/javascript"></script>


    <script>
        $(document).ready(function () {


            $("#tablesorter").DataTable({
                "columnDefs": [
                    {"orderable": false, "targets": 4}
                ],
                "language": {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontro información",
                    "info": "Mostrar página _PAGE_ de _PAGES_",
                    "search": "Buscar/Filtrar:",
                    "paginate": {
                        "first": "Primero",
                        "last": "último",
                        "next": "Próximo",
                        "previous": "Anterior"
                    },
                    "Display": "Mostrar",
                    "infoEmpty": "Registros nos disponibles",
                    "infoFiltered": "(Filtrado de  _MAX_ total de registros)"
                }
            });


        });
    </script>
{% endblock %}