diff --git a/package.json b/package.json
index b8ad8a0..baa0419 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,9 @@
         "@popperjs/core": "^2.11.8",
         "jquery": "^3.7.1",
         "mini-svg-data-uri": "^1.4.4",
+        "notie": "^4.3.1",
         "sweetalert2": "^11.12.4",
+        "toastr": "^2.1.4",
         "tom-select": "^2.3.1"
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index 09d7ce3..f48407f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -19,3 +19,19 @@ document.querySelectorAll(".tomselect").forEach((el) => {
 
     new TomSelect(el, settings);
 });
+
+import toast from "toastr";
+import "toastr/build/toastr.css";
+
+document.querySelectorAll(".toastr").forEach((el) => {
+    toast.options = {
+        closeButton: true,
+        timeOut: 5000,
+        showMethod: "slideDown",
+        closeMethod: "slideUp",
+        preventDuplication: true,
+        newestOnTop: true,
+        closeDuration: 300,
+    };
+    toast[el.dataset.type](el.dataset.message);
+});
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 6788ff5..e28f02d 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -15,6 +15,20 @@
 </head>
 
 <body class="flex h-full metronic sidebar-fixed header-fixed bg-[#fefefe] dark:bg-coal-500">
+
+@if (session('error'))
+    <em class="hidden toastr" data-type="error" data-message=" {{ session('status') }}"></em>
+@endif
+
+@if (session('info'))
+    <em class="hidden toastr" data-type="info" data-message=" {{ session('info') }}"></em>
+@endif
+
+@if (session('success'))
+    <em class="hidden toastr" data-type="success" data-message=" {{ session('success') }}"></em>
+@endif
+
+
 <!--begin::Theme mode setup on page load-->
 <script>
     const defaultThemeMode = 'dark'; // light|dark|system
@@ -41,6 +55,8 @@
 
 @yield('main')
 @stack('scripts')
+
+
 </body>
 
 </html>
