fix loading all pages

resources/views/menus/create.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.store")}}" method="post">
+                <form id="formCreateMenus" action="{{route("menus.store")}}" method="post">
                     @csrf
                     <div class="mb-3">
                         <label class="form-label" for="name">Name</label>
@@ -43,7 +44,10 @@
                         <input type="number" id="sort_order" name="sort_order"
                                 class="form-control" placeholder="Enter sort order" required>
                     </div>
-                    <button type="submit" class="btn btn-success">Create</button>
+                    <button class="btn btn-primary me-1" type="button" id="btnCreateMenus">
+                        <span id="spinner" class="spinner-border spinner-border-sm me-1 d-none" role="status" aria-hidden="true"></span>
+                        Create
+                    </button>
                 </form>
             </div>
         </div>
@@ -53,4 +57,5 @@
 @endsection
 
 @section('scripts')
+@vite(['resources/js/menus/create.js'])
 @endsection