Initial production backup

js/form-validation.js

@@ -0,0 +1,64 @@
+// Example starter JavaScript for disabling form submissions if there are invalid fields
+(function() {
+    'use strict'
+
+    window.addEventListener('load', function() {
+        // Fetch all the forms we want to apply custom Bootstrap validation styles to
+        var forms = document.getElementsByClassName('needs-validation')
+
+        // Loop over them and prevent submission
+        Array.prototype.filter.call(forms, function(form) {
+            form.addEventListener('submit', function(event) {
+                if (form.checkValidity() === false) {
+                    event.preventDefault()
+                    event.stopPropagation()
+                }
+                form.classList.add('was-validated')
+            }, false)
+        })
+    }, false)
+}())
+
+$('#myform').submit(function(e) {
+
+    if ($("#myform")[0].checkValidity()) {
+        //your form execution code
+        e.preventDefault();
+        // check if the input is valid
+        $("#sbmtBtn").attr("disabled", true);
+        
+        $.ajax({
+            url: 'https://leads.getmarket.mx/api/em6622/',
+           // url: 'http://localhost:8000/api/em6622/',
+            type: 'post',
+            data: $('#myform').serialize(),
+            success: function() {
+                // Redirect to another success page
+                // window.location = "thanks.html";
+                
+
+                  Swal.fire({
+                    icon: 'success',
+                    title: 'Mensaje enviado, en breve nos pondremos en contacto contigo',
+                    confirmButtonText: `Ok`,
+                    customClass: {
+                        id: 'ConfirmButton'
+                    }
+                  }).then((result) => {
+                    window.location.reload();
+                  })
+                
+            }
+        });
+    } else console.log("invalid form");
+
+    // if ($("#myform")[0].checkValidity()) {
+    //     //your form execution code
+    //     e.preventDefault();
+    //     // check if the input is valid
+    //     $("#sbmtBtn").attr("disabled", true);
+    //     var paramss = 'Hola, soy ' + $("#first_name").val() + ' ' + $("#last_name").val() + ' mi número es ' + $("#phone").val() + ' y mi correo es ' + $("#email").val() + ' quiero agendar una cita.';
+    //     console.log(paramss);
+    //     window.open('https://wa.me/522288368566?text=' + paramss);
+    //} else console.log("invalid form");
+});

js/main.js

@@ -0,0 +1,87 @@
+!(function($) {
+    "use strict";
+
+    // Intro carousel
+    var heroCarousel = $("#heroCarousel");
+
+    heroCarousel.on('slid.bs.carousel', function(e) {
+        $(this).find('h2').addClass('animate__animated animate__fadeInDown');
+        $(this).find('p, .btn-get-started').addClass('animate__animated animate__fadeInUp');
+    });
+
+    // Clients carousel (uses the Owl Carousel library)
+    $(".clients-carousel").owlCarousel({
+        autoplay: true,
+        dots: true,
+        loop: true,
+        responsive: {
+            0: {
+                items: 2
+            },
+            768: {
+                items: 4
+
+
+                
+            },
+            900: {
+                items: 6
+            }
+        }
+    });
+
+})(jQuery);
+
+!(function($) {
+    "use strict";
+
+    // Intro carousel
+    var hero2Carousel = $("#hero2Carousel");
+
+    hero2Carousel.on('slid.bs.carousel', function(e) {
+        $(this).find('h2').addClass('animate__animated animate__fadeInDown');
+        $(this).find('p, .btn-get-started').addClass('animate__animated animate__fadeInUp');
+    });
+
+    // Clients carousel (uses the Owl Carousel library)
+    $(".clients-carousel").owlCarousel({
+        autoplay: true,
+        dots: true,
+        loop: true,
+        responsive: {
+            0: {
+                items: 2
+            },
+            768: {
+                items: 4
+            },
+            900: {
+                items: 6
+            }
+        }
+    });
+
+    // ACORDEON DE CUENTAS
+    const horizontalAccordions = $(".accordion.width");
+
+    horizontalAccordions.each((index, element) => {
+        const accordion = $(element);
+      const collapse = accordion.find(".collapse");
+      const bodies = collapse.find("> *");
+      accordion.height(accordion.height());  
+      bodies.width(bodies.eq(0).width());
+      collapse.not(".show").each((index, element) => {
+          $(element).parent().find("[data-toggle='collapse']").addClass("collapsed");
+      });
+    });
+
+
+    $('.collapse').collapse()
+    $('#myCollapsible').collapse({
+     toggle: true
+})
+
+})(jQuery);
+
+
+