Update Alert Profil Petani

resources/views/layout/main.blade.php

@@ -113,6 +113,41 @@
             }
         }
     </style> -->
+
+    {{-- Tombol kembali ke atas: muncul setelah halaman digulir ke bawah. --}}
+    <button type="button" id="btn-kembali-ke-atas" class="btn btn-primary btn-icon rounded-pill shadow"
+            title="Kembali ke atas" aria-label="Kembali ke atas">
+        <i class="icon-base ti tabler-arrow-up"></i>
+    </button>
+    <style>
+        #btn-kembali-ke-atas {
+            position: fixed;
+            right: 1.5rem;
+            bottom: 1.5rem;
+            z-index: 1040;
+            width: 2.75rem;
+            height: 2.75rem;
+            opacity: 0;
+            visibility: hidden;
+            transform: translateY(1rem);
+            transition: opacity .25s, transform .25s, visibility .25s;
+        }
+        #btn-kembali-ke-atas.tampil {
+            opacity: 1;
+            visibility: visible;
+            transform: translateY(0);
+        }
+    </style>
+    <script>
+        (function () {
+            const btn = document.getElementById('btn-kembali-ke-atas');
+            const cek = () => btn.classList.toggle('tampil', window.scrollY > 300);
+            window.addEventListener('scroll', cek, { passive: true });
+            btn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
+            cek();
+        })();
+    </script>
+
     @stack('scripts')
 
     <script>