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

{% block title %}Dominio de Idiomas{% 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>Listado de Dominio de Idiomas</h1>
                </div>
                <div class="col-md-4">
                    <a href="{{ path('app_catalogos_esh_idiomas_dominio_new') }}" class="btn btn-success btn-sm" title="Agregar Nuevo Idioma"><i class="fa-solid fa-plus"></i> Agregar Nuevo Dominio de Idioma</a>
                </div>
            </div>
            <div class="table-responsive mt-5">
                <table class="table table-sm table-striped table-hover table-bordered text-center" id="myTable">
                    <thead class="table-primary text-center">
                        <tr>
                            <th>No</th>
                            <th>Dominio</th>
                            <th>Valor Dominio</th>
                            <th>Status</th>
                            <th>Creación</th>
                            <th>Modificacion</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for esh_idiomas_dominio in esh_idiomas_dominios %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td>{{ esh_idiomas_dominio.dominio }}</td>
                            <td>{{ esh_idiomas_dominio.valorDominio }}</td>
                            {% if esh_idiomas_dominio.status == 1 %}
                                <td>Activo</td>
                            {% else %}
                                <td>Inactivo</td>
                            {% endif %}
                            <td>{{ esh_idiomas_dominio.createdAt ? esh_idiomas_dominio.createdAt|date('Y-m-d') : '' }}</td>
                            <td>{{ esh_idiomas_dominio.updatedAt ? esh_idiomas_dominio.updatedAt|date('Y-m-d') : '' }}</td>
                            <td>
                                <a href="{{ path('app_catalogos_esh_idiomas_dominio_show', {'id': esh_idiomas_dominio.id}) }}" class="btn btn-sm btn-info" title="Ver"><i class="fa-solid fa-eye"></i></a>
                                <a href="{{ path('app_catalogos_esh_idiomas_dominio_edit', {'id': esh_idiomas_dominio.id}) }}" 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_idiomas_dominio.id ) }}" data-url="{{ path('app_catalogos_esh_idiomas_dominio_delete', {'id': esh_idiomas_dominio.id}) }}" ><i class="fa-solid fa-trash"></i></a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">no records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function () {
            document.querySelectorAll('.delete-link').forEach(function(element) {
                element.addEventListener('click', function(event) {
                    event.preventDefault(); // Evitar que se siga el enlace
                    const url = this.dataset.url;
                    var token  = $(this).data('id');
                    Swal.fire({
                        title: "¿Esta usted seguro de eliminar el registro?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#3085d6",
                        cancelButtonColor: "#d33",
                        confirmButtonText: "Eliminar",
                        cancelButtonText: "Cancelar"
                        }).then((result) => {
                        if (result.isConfirmed) {
                            $.ajax({
                                url: url,
                                type: 'POST',
                                data: {
                                    _token: token  // Agregar CSRF token para seguridad
                                },
                                success: function(response) {
                                    // Al eliminar correctamente, eliminar la fila de la tabla
                                    Swal.fire(
                                        '¡Eliminado!',
                                        'El registro ha sido eliminado.',
                                        'success'
                                    ).then(function() {
                                        // Recargar la página
                                        location.reload();
                                    });
                                },
                                error: function() {
                                    Swal.fire(
                                        'Error',
                                        'Hubo un problema al intentar eliminar.',
                                        'error'
                                    );
                                }
                            });
                        }
                    });

                });
            });
            $('#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 %}