fix loading all pages

resources/views/menus/edit.blade.php

@@ -8,11 +8,12 @@
 
 @include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Menu'])
 
+<x-toast-notification/>
 <div class="row d-flex justify-content-center">
     <div class="col-md-6">
         <div class="card">
             <div class="card-body">
-                <form action="{{route("menus.update", $menu->id)}}" method="post">
+                <form id="formUpdateMenus" action="{{route("menus.update", $menu->id)}}" method="post">
                     @csrf
                     @method("put")
                     <div class="mb-3">
@@ -44,7 +45,10 @@
                         <input type="number" id="sort_order" name="sort_order"
                                 class="form-control" placeholder="Enter sort order" value="{{$menu->sort_order}}" required>
                     </div>
-                    <button type="submit" class="btn btn-success">Update</button>
+                    <button class="btn btn-primary me-1" type="button" id="btnUpdateMenus">
+                        <span id="spinner" class="spinner-border spinner-border-sm me-1 d-none" role="status" aria-hidden="true"></span>
+                        Update
+                    </button>
                 </form>
             </div>
         </div>
@@ -54,4 +58,5 @@
 @endsection
 
 @section('scripts')
+@vite(['resources/js/menus/update.js'])
 @endsection