{% extends 'base.html.twig' %}

{% block title %}EshGiros index{% endblock %}

{% block body %}
    <div class="row mt-5">
        <div class="col-md-12 mt-5">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h1>Catálogo de Giros</h1>
                </div>
                <div class="col-md-4">
                    <a href="{{ path('app_catalogos_esh_giros_new') }}" class="btn btn-primary btn-sm" title="Agregar Nuevo Giro"><i class="fa-solid fa-plus"></i> Agregar Nuevo Giro</a>
                </div>
            </div>
            <div class="table-responsive mt-5">
                <table class="table table-sm table-striped table-hover table-bordered" id="myTable">
                    <thead>
                        <tr class="table-primary">
                            <th>Id</th>
                            <th>Giro</th>
                            <th>Estatus</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for esh_giro in esh_giros %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td>{{ esh_giro.giro }}</td>
                            {% if esh_giro.estatus == 1 %}
                            <td>Activo</td>
                            {% endif %}
                            <td>
                                <a href="{{ path('app_catalogos_esh_giros_show', {'id': esh_giro.id_giro}) }}" class="btn btn-sm btn-info" title="Ver Puestos Tipo Relacionados"><i class="fa-solid fa-network-wired"></i></a>
                                <a href="{{ path('app_catalogos_esh_giros_edit', {'id': esh_giro.id_giro}) }}" class="btn btn-sm btn-warning" title="Editar"><i class="fa-solid fa-pencil"></i></a>
                                <a class="btn btn-sm btn-danger delete-link" title="Eliminar" data-id="{{ csrf_token('delete' ~ esh_giro.id_giro ) }}" data-url="{{ path('app_catalogos_esh_giros_delete', {'id': esh_giro.id_giro}) }}" ><i class="fa-solid fa-trash"></i></a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="9">no records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#myTable').DataTable({
                language: {
                    url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/es-ES.json'
                },
                paging: true,
                searching: true,
                ordering: false,
                destroy: true
            });
        });
    </script>
{% endblock %}