fix <i> and th

resources/js/pages/tablesDemo.js

@@ -101,10 +101,10 @@ export function initGridTableExapmle() {
           formatter: () =>
             Gridjs.html(`<div class="flex justify-center space-x-2">
                             <button @click="editItem" class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                                <i class="fa fa-edit"></i>
+                                <i aria-hidden="true" class="fa fa-edit"></i>
                             </button>
                             <button @click="deleteItem" class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                                <i class="fa fa-trash-alt"></i>
+                                <i aria-hidden="true" class="fa fa-trash-alt"></i>
                             </button>
                         </div>`),
         },

resources/js/pages/utilities/basicTable.js

@@ -25,7 +25,7 @@ export function initGridTable(column, data, paginate, url, permission) {
                       permission.includes("EDIT")
                           ? `
                     <a href="${url}/${cell}/edit" @click="editItem" class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                      <i class="fa fa-edit"></i>
+                      <i aria-hidden="true" class="fa fa-edit"></i>
                     </a>
                   `
                           : ""
@@ -36,7 +36,7 @@ export function initGridTable(column, data, paginate, url, permission) {
                           ? `
                     <div x-data="{showModal:false}">
                       <a @click="showModal = true" class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                        <i class="fa fa-trash-alt"></i>
+                        <i aria-hidden="true" class="fa fa-trash-alt"></i>
                       </a>
                       
                       <template x-teleport="#x-teleport-target">

resources/views/components/navbar.blade.php

@@ -83,7 +83,7 @@
             <li x-data="{ open: false, timer: null }" @click.away="open = false" @mouseenter="open = true; clearTimeout(timer)"
                 @mouseleave="timer = setTimeout(() => open = false, 100)"
                 class="relative px-2 py-1 rounded text-gray-700 hover:bg-primary-focus hover:text-white  cursor-pointer">
-                <i class="fa fa-user" aria-hidden="true"></i>
+                <i aria-hidden="true" class="fa fa-user" aria-hidden="true"></i>
                 <span>Hello , {{ $userName ?? '' }}</span>
                 <ul x-cloak x-show="open" @click="open = false" @mouseleave="open = false"
                 class="absolute left-0 mt-2 w-32 bg-white shadow-lg">

resources/views/components/sidebar.blade.php

@@ -23,7 +23,7 @@
         <ul >
             <li class="mb-1">
                 <a href="#" @click="open = !open" class="block py-2 px-4 rounded text-black flex items-center">
-                    <i class="fa fa-server mr-2"></i> Patch
+                    <i aria-hidden="true" class="fa fa-server mr-2"></i> Patch
                     <svg class="ml-auto h-4 w-4 transition-transform transform" :class="open ? 'rotate-180' : ''"
                         fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
@@ -33,19 +33,19 @@
             <div  x-show="open" class="transition-all duration-300" x-cloak>
                 <li class="mb-1 ml-6">
                     <a href="/patch" :class="activeLink === '/patch' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-edit mr-2"></i>Create Patch</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create Patch</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/master-file" :class="activeLink === '/master-file' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-edit mr-2"></i>Create MasterFile</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create MasterFile</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/exchange-rate" :class="activeLink === '/exchange-rate' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-edit mr-2"></i>Create Exchange Rate</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create Exchange Rate</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/discharge-port" :class="activeLink === '/discharge-port' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Create Discharge Port</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Create Discharge Port</a>
                 </li>
             </div>
         </ul>
@@ -54,7 +54,7 @@
         <ul >
             <li class="mb-1">
                 <a href="#" @click="open = !open" class="block py-2 px-4 rounded text-black flex items-center">
-                    <i class="fa fa-server mr-2"></i> Send Patch
+                    <i aria-hidden="true" class="fa fa-server mr-2"></i> Send Patch
                     <svg class="ml-auto h-4 w-4 transition-transform transform" :class="open ? 'rotate-180' : ''"
                         fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
@@ -64,15 +64,15 @@
             <div x-show="open" class="transition-all duration-300" x-cloak>
                 <li class="mb-1 ml-6">
                     <a href="/send-patch" :class="activeLink === '/send-patch' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-edit mr-2"></i>Send Patch</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Send Patch</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/send-multi-patch" :class="activeLink === '/send-multi-patch' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Send Multi Patch</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Send Multi Patch</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/delete-multi-patch" :class="activeLink === '/delete-multi-patch' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Delete Multi Patch</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Delete Multi Patch</a>
                 </li>
             </div>
         </ul>
@@ -83,7 +83,7 @@
             <li class="mb-1">
                 <a href="/news" :class="activeLink === '/news' ? 'bg-primary-focus text-white' : 'text-black'"
                    class="block py-2 px-4 rounded text-black flex items-center">
-                    <i class="fa fa-server mr-2"></i> News & Update
+                    <i aria-hidden="true" class="fa fa-server mr-2"></i> News & Update
                 </a>
             </li>
         </ul>
@@ -93,7 +93,7 @@
         <ul >
             <li class="mb-1">
                 <a href="#" @click="open = !open" class="block py-2 px-4 rounded text-black flex items-center">
-                    <i class="fa fa-server mr-2"></i> Configuration
+                    <i aria-hidden="true" class="fa fa-server mr-2"></i> Configuration
                     <svg class="ml-auto h-4 w-4 transition-transform transform" :class="open ? 'rotate-180' : ''"
                         fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
@@ -103,23 +103,23 @@
             <div x-show="open" class="transition-all duration-300" x-cloak>
                 <li class="mb-1 ml-6">
                     <a href="/company" :class="activeLink === '/company' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-edit mr-2"></i>Company</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Company</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/role" :class="activeLink === '/role' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Role</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Role</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/group" :class="activeLink === '/group' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Group</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Group</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/user" :class="activeLink === '/user' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>User</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>User</a>
                 </li>
                 <li class="mb-1 ml-6">
                     <a href="/format-file-master" :class="activeLink === '/format-file-master' ? 'bg-primary-focus text-white' : 'text-black'"
-                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i class="fa fa-user mr-2"></i>Format File Master</a>
+                       class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Format File Master</a>
                 </li>
             </div>
         </ul>
@@ -129,7 +129,7 @@
         <div x-data="{ open: false, timer: null }" @click.away="open = false" @mouseenter="open = true; clearTimeout(timer)"
             @mouseleave="timer = setTimeout(() => open = false, 100)"
             class="relative px-2 py-1 rounded text-gray-700 hover:bg-primary-focus hover:text-white cursor-pointer">
-            <i class="fa fa-user" aria-hidden="true"></i>
+            <i aria-hidden="true" class="fa fa-user" aria-hidden="true"></i>
             <span>Hello, {{ $userName ?? '' }}</span>
             <ul x-cloak x-show="open" @click="open = false" @mouseleave="open = false"
                 class="absolute left-0 mt-2 w-32 bg-white shadow-lg">

resources/views/configurations/companies/create.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Company Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route.'.store') }}" method="POST">
-                @method('POST')
-                @csrf
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i> Create
-                        </h2>
-                    </div>
-                    <div class="w-3/4 px-3 space-y-3 m-auto mb-4">
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Tax No.:</span>
-                            </label>
-                            <span class="relative flex w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Branch:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" name="password" value="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Tax Incentive ID:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" 
-                                    value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Thai name:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>English name:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Street:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>District:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Sub province:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Province:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Postcode:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Phone:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Fax:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Group:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <select
-                                    class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                    <option>Shipping</option>
-                                    <option>Warehouse</option>
-                                    <option>FZ</option>
-                                </select>
-                            </span>
-                        </div>
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                       
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/companies/edit.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Company Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route.'.update', $company['id']) }}" method="POST">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{ $company['id'] }}">
-
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i>  Edit
-                        </h2>
-
-                    </div>
-
-                    <div class="w-3/4 px-3 space-y-3 m-auto mb-4">
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Tax No.:</span>
-                            </label>
-                            <span class="relative flex w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="0135547011150"/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Branch:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" name="password" value="0000" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Tax Incentive ID:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" 
-                                    value="F0101005800000" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Thai name:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text"  value="บริษัทเน็ตเบย์ จำกัด มหาชน"/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>English name:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="NETBAY COMPANY LIMITED" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Street:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="12, 199 Moo 3"/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>District:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="Thung Suk La" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Sub province:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="Si Racha" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Province:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="Chon Buri" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Postcode:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="20230" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Phone:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="026201888" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Fax:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="026123513" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Group:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <select
-                                    class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                    <option selected>Shipping</option>
-                                    <option>Warehouse</option>
-                                    <option>FZ</option>
-                                </select>
-                            </span>
-                        </div>
-                     
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/companies/index.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route('configurations.user') }}">Company Management</a>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        Company Management
-                    </h2>
-                    {{-- <a href="{{ $url }}/create"
-                        class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                        New
-                        <i></i>
-                    </a> --}}
-                </div>
-                @include('components/search-by' ,  ['searchBy' => $searchBy??[]])
-
-                <div class="mx-3 mt-3 px-4">
-                    <div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
-                        <table class="is-hoverable w-full text-left">
-                            <thead>
-                                <tr>
-                                    <th
-                                        class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        #
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Thai name
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        English name
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Action
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                @foreach ($companies as $company)
-                                    <tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">  
-                                            <label class="inline-flex items-center space-x-2">
-                                                <input
-                                                  class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                  type="checkbox" value="{{ $company['id'] }}"
-                                                />
-                                              </label>
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $company['company_thainame'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $company['company_engname'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <div class="flex justify-center space-x-2">
-                                                <a href="{{ $url.'/'.$company['id'].'/edit' }}" @click="editItem"
-                                                    class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                                                    <i class="fa fa-edit"></i>
-                                                </a>
-                                                <div x-data="{ showModal: false }">
-                                                    <a @click="showModal = true"
-                                                        class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                                                        <i class="fa fa-trash-alt"></i>
-                                                    </a>
-
-                                                    <template x-teleport="#x-teleport-target">
-                                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                                            x-show="showModal" role="dialog"
-                                                            @keydown.window.escape="showModal = false">
-                                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                                @click="showModal = false" x-show="showModal"
-                                                                x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0"></div>
-                                                            <div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
-                                                                x-show="showModal" x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0">
-                                                                <svg xmlns="http://www.w3.org/2000/svg"
-                                                                    class="inline h-28 w-28 text-error" fill="none"
-                                                                    viewBox="0 0 24 24" stroke="currentColor">
-                                                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                                                        stroke-width="2"
-                                                                        d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
-                                                                    </path>
-                                                                </svg>
-                                                                <div class="mt-4 mx-5">
-                                                                    <h2
-                                                                        class="text-2xl text-slate-700 dark:text-navy-100">
-                                                                        Are you sure <br> you want to delete this item ?
-                                                                    </h2>
-                                                                    <p class="mt-2"></p>
-                                                                    <button @click="showModal = false"
-                                                                        class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
-                                                                    <a href="deleteurl"
-                                                                        @click.prevent="showModal = false"
-                                                                        class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    </div>
-
-                    {{ $companies->links('paginate-custom') }}
-                </div>
-            </div>
-
-
-            {{-- <div class="px-4">
-                    <div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $users }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
-                </div> --}}
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/companies/show.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route('configurations.user') }}">User Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route('configurations.user.update', $user->id) }}" method="PUT">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{  $user->id }}">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        EDIT
-                    </h2>
-                </div>
-                <div class="w-3/4 px-3 space-y-4 m-auto mb-4">
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Username:</span>
-                        </label>
-                        <span class="relative flex w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="username" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Password:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Your Company" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Group:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <select
-                                class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                <option>Corporate event</option>
-                                <option>Wedding</option>
-                                <option>Birthday</option>
-                                <option>Other</option>
-                            </select>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Firstname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Firstname" type="text" name="name" value="{{  old('name')? old('name') : $user->name }}"/>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Lastname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Lastname" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Phone:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="(999) 999-9999" type="text"
-                                x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Email:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Email" type="text" name="email" value="{{  old('email')? old('email') : $user->email }}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Approved</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input checked
-                                class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
-                                type="checkbox" />
-                        </span>
-                    </div>
-                    <div class="grid grid-cols-6 justify-center space-x-2 pt-4">
-                        <a href="{{ route('configuration.user') }}"
-                            class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                            Cancel
-                        </a>
-                        <button type="submit"
-                            class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                            Save
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-profiles/create.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Company Profile</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route . '.store') }}" method="POST">
-                @method('POST')
-                @csrf
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i> Create
-                        </h2>
-                    </div>
-                    <div class="space-y-4 p-4 sm:p-2">
-                        <div class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Information
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Title </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Description </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <span class="col-start-1 col-span-1 text-sm ">Customs Profile</span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <label class="col-span-4 text-sm grid grid-cols-5 items-center">
-                                            <input
-                                                class="form-checkbox is-basic h-4 w-4 justify-self-end rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                type="checkbox" />
-
-                                            <p class="ml-2">ใช้ข้อมูล Broker</p>
-                                            <input
-                                                class="form-input h-6 w-full  text-xm col-span-2  rounded-lg border  border-slate-300 bg-transparent px-3 py-2  placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                                placeholder="" type="text" />
-                                        </label>
-
-                                        <span class="col-start-1 col-span-1 text-sm ">XML User Id</span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <label class="col-span-4 text-sm grid grid-cols-5 items-center">
-                                            <input
-                                                class="form-checkbox is-basic h-4 w-4 justify-self-end rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                type="checkbox" />
-
-                                            <p class="ml-2"> เลือก Partner Profile จาก Comcode</p>
-                                            <input
-                                                class="form-input h-6 w-full  text-xm col-span-2  rounded-lg border  border-slate-300 bg-transparent px-3 py-2  placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                                placeholder="" type="text" />
-                                        </label>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div class="space-y-4 p-4 sm:p-2">
-                                <span x-data="{ showModal: false }">
-                                    <div class="grid grid-cols-12 w-1/4  items-center">
-                                        <p
-                                            class="col-span-1 text-base font-medium text-primary dark:text-navy-100">
-                                            CA
-                                        </p>
-                                        <span @click="showModal = true" @click.prevent class="cursor-pointer"
-                                            title="ตรวจสอบวันหมดอายุของ CA">
-                                            <svg class="hover:stroke-cyan-500" xmlns="http://www.w3.org/2000/svg"
-                                                fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                                                stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round"
-                                                    d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z" />
-                                            </svg>
-                                        </span>
-                                        {{-- <button @click="showModal = true" @click.prevent
-                                        class="cols-span-3 py-1 px-2 text-xs float-right mr-4 btn space-x-2 bg-cyan-700 font-medium text-white hover:bg-cyan-900 focus:bg-cyan-900 active:bg-cyan-900">
-                                        <span class="text-sm">ตรวจสอบวันหมดอายุของ CA</span></button> --}}
-                                    </div>
-                                    <template x-teleport="#x-teleport-target">
-                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                            x-show="showModal" role="dialog"
-                                            @keydown.window.escape="showModal = false">
-                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                @click="showModal = false" x-show="showModal"
-                                                x-transition:enter="ease-out" x-transition:enter-start="opacity-0"
-                                                x-transition:enter-end="opacity-100" x-transition:leave="ease-in"
-                                                x-transition:leave-start="opacity-100"
-                                                x-transition:leave-end="opacity-0">
-                                            </div>
-                                            <div class="relative w-full max-w-lg origin-top rounded-lg bg-white transition-all duration-300 dark:bg-navy-700"
-                                                x-show="showModal" x-transition:enter="easy-out"
-                                                x-transition:enter-start="opacity-0 scale-95"
-                                                x-transition:enter-end="opacity-100 scale-100"
-                                                x-transition:leave="easy-in"
-                                                x-transition:leave-start="opacity-100 scale-100"
-                                                x-transition:leave-end="opacity-0 scale-95">
-                                                <div
-                                                    class="flex justify-between rounded-t-lg bg-slate-200 px-4 py-3 dark:bg-navy-800 sm:px-5">
-                                                    <h3
-                                                        class="text-base font-medium  text-slate-700 dark:text-navy-100">
-                                                        Status: INACTIVATED
-                                                    </h3>
-                                                    <button @click="showModal = !showModal"
-                                                        class="btn -mr-1.5 h-7 w-7 rounded-full p-0 hover:bg-slate-300/20 focus:bg-slate-300/20 active:bg-slate-300/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25">
-                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4.5 w-4.5"
-                                                            fill="none" viewBox="0 0 24 24" stroke="currentColor"
-                                                            stroke-width="2">
-                                                            <path stroke-linecap="round" stroke-linejoin="round"
-                                                                d="M6 18L18 6M6 6l12 12"></path>
-                                                        </svg>
-                                                    </button>
-                                                </div>
-                                                <div class="px-4 py-4 sm:px-5">
-                                                    <p>
-                                                        Active Date: <br>
-                                                        Expired Date: <br>
-                                                        Infomation Certificate file not found! <br>
-                                                    </p>
-
-                                                    <div class="space-x-2 text-right">
-
-                                                        <button @click="showModal = false"
-                                                            class="btn min-w-[7rem] rounded-full bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                                            OK
-                                                        </button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </template>
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Path (file.p12) </span>
-                                        <input
-                                            class="block col-span-2 text-xm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400"
-                                            placeholder="" type="file">
-
-                                        <span class="col-start-1 col-span-1 text-sm">PIN Code</span>
-                                        <input
-                                            class="form-input col-span-2  h-6  rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                    </div>
-                                </span>
-                            </div>
-                        </div>
-
-                        <div
-                            class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Gateway
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Organize </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Username </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <span class="col-start-1 col-span-1 text-sm">Password </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div
-                            class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Gateway
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Proxy </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Hostname or IP </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <span class="col-start-1 col-span-1 text-sm">Port </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password">
-                                        <span class="col-start-1 col-span-1 text-sm">Username </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <span class="col-start-1 col-span-1 text-sm">Password </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-profiles/edit.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Company Profile</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route . '.store') }}" method="POST">
-                @method('POST')
-                @csrf
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i> Edit
-                        </h2>
-                    </div>
-                    <div class="space-y-4 p-4 sm:p-2">
-                        <div class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Information
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Title </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="AXFL">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Description </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="AXFL">
-
-                                        <span class="col-start-1 col-span-1 text-sm ">Customs Profile</span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="AXFL">
-
-                                        <label class="col-span-4 text-sm grid grid-cols-5 items-center">
-                                            <input
-                                                class="form-checkbox is-basic h-4 w-4 justify-self-end rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                type="checkbox" checked />
-
-                                            <p class="ml-2">ใช้ข้อมูล Broker</p>
-                                            <input
-                                                class="form-input h-6 w-full  text-xm col-span-2  rounded-lg border  border-slate-300 bg-transparent px-3 py-2  placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                                placeholder="" type="text" />
-                                        </label>
-
-                                        <span class="col-start-1 col-span-1 text-sm ">XML User Id</span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="TH0101075570001010000000007T2">
-                                        <label class="col-span-4 text-sm grid grid-cols-5 items-center">
-                                            <input
-                                                class="form-checkbox is-basic h-4 w-4 justify-self-end rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                type="checkbox" />
-
-                                            <p class="ml-2"> เลือก Partner Profile จาก Comcode</p>
-                                            <input
-                                                class="form-input h-6 w-full  text-xm col-span-2  rounded-lg border  border-slate-300 bg-transparent px-3 py-2  placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                                placeholder="" type="text" />
-                                        </label>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div class="space-y-4 p-4 sm:p-2">
-                                <span x-data="{ showModal: false }">
-                                    <div class="grid grid-cols-12 w-1/4  items-center">
-                                        <p
-                                            class="col-span-1 text-base font-medium text-primary dark:text-navy-100">
-                                            CA
-                                        </p>
-                                        <span @click="showModal = true" @click.prevent class="cursor-pointer"
-                                            title="ตรวจสอบวันหมดอายุของ CA">
-                                            <svg class="hover:stroke-cyan-500" xmlns="http://www.w3.org/2000/svg"
-                                                fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                                                stroke="currentColor" class="w-6 h-6">
-                                                <path stroke-linecap="round" stroke-linejoin="round"
-                                                    d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z" />
-                                            </svg>
-                                        </span>
-                                        {{-- <button @click="showModal = true" @click.prevent
-                                        class="cols-span-3 py-1 px-2 text-xs float-right mr-4 btn space-x-2 bg-cyan-700 font-medium text-white hover:bg-cyan-900 focus:bg-cyan-900 active:bg-cyan-900">
-                                        <span class="text-sm">ตรวจสอบวันหมดอายุของ CA</span></button> --}}
-                                    </div>
-                                    <template x-teleport="#x-teleport-target">
-                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                            x-show="showModal" role="dialog"
-                                            @keydown.window.escape="showModal = false">
-                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                @click="showModal = false" x-show="showModal"
-                                                x-transition:enter="ease-out" x-transition:enter-start="opacity-0"
-                                                x-transition:enter-end="opacity-100" x-transition:leave="ease-in"
-                                                x-transition:leave-start="opacity-100"
-                                                x-transition:leave-end="opacity-0">
-                                            </div>
-                                            <div class="relative w-full max-w-lg origin-top rounded-lg bg-white transition-all duration-300 dark:bg-navy-700"
-                                                x-show="showModal" x-transition:enter="easy-out"
-                                                x-transition:enter-start="opacity-0 scale-95"
-                                                x-transition:enter-end="opacity-100 scale-100"
-                                                x-transition:leave="easy-in"
-                                                x-transition:leave-start="opacity-100 scale-100"
-                                                x-transition:leave-end="opacity-0 scale-95">
-                                                <div
-                                                    class="flex justify-between rounded-t-lg bg-slate-200 px-4 py-3 dark:bg-navy-800 sm:px-5">
-                                                    <h3
-                                                        class="text-base font-medium  text-slate-700 dark:text-navy-100">
-                                                        Status: INACTIVATED
-                                                    </h3>
-                                                    <button @click="showModal = !showModal"
-                                                        class="btn -mr-1.5 h-7 w-7 rounded-full p-0 hover:bg-slate-300/20 focus:bg-slate-300/20 active:bg-slate-300/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25">
-                                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4.5 w-4.5"
-                                                            fill="none" viewBox="0 0 24 24" stroke="currentColor"
-                                                            stroke-width="2">
-                                                            <path stroke-linecap="round" stroke-linejoin="round"
-                                                                d="M6 18L18 6M6 6l12 12"></path>
-                                                        </svg>
-                                                    </button>
-                                                </div>
-                                                <div class="px-4 py-4 sm:px-5">
-                                                    <p>
-                                                        Active Date: <br>
-                                                        Expired Date: <br>
-                                                        Infomation Certificate file not found! <br>
-                                                    </p>
-
-                                                    <div class="space-x-2 text-right">
-
-                                                        <button @click="showModal = false"
-                                                            class="btn min-w-[7rem] rounded-full bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                                            OK
-                                                        </button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </template>
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Path (file.p12) </span>
-                                        <input
-                                            class="block col-span-2 text-xm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400"
-                                            placeholder="" type="file">
-
-                                        <span class="col-start-1 col-span-1 text-sm">PIN Code</span>
-                                        <input
-                                            class="form-input col-span-2  h-6  rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password" value="TH0101075570001010000000007T2">
-                                    </div>
-                                </span>
-                            </div>
-                        </div>
-
-                        <div
-                            class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Gateway
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Organize </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="netbaygw2.co.th">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Username </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text" value="testaxfl002">
-                                        <span class="col-start-1 col-span-1 text-sm">Password </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password" value="testaxfl002">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div
-                            class="flex flex-col justify-between border-4 border-transparent border-l-info px-4 !mt-1">
-                            <div>
-                                <p class="text-base font-medium text-primary dark:text-navy-100 pl-2">
-                                    Gateway
-                                </p>
-                                <div class="space-y-4 p-4 sm:p-2">
-                                    <div class="grid grid-cols-8 gap-1 items-center">
-                                        <span class="col-span-1 text-sm ">Proxy </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-
-                                        <span class="col-start-1 col-span-1 text-sm">Hostname or IP </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <span class="col-start-1 col-span-1 text-sm">Port </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password">
-                                        <span class="col-start-1 col-span-1 text-sm">Username </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="text">
-                                        <span class="col-start-1 col-span-1 text-sm">Password </span>
-                                        <input
-                                            class="form-input col-span-2  h-6 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                            placeholder="" type="password">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-profiles/index.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Company Profile </a>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        Company Profile
-                    </h2>
-                    {{-- <a href="{{ $url }}/create"
-                        class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                        New
-                        <i></i>
-                    </a> --}}
-                </div>
-                @include('components/search-by', ['searchBy' => $searchBy ?? []])
-
-                <div class="mx-3 mt-3 px-4">
-                    <div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
-                        <table class="is-hoverable w-full text-left">
-                            <thead>
-                                <tr> 
-                                    <th
-                                        class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        #
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Profile
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        XML User ID
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Active
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Action
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                @foreach ($companyProfiles as $profile)
-                                    <tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">  
-                                            <label class="inline-flex items-center space-x-2">
-                                                <input
-                                                  class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                  type="checkbox" value="{{ $profile['id'] }}"
-                                                />
-                                              </label>
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $profile['profile_name'] }}
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $profile['xml_user_id'] }}
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <label class="inline-flex items-center">
-                                                <input {!! $profile['active'] === 'Y' ? 'checked' : '' !!}
-                                                    class="form-switch h-5 w-10 rounded-full bg-slate-300 before:rounded-full before:bg-slate-50 checked:bg-primary checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
-                                                    type="checkbox" />
-                                            </label>
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <div class="flex justify-center space-x-2">
-                                                <a href="{{ $url . '/' . $profile['id'] . '/edit' }}" @click="editItem"
-                                                    class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                                                    <i class="fa fa-edit"></i>
-                                                </a>
-                                                <div x-data="{ showModal: false }">
-                                                    <a @click="showModal = true"
-                                                        class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                                                        <i class="fa fa-trash-alt"></i>
-                                                    </a>
-
-                                                    <template x-teleport="#x-teleport-target">
-                                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                                            x-show="showModal" role="dialog"
-                                                            @keydown.window.escape="showModal = false">
-                                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                                @click="showModal = false" x-show="showModal"
-                                                                x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0"></div>
-                                                            <div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
-                                                                x-show="showModal" x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0">
-                                                                <svg xmlns="http://www.w3.org/2000/svg"
-                                                                    class="inline h-28 w-28 text-error" fill="none"
-                                                                    viewBox="0 0 24 24" stroke="currentColor">
-                                                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                                                        stroke-width="2"
-                                                                        d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
-                                                                    </path>
-                                                                </svg>
-                                                                <div class="mt-4 mx-5">
-                                                                    <h2
-                                                                        class="text-2xl text-slate-700 dark:text-navy-100">
-                                                                        Are you sure <br> you want to delete this item ?
-                                                                    </h2>
-                                                                    <p class="mt-2"></p>
-                                                                    <button @click="showModal = false"
-                                                                        class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
-                                                                    <a href="deleteurl"
-                                                                        @click.prevent="showModal = false"
-                                                                        class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    </div>
-
-                    {{ $companyProfiles->links('paginate-custom') }}
-                </div>
-            </div>
-
-
-            {{-- <div class="px-4">
-                    <div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $users }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
-                </div> --}}
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-profiles/show.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route('configurations.user') }}">User Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route('configurations.user.update', $user->id) }}" method="PUT">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{  $user->id }}">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        EDIT
-                    </h2>
-                </div>
-                <div class="w-3/4 px-3 space-y-4 m-auto mb-4">
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Username:</span>
-                        </label>
-                        <span class="relative flex w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="username" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Password:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Your Company" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Group:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <select
-                                class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                <option>Corporate event</option>
-                                <option>Wedding</option>
-                                <option>Birthday</option>
-                                <option>Other</option>
-                            </select>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Firstname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Firstname" type="text" name="name" value="{{  old('name')? old('name') : $user->name }}"/>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Lastname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Lastname" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Phone:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="(999) 999-9999" type="text"
-                                x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Email:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Email" type="text" name="email" value="{{  old('email')? old('email') : $user->email }}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Approved</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input checked
-                                class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
-                                type="checkbox" />
-                        </span>
-                    </div>
-                    <div class="grid grid-cols-6 justify-center space-x-2 pt-4">
-                        <a href="{{ route('configuration.user') }}"
-                            class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                            Cancel
-                        </a>
-                        <button type="submit"
-                            class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                            Save
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-types/create.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">CompanyType Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route . '.store') }}" method="POST">
-                @method('POST')
-                @csrf
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i>  Create
-                        </h2>
-                    </div>
-                    <div class="w-3/4 px-3 space-y-5 m-auto mb-4">
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Name:</span>
-                            </label>
-                            <span class="relative flex w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" />
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Description:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <textarea rows="4" placeholder=" Enter Text"
-                                    class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"></textarea>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All User</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_user" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_user" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Create All User</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_all_user" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_all_user" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Register</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="register" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="register" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Create Company</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_company" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_company" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All Group</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_group" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_group" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All Shipment</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_shipment" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_shipment" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Assign Role to Company:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <select
-                                    class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                    <option>Test1</option>
-                                    <option>Test2</option>
-                                    <option>Test3</option>
-                                </select>
-                            </span>
-                        </div>
-
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-types/edit.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">CompanyType</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route.'.update', $companyType['id']) }}" method="POST">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{ $companyType['id'] }}">
-
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i>  Edit
-                        </h2>
-
-                    </div>
-
-                    <div class="w-3/4 px-3 space-y-5 m-auto mb-4">
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Name:</span>
-                            </label>
-                            <span class="relative flex w-full">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="{{ $companyType['name'] }}"/>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Description:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <textarea rows="3" placeholder=" Enter Text"
-                                    class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    >{{ $companyType['description'] }}</textarea>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All User</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_user" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_user" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Create All User</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_all_user" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_all_user" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Register</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="register" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="register" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Create Company</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_company" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="create_company" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All Group</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_group" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_group" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Show All Shipment</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <label class="inline-flex items-center space-x-2">
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_shipment" type="radio" />
-                                    <p>Y</p>
-                                    <input
-                                        class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
-                                        name="show_all_shipment" type="radio" />
-                                    <p>N</p>
-                                </label>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Assign Role to Company:</span>
-                            </label>
-                            <span class="relative flex  w-full">
-                                <select
-                                    class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                    <option>Test1</option>
-                                    <option>Test2</option>
-                                    <option>Test3</option>
-                                </select>
-                            </span>
-                        </div>
-                        <div x-data="{ activeTab: 'tabProfileAndMenu' }" class="tabs flex flex-col mt-4 rounded-lg border-2">
-                            <div class="tab-content p-4">
-                                <div x-show="activeTab === 'tabProfileAndMenu'"
-                                    x-transition:enter="transition-all duration-500 easy-in-out"
-                                    x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
-                                    x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]">
-                                    <div>
-
-                                        <div class=" col-start-2 col-span-4 p-2">
-                                            <span class="m-3"><b> :: Menu Control Panel > Control at company type level ::</b></span>
-                                            <ul class="mt-2 mx-5 px-5  space-y-1.5 font-inter font-medium">
-                                                <li>
-                                                    <label class="inline-flex items-center space-x-2">
-                                                        <input
-                                                            class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                            type="checkbox" />
-                                                        <p>Primary</p>
-                                                    </label>
-                                                    <ul
-                                                        class="mt-2 mx-5 px-5  space-y-1.5 font-inter font-medium">
-                                                        <li>
-                                                            <label class="inline-flex items-center space-x-2">
-                                                                <input
-                                                                    class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                                    type="checkbox" />
-                                                                <p>Primary</p>
-                                                            </label>
-                                                        </li>
-                                                        <li>
-                                                            <label class="inline-flex items-center space-x-2">
-                                                                <input
-                                                                    class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                                    type="checkbox" />
-                                                                <p>Primary</p>
-                                                            </label>
-                                                        </li>
-                                                    </ul>
-                                                </li>
-                                                <li>
-                                                    <label class="inline-flex items-center space-x-2">
-                                                        <input
-                                                            class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                            type="checkbox" />
-                                                        <p>Primary</p>
-                                                    </label>
-                                                </li>
-                                                <li>
-                                                    <label class="inline-flex items-center space-x-2">
-                                                        <input
-                                                            class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                            type="checkbox" />
-                                                        <p>Primary</p>
-                                                    </label>
-                                                </li>
-                                                <li>
-                                                    <label class="inline-flex items-center space-x-2">
-                                                        <input
-                                                            class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                            type="checkbox" />
-                                                        <p>Primary</p>
-                                                    </label>
-                                                </li>
-                                                <li>
-                                                    <label class="inline-flex items-center space-x-2">
-                                                        <input
-                                                            class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                            type="checkbox" />
-                                                        <p>Primary</p>
-                                                    </label>
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-types/index.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">CompanyType </a>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        CompanyType 
-                    </h2>
-                    {{-- <a href="{{ $url }}/create"
-                        class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                        New
-                        <i></i>
-                    </a> --}}
-                </div>
-                @include('components/search-by' ,  ['searchBy' => $searchBy??[]])
-
-                <div class="mx-3 mt-3 px-4">
-                    <div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
-                        <table class="is-hoverable w-full text-left">
-                            <thead>
-                                <tr>
-                                    <th
-                                        class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                       #
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        TYPEID
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Name
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Description
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Action
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                @foreach ($companyTypes as $companyType)
-                                    <tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <label class="inline-flex items-center space-x-2">
-                                                <input
-                                                    class="form-checkbox is-basic h-4 w-4 rounded  border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                    type="checkbox" value="{{ $companyType['id'] }}" />
-                                            </label>
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $companyType['typeId'] }}
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $companyType['name'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            {{ $companyType['description'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <div class="flex justify-center space-x-2">
-                                                <a href="{{ $url . '/' . $companyType['id'] . '/edit' }}" @click="editItem"
-                                                    class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                                                    <i class="fa fa-edit"></i>
-                                                </a>
-                                                <div x-data="{ showModal: false }">
-                                                    <a @click="showModal = true"
-                                                        class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                                                        <i class="fa fa-trash-alt"></i>
-                                                    </a>
-
-                                                    <template x-teleport="#x-teleport-target">
-                                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                                            x-show="showModal" role="dialog"
-                                                            @keydown.window.escape="showModal = false">
-                                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                                @click="showModal = false" x-show="showModal"
-                                                                x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0"></div>
-                                                            <div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
-                                                                x-show="showModal" x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0">
-                                                                <svg xmlns="http://www.w3.org/2000/svg"
-                                                                    class="inline h-28 w-28 text-error" fill="none"
-                                                                    viewBox="0 0 24 24" stroke="currentColor">
-                                                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                                                        stroke-width="2"
-                                                                        d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
-                                                                    </path>
-                                                                </svg>
-                                                                <div class="mt-4 mx-5">
-                                                                    <h2
-                                                                        class="text-2xl text-slate-700 dark:text-navy-100">
-                                                                        Are you sure <br> you want to delete this item ?
-                                                                    </h2>
-                                                                    <p class="mt-2"></p>
-                                                                    <button @click="showModal = false"
-                                                                        class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
-                                                                    <a href="deleteurl"
-                                                                        @click.prevent="showModal = false"
-                                                                        class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    </div>
-
-                    {{ $companyTypes->links('paginate-custom') }}
-                </div>
-            </div>
-
-
-            {{-- <div class="px-4">
-                    <div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $users }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
-                </div> --}}
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/company-types/show.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route('configurations.user') }}">User Management</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route('configurations.user.update', $user->id) }}" method="PUT">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{  $user->id }}">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                        EDIT
-                    </h2>
-                </div>
-                <div class="w-3/4 px-3 space-y-4 m-auto mb-4">
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Username:</span>
-                        </label>
-                        <span class="relative flex w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="username" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Password:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Your Company" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Group:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <select
-                                class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                                <option>Corporate event</option>
-                                <option>Wedding</option>
-                                <option>Birthday</option>
-                                <option>Other</option>
-                            </select>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Firstname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Firstname" type="text" name="name" value="{{  old('name')? old('name') : $user->name }}"/>
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Lastname:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Lastname" type="text" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Phone:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="(999) 999-9999" type="text"
-                                x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Email:</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input
-                                class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                placeholder="Email" type="text" name="email" value="{{  old('email')? old('email') : $user->email }}" />
-                        </span>
-                    </div>
-                    <div class="flex items-center">
-                        <label class="w-32 mr-2">
-                            <span>Approved</span>
-                        </label>
-                        <span class="relative flex  w-full">
-                            <input checked
-                                class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
-                                type="checkbox" />
-                        </span>
-                    </div>
-                    <div class="grid grid-cols-6 justify-center space-x-2 pt-4">
-                        <a href="{{ route('configuration.user') }}"
-                            class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                            Cancel
-                        </a>
-                        <button type="submit"
-                            class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                            Save
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/config-options/config-option.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-  <!-- <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <h2 class="text-xl font-medium text-slate-800 dark:text-navy-50 lg:text-2xl">
-                Blank Template
-            </h2>
-        </div>
-    </main> -->
-  <main class="main-content w-full px-[var(--margin-x)] pb-8">
-    <div class="flex items-center space-x-4 py-5 lg:py-6">
-      <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-        <li class="flex items-center space-x-2">
-          <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent" href="/">Home</a>
-          <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-          </svg>
-        </li>
-        <li>Config Option</li>
-      </ul>
-    </div>
-
-
-
-
-    <div class="grid grid-cols-12 gap-4 sm:gap-5 lg:gap-6">
-      <div class="col-span-12 ">
-        <div class="card p-4 sm:p-5">
-        <div x-data="{activeTab:'tabTransport'}" class="tabs flex flex-col">
-    <div class="is-scrollbar-hidden overflow-x-auto">
-      <div class="border-b-2 border-slate-150 dark:border-navy-500">
-        <div class="tabs-list -mb-0.5 flex">
-          <button
-            @click="activeTab = 'tabTransport'"
-            :class="activeTab === 'tabTransport' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
-            class="btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 font-medium"
-          >
-            <!-- <svg
-              xmlns="http://www.w3.org/2000/svg"
-              class="h-4.5 w-4.5"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              stroke-width="1.5"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-              />
-            </svg> -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12" />
-
-</svg>
-
-          
-            <span>Transport Mode</span>
-          </button>
-          <button
-            @click="activeTab = 'tabPage'"
-            :class="activeTab === 'tabPage' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
-            class="btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 font-medium"
-          >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zm2.25 0h.008v.008H9.75V6z" />
-</svg>
-
-            <span>Page</span>
-          </button>
-          <button
-            @click="activeTab = 'tabFields'"
-            :class="activeTab === 'tabFields' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
-            class="btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 font-medium"
-          >
-          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 01-1.125-1.125v-3.75zM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-8.25zM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-2.25z" />
-</svg>
-
-            <span> Fields Mandatory </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div class="tab-content pt-4">
-      <div
-        x-show="activeTab === 'tabTransport'"
-        x-transition:enter="transition-all duration-500 easy-in-out"
-        x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
-        x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]"
-      >
-        <div>
-        <fieldset class="border border-solid border-gray-300 p-3">
-              <legend class="text-sm">Transport Mode Configuration</legend>
-              <label class="inline-flex items-center space-x-2">
-                <input checked class="form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400" name="transportMode" type="radio" />
-                <p class="text-sm">ทางเครื่องบิน</p>
-              </label><br>
-              <label class="inline-flex items-center space-x-2">
-                <input checked class="form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400" name="transportMode" type="radio" />
-                <p class="text-sm">ทางรถยนต์</p>
-              </label>
-              <br><br>
-            <button class="btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3  font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-            Save
-            </button>
-            <!-- <div class="grid grid-cols-1 gap-4 sm:grid-cols-12">
-              <label class="block sm:col-span-11">
-
-              </label>
-              <label class="block sm:col-span-1">
-                <div class="flex justify-start space-x-1 pt-3 ">
-                 
-                  <button class="btn h-8  w-full  rounded-md space-x-2 bg-primary px-3  font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                    
-                    <span>Save</span>
-                  </button>
-                </div>
-              </label>
-            </div> -->
-            </fieldset>
-        </div>
-      </div>
-      <div
-        x-show="activeTab === 'tabPage'"
-        x-transition:enter="transition-all duration-500 easy-in-out"
-        x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
-        x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]"
-      >
-        <div>
-        <fieldset class="border border-solid border-gray-300 p-3">
-              <legend class="text-sm">Page Configuration</legend>
-              <div class="grid grid-cols-1 gap-4 sm:grid-cols-12">
-                <label class="block sm:col-span-3 pt-2">
-                  <p class="text-sm text-right">Show list Pre-Arrival (IMPORT) &emsp;: </p>
-                </label>
-                <label class="block sm:col-span-2">
-                  <select class="form-select mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 top-0 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
-                    @for ($i = 0; $i < count($defaultPagination); $i++) <option value="{{$defaultPagination[$i]}}"><span class="text-xs">{{$defaultPagination[$i]}}</span></option>
-                      @endfor
-                  </select>
-                  </select>
-                </label>
-                <label class="block sm:col-span-7">
-
-                </label>
-
-              </div>
-              <br>
-              <button class="btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3  font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-            Save
-            </button>
-
-            </fieldset>
-        </div>
-      </div>
-      <div
-        x-show="activeTab === 'tabFields'"
-        x-transition:enter="transition-all duration-500 easy-in-out"
-        x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
-        x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]"
-      >
-        <div>
-        <fieldset class="border border-solid border-gray-300 p-3">
-              <legend class="text-sm">Check Invalid Fields Mandatory Configuration</legend>
-              <label class="inline-flex items-center space-x-2">
-                <input checked class="form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400" name="checkmandatory" type="radio" />
-                <p class="text-sm">ตรวจสอบค่าว่างฟิลด์ Mandatory</p>
-              </label><br>
-              <label class="inline-flex items-center space-x-2">
-                <input checked class="form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400" name="checkmandatory" type="radio" />
-                <p class="text-sm">ไม่ตรวจสอบค่าว่างฟิลด์ Mandatory</p>
-              </label>
-              <div x-data="{expandedItem:null}" class="flex flex-col">
-                <div x-data="accordionItem('item-1')">
-                  <div @click="expanded = !expanded" class="flex cursor-pointer items-center justify-between py-4 text-base font-medium text-slate-700 dark:text-navy-100">
-                    <p class="text-sm text-gray-500 "> -- Show Fields Mandatory --</p>
-                    <div :class="expanded && '-rotate-180'" class="text-sm font-normal leading-none text-slate-400 transition-transform duration-300 dark:text-navy-300">
-                      <i class="fas fa-chevron-down"></i>
-                    </div>
-                  </div>
-                  <div x-collapse x-show="expanded">
-                    <div>
-                      <div id="bl-mandatory" style="display: block;">
-                        <hr>
-                        <table width="90%" style="color: #908f8fee;">
-                          <tbody>
-                            <tr>
-                              <td>Vessel No.</td>
-                              <td>Arrival Date - Time</td>
-                              <td>Discharge Port</td>
-                              <td>Mode of Transport</td>
-                              <td>MAWB</td>
-                            </tr>
-                            <tr>
-
-                              <td>Category</td>
-                              <td>Gross Weight</td>
-                              <td>Gross Weight Unit</td>
-                              <td>HAWB</td>
-                              <td>Package</td>
-
-                            </tr>
-                            <tr>
-
-                              <td>Package Unit</td>
-                              <td>Shipper Name</td>
-                              <td>Shipper Street and Address</td>
-                              <td>Shipper Post Code</td>
-                              <td>Shipper Country</td>
-
-                            </tr>
-                            <tr>
-
-                              <td>Consignee Name</td>
-                              <td>Consignee Street and Address</td>
-                              <td>Consignee Post Code</td>
-                              <td>Consignee Country</td>
-                              <td>English Description of Goods</td>
-
-
-                            </tr>
-                            <tr>
-
-                              <td>Shipping Mark</td>
-                              <td>CIF</td>
-                              <td>Exchange Rate</td>
-                              <td>FOB Currency Code</td>
-                              <td>FOB Value Foreign</td>
-                            </tr>
-                            <tr>
-                              <td>Freight</td>
-                              <td>Freight Currency Code</td>
-                              <td>Insurance</td>
-                              <td>Insurance Currency Code</td>
-                              <td>Consignment country</td>
-                            </tr>
-                          </tbody>
-                        </table>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <br>
-              <button class="btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3  font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-            Save
-            </button>
-            </fieldset>
-        </div>
-      </div>
-    </div>
-  </div>
-          <!-- <div class=" font-medium text-slate-800 dark:text-navy-50 ">
-           <br>
-            
-          </div><br>
-          <div class="font-medium text-slate-800 dark:text-navy-50 ">
-            
-          </div><br>
-          <div class="font-medium text-slate-800 dark:text-navy-50 ">
-            
-          </div> -->
-        </div>
-      </div>
-    </div>
-  </main>
-</x-app-layout-sideblock>
\ No newline at end of file

resources/views/configurations/consignees/create.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Consignee List</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route.'.store') }}" method="POST">
-                @method('POST')
-                @csrf
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2
-                            class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i> Create
-                        </h2>
-                    </div>
-                    <div class="w-3/4 px-3 space-y-2 m-auto mb-4">
-                    <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Consignee Code :</span>
-                            </label>
-                            <span class="relative flex w-10/12">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" name="CSN_CODE" value=""/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Consignee Name:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" name="CSN_NAME" value="" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Company Tax No.:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" 
-                                    value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Branch:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text"  value=""/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Street and Address:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                            <textarea rows="2" placeholder=" Enter Text"
-                                        class="form-textarea w-6/12 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"></textarea>
-                               
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>District:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value=""/>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Sub province:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Province:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Post Code:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text"value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Country:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-1/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="" />&nbsp;
-                                    <button x-ref="popperRef" @click="isShowPopper = !isShowPopper" class="btn bg-slate-150 my-0.5 -mr-1 h-6 w-6 p-0 hover:bg-slate-300/20 focus:bg-slate-300/20 active:bg-slate-300/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25">
-                                <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
-                                </svg>
-                              </button>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Contact Name:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Phone:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input
-                                    class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
-                                    placeholder="" type="text" value="" />
-                            </span>
-                        </div>
-                     
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}"
-                                class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit"
-                                class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>

resources/views/configurations/consignees/edit.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-10/12 px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent" href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent" href="{{ route($route) }}">Consignee List</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <form action="{{ route($route.'.update', $consignee['id']) }}" method="POST">
-                @method('PUT')
-                @csrf
-                <input type="hidden" name="id" value="{{ $consignee['id'] }}">
-
-                <div class="card pb-4">
-                    <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                        <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                            <i class="fa-solid fa-edit text-primary"></i> Edit
-                        </h2>
-
-                    </div>
-
-                    <div class="w-3/4 px-1 space-y-2 m-auto mb-4">
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Consignee Code :</span>
-                            </label>
-                            <span class="relative flex w-10/12">
-                                <input class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" name="CSN_CODE" value="{{$consignee['CSN_CODE']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Consignee Name:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" name="CSN_NAME" value="{{$consignee['CSN_NAME']}}" type="text" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Company Tax No.:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_TAXID']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Branch:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_BRANCH']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Street and Address:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <textarea rows="2" placeholder=" Enter Text" class="form-textarea w-6/12 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent">{{$consignee['CSN_ADDR']}}</textarea>
-
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>District:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_DISTRICT']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Sub province:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_SUBPROVINCE']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Province:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_PROVINCE']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Post Code:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_POSTCODE']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Country:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-1/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_COUNTRY']}}" />&nbsp;
-
-                                <label x-data="{ showModal: false }">
-                                    <a @click="showModal = true" class="btn bg-slate-150 my-0.5 -mr-1 h-6 w-6 p-0 hover:bg-slate-300/20 focus:bg-slate-300/20 active:bg-slate-300/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25">
-                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-                                            <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
-                                        </svg>
-                                    </a>
-                                    <template x-teleport="#x-teleport-target">
-                                    <!-- relative w-9/12 rounded-lg flex overflow-y-auto flex-col bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5" -->
-                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5" x-show="showModal" role="dialog" @keydown.window.escape="showModal = false">
-                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300" @click="showModal = false" x-show="showModal" x-transition:enter="ease-out" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"></div>
-                                            <div class="relative w-8/12 rounded-lg flex overflow-y-auto flex-col bg-white transition-all duration-300 dark:bg-navy-700" x-show="showModal" x-transition:enter="easy-out" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="easy-in" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95">
-                                                @include('configurations.consignees.show')
-                                            </div>
-                                        </div>
-                                    </template>
-
-                                </label>
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Contact Name:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_EMAIL']}}" />
-                            </span>
-                        </div>
-                        <div class="flex items-center">
-                            <label class="w-2/12 mr-2">
-                                <span>Phone:</span>
-                            </label>
-                            <span class="relative flex  w-10/12">
-                                <input class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="" type="text" value="{{$consignee['CSN_PHONE']}}" />
-                            </span>
-                        </div>
-
-                        <div class="grid grid-cols-8 justify-center space-x-2 pt-4">
-                            <a href="{{ route($route) }}" class="col-start-3 btn  border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
-                                Cancel
-                            </a>
-                            <button type="submit" class="btn ml-3  bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                                Save
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </main>
-
-</x-app-layout-sideblock>
\ No newline at end of file

resources/views/configurations/consignees/index.blade.php

-<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
-    <main class="main-content w-full px-[var(--margin-x)] pb-8">
-        <div class="flex items-center space-x-4 py-5 lg:py-6">
-            <ul class="hidden flex-wrap items-center space-x-2 sm:flex">
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="/">Home</a>
-                    <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                        stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                </li>
-                <li> Configuration </li>
-                <svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                    stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-                </svg>
-                <li class="flex items-center space-x-2">
-                    <a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
-                        href="{{ route($route) }}">Consignee List</a>
-                </li>
-            </ul>
-        </div>
-        <div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
-            <div class="card pb-4">
-                <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
-                    <h3 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
-                    Consignee List
-                    </h3>
-                    {{-- <a href="{{ $url }}/create"
-                        class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
-                        New
-                        <i></i>
-                    </a> --}}
-                </div>
-                @include('components/search-by' ,  ['searchBy' => $searchBy??[]])
-
-                <div class="mx-3 mt-3 px-4">
-                    <div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
-                        <table class="is-hoverable w-full text-left">
-                            <thead>
-                                <tr>
-                                    <th
-                                        class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        #
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Consignee Code
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Consignee Name
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Contact Name
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Contact Tax No
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Branch
-                                    </th>
-                                    <th
-                                        class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
-                                        Action
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                @foreach ($consignee as $consigneedata)
-                                    <tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">  
-                                            <label class="inline-flex items-center space-x-2">
-                                                <input
-                                                  class="form-checkbox is-basic h-4 w-4 rounded bg-slate-100 border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
-                                                  type="checkbox" value="{{ $consigneedata['id'] }}"
-                                                />
-                                              </label>
-                                        </td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $consigneedata['CSN_CODE'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $consigneedata['CSN_NAME'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $consigneedata['CSN_EMAIL'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $consigneedata['CSN_TAXID'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $consigneedata['CSN_BRANCH'] }}</td>
-                                        <td class="whitespace-nowrap px-4 py-3 sm:px-5">
-                                            <div class="flex justify-center space-x-2">
-                                                <a href="{{ $url.'/'.$consigneedata['id'].'/edit' }}" @click="editItem"
-                                                    class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
-                                                    <i class="fa fa-edit"></i>
-                                                </a>
-                                                <div x-data="{ showModal: false }">
-                                                    <a @click="showModal = true"
-                                                        class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
-                                                        <i class="fa fa-trash-alt"></i>
-                                                    </a>
-
-                                                    <template x-teleport="#x-teleport-target">
-                                                        <div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
-                                                            x-show="showModal" role="dialog"
-                                                            @keydown.window.escape="showModal = false">
-                                                            <div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
-                                                                @click="showModal = false" x-show="showModal"
-                                                                x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0"></div>
-                                                            <div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
-                                                                x-show="showModal" x-transition:enter="ease-out"
-                                                                x-transition:enter-start="opacity-0"
-                                                                x-transition:enter-end="opacity-100"
-                                                                x-transition:leave="ease-in"
-                                                                x-transition:leave-start="opacity-100"
-                                                                x-transition:leave-end="opacity-0">
-                                                                <svg xmlns="http://www.w3.org/2000/svg"
-                                                                    class="inline h-28 w-28 text-error" fill="none"
-                                                                    viewBox="0 0 24 24" stroke="currentColor">
-                                                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                                                        stroke-width="2"
-                                                                        d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
-                                                                    </path>
-                                                                </svg>
-                                                                <div class="mt-4 mx-5">
-                                                                    <h2
-                                                                        class="text-2xl text-slate-700 dark:text-navy-100">
-                                                                        Are you sure <br> you want to delete this item ?
-                                                                    </h2>
-                                                                    <p class="mt-2"></p>
-                                                                    <button @click="showModal = false"
-                                                                        class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
-                                                                    <a href="deleteurl"
-                                                                        @click.prevent="showModal = false"
-                                                                        class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    </div>
-
-                    {{ $consignee->links('paginate-custom') }}
-                </div>
-            </div>
-
-
-            {{-- <div class="px-4">
-                    <div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $users }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
-                </div> --}}
-        </div>
-    </main>
-
-</x-app-layout-sideblock>