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

{% block title %}Regiones{% 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 Regiones</h1>
                </div>
                <div class="col-md-4">
                    <a href="{{ path('app_catalogos_esh_region_new') }}" class="btn btn-success btn-sm" title="Agregar Nueva Región"><i class="fa-solid fa-plus"></i> Agregar Nueva Región</a>
                </div>
            </div>
            
            
            <div class="table-responsive mt-5">
                <table class="table table-sm table-striped table-hover table-bordered text-center">
                    <thead>
                        <tr class="table-primary text-center">
                            <th>No</th>
                            <th>Región</th>
                            <th>Estados Relacionados</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody class="table-group-divider">
                    {% for esh_region in esh_regions %}
                        <tr>
                            <td>{{ esh_region.id }}</td>
                            <td>{{ esh_region.region }}</td>
                            <td>
                                <a href="{{ path('app_catalogos_esh_region_show_states', {'id': esh_region.id}) }}" class="btn btn-sm btn-info" title="Ver estados relacionados"><i class="fa-solid fa-network-wired"></i></a>
                            </td>
                            <td>
                                <a href="{{ path('app_catalogos_esh_region_add_states', {'id': esh_region.id}) }}" class="btn btn-sm btn-success" title="Agregar Estado"><i class="fa-solid fa-plus"></i></a>
                                <a href="{{ path('app_catalogos_esh_region_show', {'id': esh_region.id}) }}" class="btn btn-sm btn-primary" title="Ver región"><i class="fa-solid fa-eye"></i></a>
                                <a href="{{ path('app_catalogos_esh_region_edit', {'id': esh_region.id}) }}" class="btn btn-sm btn-warning" title="Editar"><i class="fa-solid fa-pencil"></i></a>
                                {{ include('catalogos/esh_region/_delete_form.html.twig') }}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="5">no records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}