From e7063b16f713c643e181f866104244cce32be191 Mon Sep 17 00:00:00 2001
From: misbahsurur <misbahsurur99@gmail.com>
Date: Fri, 20 Dec 2024 19:09:18 +0700
Subject: [PATCH] fix alert

---
 resources/views/layouts/alert.blade.php | 50 +++++++++----------------
 1 file changed, 17 insertions(+), 33 deletions(-)

diff --git a/resources/views/layouts/alert.blade.php b/resources/views/layouts/alert.blade.php
index 7adade9..30136fa 100644
--- a/resources/views/layouts/alert.blade.php
+++ b/resources/views/layouts/alert.blade.php
@@ -1,44 +1,28 @@
 <!-- Toast Notification (Hidden by default) -->
-<div class="position-fixed top-0 end-0 p-3" style="z-index: 1111">
-    <div id="toast-container" class="toast overflow-hidden mt-3 fade hide" role="alert" aria-live="assertive" aria-atomic="true">
-        @if (session('success'))
-        <div class="align-items-center text-white bg-success border-0">
-            <div class="d-flex">
-                <div class="toast-body">
-                    {{ session('success') }}
-                </div>
-                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
+@if (session()->has('success') || session()->has('error') || session()->has('warning'))
+    <div class="position-fixed top-0 end-0 p-3" style="z-index: 1111">
+        <div id="toastContainer" class="toast fade hide mt-3 overflow-hidden" role="alert" aria-live="assertive" aria-atomic="true">
+            @foreach (['success' => 'bg-success', 'error' => 'bg-danger', 'warning' => 'bg-warning'] as $type => $class)
+                @if (session()->has($type))
+                    <div class="align-items-center text-white {{ $class }} border-0">
+                        <div class="d-flex">
+                            <div class="toast-body">
+                                {{ session($type) }}
+                            </div>
+                            <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
+                        </div>
+                    </div>
+                @endif
+            @endforeach
         </div>
-        @endif
-        @if (session('error'))
-        <div class="align-items-center text-white bg-danger border-0">
-            <div class="d-flex">
-                <div class="toast-body">
-                    {{ session('error') }}
-                </div>
-                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        @endif
-        @if (session('warning'))
-        <div class="align-items-center text-white bg-warning border-0">
-            <div class="d-flex">
-                <div class="toast-body">
-                    {{ session('warning') }}
-                </div>
-                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-            </div>
-        </div>
-        @endif
     </div>
-</div>
+@endif
 
 <!-- Toast JavaScript -->
 <script>
     document.addEventListener('DOMContentLoaded', function () {
         // Show the toast when a message is flashed
-        const toastTrigger = document.getElementById("toast-container");
+        const toastTrigger = document.getElementById("toastContainer");
         if (toastTrigger) {
             const toast = new bootstrap.Toast(toastTrigger, { delay: 3000 });
             toast.show();