<script language="javascript">	<script>
  $('#datatableDefault').DataTable({
    dom: "<'row mb-3'<'col-sm-4'l><'col-sm-8 text-end'<'d-flex justify-content-end'fB>>>t<'d-flex align-items-center'<'me-auto'i><'mb-0'p>>",
    lengthMenu: [ 10, 20, 30, 40, 50 ],
    responsive: true,
    buttons: [ 
    ]
  });
</script>
	
    <script> 
    $(document).ready(function() {
        $('#example').DataTable( {
            responsive: true,
            colReorder: true
        } );
    } );
    </script>
		        <script>
        // Deshabilitar el botÜ!n derecho
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });

        // Deshabilitar F12
        document.onkeydown = function(e) {
            if(e.keyCode === 123) {
                return false;
            }
        }
    </script>
    
	<script>
  function enviarMensaje(boton) {
    // Obtener el elemento loader dentro del bot8n
    var loader = boton.querySelector('.loader');

    // Mostrar el loader
    loader.style.display = "inline-block";

    // Simular una acci8n que lleva tiempo (reemplaza esto con tu l8gica real)
    setTimeout(function() {
      // Despus de realizar la acci8n, ocultar el loader
      loader.style.display = "none";
    }, 10000); // Cambia 2000 al tiempo que tarda tu acci8n en milisegundos
  }
</script>

    <script>
    document.getElementById('buscarForm').addEventListener('submit', function(event) {
        event.preventDefault(); // Evitar recargar la página
        
        // Obtener datos del formulario
        const formData = new FormData(this);

        // Enviar datos por AJAX a 'buscar.php'
        fetch('../buscar.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json()) // Procesar la respuesta como JSON
        .then(data => {
            if (data.success) {
                // Mostrar el resultado en un SweetAlert
                Swal.fire({
                    title: 'Resultados Encontrados',
                    html: data.result, // Mostrar el resultado HTML
                    icon: 'success',
                    width: '80%', // Ancho ajustado para dispositivos móviles
                    customClass: {
                        content: 'table-container', // Aplicar clase para estilo
                    }
                });
            } else {
                Swal.fire({
                    title: 'Sin Resultados',
                    text: data.message, // Mostrar el mensaje de error
                    icon: 'error'
                });
            }
        })
        .catch(error => {
            Swal.fire({
                title: 'Error',
                text: 'Hubo un problema con la solicitud.',
                icon: 'error'
            });
        });
    });
    </script></script>