hide success message in x seconds

assets/js/checkout.js

@@ -59,7 +59,8 @@ function initialize() {
 }
 $(window).on('load', google.maps.event, initialize);
 let input = document.querySelector("#ctelefon");
-let iti = window.intlTelInput(input, {
+if(input != undefined){
+    let iti = window.intlTelInput(input, {
         initialCountry: "de",
         preferredCountries: ["de"],
         geoIpLookup: function(callback) {
@@ -69,10 +70,13 @@ let iti = window.intlTelInput(input, {
             });
         },
         utilsScript: "{{storage('assets/libs/intl-tel-input/js/utils.min.js')}}",
-});
+    });
+}
+
 // iti.getNumber();
 function updateProducts(){}
 $(window).on('load', function(){
+    $("#successful-submitting-form").delay(4000).slideUp(200, function() { $(this).alert('close'); });
     $('#anfrage').submit(function(){
         objProducts = [];
         localStorage.setItem("products", JSON.stringify(objProducts));

assets/js/methods.js

@@ -99,6 +99,7 @@ function updateProductsInLocalStorage(){
         $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show();
         $('#total-price').parent().parent().parent().show();
         $('#no-products').hide();
+        $('#modal-buttons').hide();
         if(typeof updateProducts === "function"){
             $('#form-section').show();
             $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();

assets/js/script.js

@@ -29,6 +29,7 @@ $(window).on('load', function(){
             $('#list-products-in-bag').parent().parent().parent().parent().parent().find('.modal-footer').show();
             $('#total-price').parent().parent().parent().show();
             $('#no-products').hide();
+            $('#modal-buttons').hide();
             if(typeof updateProducts === "function"){
                 $('#form-section').show();
                 $('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();

content/master.blade.php

@@ -138,7 +138,7 @@
                             </table>
                         </div>
                     </div>
-                    <div class="row mt-3">
+                    <div class="row mt-3" id="modal-buttons">
                         <div class="col-6">
                             <a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart">
                                 Warenkorb teilen

content/pages/checkout.blade.php

@@ -10,7 +10,7 @@
 
         <div class="col-12">
 
-            <div class="alert alert-success mt-5" role="alert">
+            <div class="alert alert-success mt-5" id="successful-submitting-form" role="alert">
                 <div class="row">
                     <div class="col-1">
                         <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>