clear code for success message

resources/views/digital-card.blade.php

@@ -144,7 +144,6 @@
                 });
             });
         </script>
-        <div id="alert-success"></div>
         <div class="parent absolute h-screen w-full">
             {{-- <audio src="{{asset('assets/paper-ripping.mp3')}}"></audio> --}}
             @include('components.front-cover')

resources/views/modals/guestbook-modal.blade.php

@@ -42,7 +42,7 @@
             data: formData,
             success: function(response) {
               $('#closeSpeechForm').submit();
-              var alertContainer = $('.alert-success');
+              var alertContainer = $('.alert-info');
               alertContainer.find('span').text(response.message); // Set message text
               alertContainer.fadeIn().removeClass('hidden'); // Show the alert
               setTimeout(function() {
@@ -54,25 +54,6 @@
             }
           });
         });
-      })
-
-      function showSuccessMessage(message) {
-          // Create a dynamic success message element
-          var successAlert = $('<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">' +
-              '<span class="block sm:inline">' + message + '</span>' +
-              '</div>');
-
-          // Append the message to a suitable container in your HTML (e.g., modal, form, or body)
-          $('#alert-success').append(successAlert);
-
-          // Automatically remove the message after 3 seconds
-          setTimeout(function() {
-              successAlert.fadeOut('slow', function() {
-                  $(this).remove();
-              });
-          }, 3000); // 3 seconds
-
-          // session()->forget('success');
-      }
+      });
     </script>
 @endpush

resources/views/modals/rsvp-modal.blade.php

@@ -48,7 +48,7 @@
           data: formData,
           success: function(response) {
             $('#closeRsvpForm').submit();
-            var alertContainer = $('.alert-success');
+            var alertContainer = $('.alert-info');
             alertContainer.find('span').text(response.message); // Set message text
             alertContainer.fadeIn().removeClass('hidden'); // Show the alert
             setTimeout(function() {
@@ -61,22 +61,5 @@
         });
       });
     });
-
-    function showSuccessMessage(message) {
-        // Create a dynamic success message element
-        var successAlert = $('<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">' +
-            '<span class="block sm:inline">' + message + '</span>' +
-            '</div>');
-
-        // Append the message to a suitable container in your HTML (e.g., modal, form, or body)
-        $('#alert-success').append(successAlert);
-
-        // Automatically remove the message after 3 seconds
-        setTimeout(function() {
-            successAlert.fadeOut('slow', function() {
-                $(this).remove();
-            });
-        }, 3000); // 3 seconds
-    }
   </script>
 @endpush

resources/views/rsvp-digital-card.blade.php

@@ -81,7 +81,7 @@
               data: formData,
               success: function(response) {
                 $('#RSVPForm')[0].reset();
-                var alertContainer = $('.alert-success');
+                var alertContainer = $('.alert-info');
                 alertContainer.find('span').text(response.message); // Set message text
                 alertContainer.fadeIn().removeClass('hidden'); // Show the alert
                 setTimeout(function() {