@extends('layouts.app')
@section('titulo', 'Colonias')
@section('titulo_card', 'Lista de Colonias')

@section('content')
    <div class="row">
        <div class="col">
            <livewire:colonia-table />
        </div>
    </div>
@endsection
@section('js')
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });

        function cambiarEstado(id, estado) {
            Swal.fire({
                title: (estado == 'A') ? "¿Desea desactivar la colonia?" : "¿Desea activar la colonia?",
                // icon: "warning",
                iconHtml: (estado == 'A') ?
                    '<i class="fa-solid fa-trash fa-xs"></i>' : '<i class="fa-solid fa-recycle fa-xs"></i>',
                iconColor: (estado == 'A') ? '#dc3545' : '#28a745',
                showCancelButton: !0,
                confirmButtonText: "Si",
                cancelButtonText: "No",
            }).then((result) => {
                if (result.value === true) {
                    mostrarCargando();
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'DELETE',
                        url: "{{ route('gestion.colonias.destroy', '') }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            location.reload();
                        }
                    });

                }

            });
        }

        function mostrarCargando() {
            Swal.fire({
                title: 'Eliminando...',
                html: 'Por favor espere...',
                allowOutsideClick: false,
                timerProgressBar: true,
                didOpen: () => {
                    Swal.showLoading()
                }
            })
        }
    </script>
@endsection