diff --git a/resources/views/administrator/layout/partials/header.blade.php b/resources/views/administrator/layout/partials/header.blade.php
index 89a4dca..9c95196 100644
--- a/resources/views/administrator/layout/partials/header.blade.php
+++ b/resources/views/administrator/layout/partials/header.blade.php
@@ -28,19 +28,6 @@
           </div>
         </label>
       </li>
-      <li class="nav-item dropdown">
-        <a class="nav-link dropdown-toggle d-flex" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-          <img src="{{ url('build/images/flags/' . (app()->getLocale() == 'vi' ? 'vn' : 'us') . '.svg') }}" class="w-20px"
-            title="us" alt="flag">
-          <span class="ms-2 d-none d-md-inline-block">{{ app()->getLocale() == 'vi' ? 'Viet Nam' : 'English' }}</span>
-          </a>
-          <div class="dropdown-menu" aria-labelledby="languageDropdown">
-            <a href="javascript:;" class="dropdown-item py-2 d-flex"><img src="{{ url('build/images/flags/vn.svg') }}"
-                class="w-20px" title="us" alt="us"> <span class="ms-2"> Viet Nam </span></a>
-            <a href="javascript:;" class="dropdown-item py-2 d-flex"><img src="{{ url('build/images/flags/us.svg') }}"
-                class="w-20px" title="fr" alt="fr"> <span class="ms-2"> English </span></a>
-        </div>
-      </li>
       <li class="nav-item dropdown">
         <a class="nav-link dropdown-toggle" href="#" id="appsDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
           <i data-lucide="layout-grid"></i>
diff --git a/resources/views/administrator/pages/block/Sync/Datastore.blade.php b/resources/views/administrator/pages/block/Sync/Datastore.blade.php
index fd51358..de78fa2 100644
--- a/resources/views/administrator/pages/block/Sync/Datastore.blade.php
+++ b/resources/views/administrator/pages/block/Sync/Datastore.blade.php
@@ -1,3 +1,5 @@
-<a href="{{ route('package.datastore.create') }}" class="btn btn-outline-secondary"><i class="fas fa-plus-circle"></i> Add Datastore</a>
+<x-button-crm type="button" variant="primary" size="sm" route="package.datastore.create" icon="plus-circle">Add
+    Datastore</x-button-crm>
 @include("administrator.pages.block.Sync.All")
-<a href="{{ route('package.datastore.sync') }}" class="btn btn-outline-secondary"><i class="fas fa-sync"></i> Sync Datastore</a>
+<x-button-crm type="button" variant="secondary" size="sm" route="package.datastore.sync" icon="refresh-cw">Sync
+    Datastore</x-button-crm>
\ No newline at end of file
diff --git a/resources/views/administrator/pages/block/Sync/Folder.blade.php b/resources/views/administrator/pages/block/Sync/Folder.blade.php
index 67ed0e9..4dbf67a 100644
--- a/resources/views/administrator/pages/block/Sync/Folder.blade.php
+++ b/resources/views/administrator/pages/block/Sync/Folder.blade.php
@@ -1,3 +1,5 @@
-<a href="{{ route('package.folder.create') }}" class="btn btn-outline-secondary"><i class="fas fa-plus-circle"></i> Add Folder</a>
+<x-button-crm type="button" variant="primary" size="sm" route="package.folder.create" icon="plus-circle">Add
+    Folder</x-button-crm>
 @include("administrator.pages.block.Sync.All")
-<a href="{{ route('package.folder.sync') }}" class="btn btn-outline-secondary"><i class="fas fa-sync"></i> Sync Folder</a>
+<x-button-crm type="button" variant="secondary" size="sm" route="package.folder.sync" icon="refresh-cw">Sync
+    Folder</x-button-crm>
diff --git a/resources/views/administrator/pages/block/Sync/Host.blade.php b/resources/views/administrator/pages/block/Sync/Host.blade.php
index 1a5be41..861a530 100644
--- a/resources/views/administrator/pages/block/Sync/Host.blade.php
+++ b/resources/views/administrator/pages/block/Sync/Host.blade.php
@@ -1,3 +1,5 @@
-<a href="{{ route('package.host.create') }}" class="btn btn-outline-secondary"><i class="fas fa-plus-circle"></i> Add Host</a>
+<x-button-crm type="button" variant="primary" size="sm" route="package.host.create" icon="plus-circle">Add
+    Host</x-button-crm>
 @include("administrator.pages.block.Sync.All")
-<a href="{{ route('package.host.sync') }}" class="btn btn-outline-secondary"><i class="fas fa-sync"></i> Sync Host</a>
+<x-button-crm type="button" variant="secondary" size="sm" route="package.host.sync" icon="refresh-cw">Sync
+    Host</x-button-crm>
\ No newline at end of file
diff --git a/resources/views/administrator/pages/block/Sync/Network.blade.php b/resources/views/administrator/pages/block/Sync/Network.blade.php
index e233461..7103ee8 100644
--- a/resources/views/administrator/pages/block/Sync/Network.blade.php
+++ b/resources/views/administrator/pages/block/Sync/Network.blade.php
@@ -1,3 +1,5 @@
-<a href="{{ route('package.network.create') }}" class="btn btn-outline-secondary"><i class="fas fa-plus-circle"></i> Add Network</a>
+<x-button-crm type="button" variant="primary" size="sm" route="package.network.create" icon="plus-circle">Add
+    Network</x-button-crm>
 @include("administrator.pages.block.Sync.All")
-<a href="{{ route('package.network.sync') }}" class="btn btn-outline-secondary"><i class="fas fa-sync"></i> Sync Network</a>
+<x-button-crm type="button" variant="secondary" size="sm" route="package.network.sync" icon="refresh-cw">Sync
+    Network</x-button-crm>
diff --git a/resources/views/administrator/pages/package/datastore/add.blade.php b/resources/views/administrator/pages/package/datastore/add.blade.php
index 3042484..c0c1cd5 100644
--- a/resources/views/administrator/pages/package/datastore/add.blade.php
+++ b/resources/views/administrator/pages/package/datastore/add.blade.php
@@ -1,6 +1,8 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
 
 @section('breadcrumb')
@@ -8,7 +10,8 @@
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Datastore', 'active' => true],
+            ['label' => 'Datastore', 'url' => route('package.datastore.index')],
+            ['label' => 'Add Datastore', 'active' => true],
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -77,8 +80,7 @@
 @endsection
 
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/datastore/edit.blade.php b/resources/views/administrator/pages/package/datastore/edit.blade.php
index cc8c7e8..4243fe9 100644
--- a/resources/views/administrator/pages/package/datastore/edit.blade.php
+++ b/resources/views/administrator/pages/package/datastore/edit.blade.php
@@ -1,14 +1,16 @@
 @extends("administrator.layout.master")
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
-
 @section('breadcrumb')
     @php
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Datastore', 'active' => true],
+            ['label' => 'Datastore', 'url' => route('package.datastore.index')],
+            ['label' => 'Edit Datastore', 'active' => true],
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -80,8 +82,7 @@
     @endif
 @endsection
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/datastore/index.blade.php b/resources/views/administrator/pages/package/datastore/index.blade.php
index 1034be1..a8e4ccf 100644
--- a/resources/views/administrator/pages/package/datastore/index.blade.php
+++ b/resources/views/administrator/pages/package/datastore/index.blade.php
@@ -1,9 +1,10 @@
 @extends('administrator.layout.master')
 
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
-
 @section('breadcrumb')
     @php
         $breadcrumbItems = [
@@ -17,7 +18,7 @@
 @section('content')
     @if(auth()->guard('admins')->user()->can("manager package module"))
         <div class="card card-primary card-outline">
-            <div class="card-header">
+            <div class="card-header d-flex justify-content-end gap-2">
                 @include("administrator.pages.block.Sync.Datastore")
             </div>
             <div class="card-body">
@@ -39,8 +40,7 @@
 @endsection
 
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/folder/add.blade.php b/resources/views/administrator/pages/package/folder/add.blade.php
index e958816..e8e7b55 100644
--- a/resources/views/administrator/pages/package/folder/add.blade.php
+++ b/resources/views/administrator/pages/package/folder/add.blade.php
@@ -1,4 +1,21 @@
 @extends("administrator.layout.master")
+@push('plugin-styles')
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
+@endpush
+
+@section('breadcrumb')
+    @php
+$breadcrumbItems = [
+    ['label' => 'Modules'],
+    ['label' => 'Package vCenter'],
+    ['label' => 'Folder', 'url' => route('package.folder.index')],
+    ['label' => 'Add Folder', 'active' => true],
+];
+    @endphp
+    <x-admin-breadcrumb :items="$breadcrumbItems" />
+@endsection
 @section("content")
 @if(auth()->guard('admins')->user()->can("add module vcenter"))
     <div class="card card-outline card-primary">
@@ -42,3 +59,8 @@
     </div>
 @endif
 @endsection
+@push('plugin-scripts')
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
+@endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/folder/edit.blade.php b/resources/views/administrator/pages/package/folder/edit.blade.php
index d98d83c..fa35262 100644
--- a/resources/views/administrator/pages/package/folder/edit.blade.php
+++ b/resources/views/administrator/pages/package/folder/edit.blade.php
@@ -1,6 +1,8 @@
 @extends("administrator.layout.master")
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
 
 @section('breadcrumb')
@@ -8,7 +10,8 @@
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Folder', 'active' => true],
+            ['label' => 'Folder', 'url' => route('package.folder.index')],
+            ['label' => 'Edit Folder', 'active' => true],
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -60,9 +63,8 @@
         </div>
     @endif
 @endsection
-    @push('plugin-scripts')
-        <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-        <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-        <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-        <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
-    @endpush
\ No newline at end of file
+@push('plugin-scripts')
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
+@endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/folder/index.blade.php b/resources/views/administrator/pages/package/folder/index.blade.php
index d5c9ff5..0d51779 100644
--- a/resources/views/administrator/pages/package/folder/index.blade.php
+++ b/resources/views/administrator/pages/package/folder/index.blade.php
@@ -1,44 +1,45 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
+    
+    @section('breadcrumb')
+        @php
+            $breadcrumbItems = [
+                ['label' => 'Modules'],
+                ['label' => 'Package vCenter'],
+                ['label' => 'Folder', 'active' => true],
+            ];
+        @endphp
+        <x-admin-breadcrumb :items="$breadcrumbItems" />
+    @endsection
+    @section('content')
+        @if(auth()->guard('admins')->user()->can("manager package module"))
 
-@section('breadcrumb')
-    @php
-        $breadcrumbItems = [
-            ['label' => 'Modules'],
-            ['label' => 'Package vCenter'],
-            ['label' => 'Folder', 'active' => true],
-        ];
-    @endphp
-    <x-admin-breadcrumb :items="$breadcrumbItems" />
-@endsection
-@section('content')
-    @if(auth()->guard('admins')->user()->can("manager package module"))
-
-        <div class="card card-primary card-outline">
-            <div class="card-header">
-                @include("administrator.pages.block.Sync.Folder")
-            </div>
-            <div class="card-body">
-                <x-datatable id="folderTable" ajax="{{ route('package.folder.datatable') }}" :columns="[
+            <div class="card card-primary card-outline">
+                <div class="card-header d-flex justify-content-end gap-2">
+                    @include("administrator.pages.block.Sync.Folder")
+                </div>
+                <div class="card-body">
+                    <x-datatable id="folderTable" ajax="{{ route('package.folder.datatable') }}" :columns="[
                     ['key' => 'name', 'label' => 'Name'],
                     ['key' => 'folder', 'label' => 'Folder'],
                     ['key' => 'datacenter.v_center.host', 'label' => 'vCenter Host'],
                     ['key' => 'action', 'label' => 'Action']
                 ]" />
+                </div>
             </div>
-        </div>
-    @else
-        <div class="alert alert-danger alert-dismissible">
-            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module Package
-                management department</h5>
-        </div>
-    @endif
-@endsection
-@push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
-@endpush
\ No newline at end of file
+        @else
+            <div class="alert alert-danger alert-dismissible">
+                <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module Package
+                    management department</h5>
+            </div>
+        @endif
+    @endsection
+    @push('plugin-scripts')
+        @foreach (config('assets.datatable.js') as $datatable)
+            <script src="{{ asset($datatable) }}"></script>
+        @endforeach
+    @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/host/add.blade.php b/resources/views/administrator/pages/package/host/add.blade.php
index cb7f276..e4c20e4 100644
--- a/resources/views/administrator/pages/package/host/add.blade.php
+++ b/resources/views/administrator/pages/package/host/add.blade.php
@@ -1,73 +1,75 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
-
-@section('breadcrumb')
-    @php
-        $breadcrumbItems = [
-            ['label' => 'Modules'],
-            ['label' => 'Package vCenter'],
-            ['label' => 'Host', 'active' => true],
-        ];
-    @endphp
-    <x-admin-breadcrumb :items="$breadcrumbItems" />
-@endsection
-@section("content")
-    @if(auth()->guard('admins')->user()->can("add module vcenter"))
-        <div class="card card-outline card-primary">
-            <form action="{{ route('package.host.store') }}" method="post">
-                @csrf
-                <div class="card-body">
-                    <x-module.v-center :model="null" />
-                    <x-module.datacenter :model="null" />
-                    {{--Name--}}
-                    <div class="row form-group align-items-center mb-0">
-                        <label for="name" class="col-md-3 text-right">Name</label>
-                        <div class="col-md-9 p-1 bg-customer">
-                            <input type="text" id="name" name="name" placeholder="" value="" class="form-control">
+    
+    @section('breadcrumb')
+        @php
+            $breadcrumbItems = [
+                ['label' => 'Modules'],
+                ['label' => 'Package vCenter'],
+                ['label' => 'Host', 'url' => route('package.host.index')],
+                ['label' => 'Add Host', 'active' => true],
+            ];
+        @endphp
+        <x-admin-breadcrumb :items="$breadcrumbItems" />
+    @endsection
+    @section("content")
+        @if(auth()->guard('admins')->user()->can("add module vcenter"))
+            <div class="card card-outline card-primary">
+                <form action="{{ route('package.host.store') }}" method="post">
+                    @csrf
+                    <div class="card-body">
+                        <x-module.v-center :model="null" />
+                        <x-module.datacenter :model="null" />
+                        {{--Name--}}
+                        <div class="row form-group align-items-center mb-0">
+                            <label for="name" class="col-md-3 text-right">Name</label>
+                            <div class="col-md-9 p-1 bg-customer">
+                                <input type="text" id="name" name="name" placeholder="" value="" class="form-control">
+                            </div>
+                        </div>
+                        {{--Host ID--}}
+                        <div class="row form-group align-items-center mb-0">
+                            <label for="host_id" class="col-md-3 text-right">Host ID</label>
+                            <div class="col-md-9 p-1 bg-customer">
+                                <input type="text" id="host_id" name="host_id" placeholder="" value="" class="form-control">
+                            </div>
+                        </div>
+                        {{--Template ID--}}
+                        <div class="row form-group align-items-center mb-0">
+                            <label for="template" class="col-md-3 text-right">Template ID</label>
+                            <div class="col-md-9 p-1 bg-customer">
+                                <input type="text" id="template" name="template" placeholder="" value="" class="form-control">
+                            </div>
+                        </div>
+                        {{--Console ID--}}
+                        <div class="row form-group align-items-center mb-0">
+                            <label for="console" class="col-md-3 text-right">Console Name</label>
+                            <div class="col-md-9 p-1 bg-customer">
+                                <input type="text" id="console" name="console" placeholder="consolenode129.tgs.com.vn" value=""
+                                    class="form-control">
+                            </div>
                         </div>
                     </div>
-                    {{--Host ID--}}
-                    <div class="row form-group align-items-center mb-0">
-                        <label for="host_id" class="col-md-3 text-right">Host ID</label>
-                        <div class="col-md-9 p-1 bg-customer">
-                            <input type="text" id="host_id" name="host_id" placeholder="" value="" class="form-control">
-                        </div>
+                    <div class="card-footer">
+                        <a href="{{ route('package.host.index') }}" class="btn btn-outline-secondary">Trở về</a>
+                        <button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
                     </div>
-                    {{--Template ID--}}
-                    <div class="row form-group align-items-center mb-0">
-                        <label for="template" class="col-md-3 text-right">Template ID</label>
-                        <div class="col-md-9 p-1 bg-customer">
-                            <input type="text" id="template" name="template" placeholder="" value="" class="form-control">
-                        </div>
-                    </div>
-                    {{--Console ID--}}
-                    <div class="row form-group align-items-center mb-0">
-                        <label for="console" class="col-md-3 text-right">Console Name</label>
-                        <div class="col-md-9 p-1 bg-customer">
-                            <input type="text" id="console" name="console" placeholder="consolenode129.tgs.com.vn" value=""
-                                class="form-control">
-                        </div>
-                    </div>
-                </div>
-                <div class="card-footer">
-                    <a href="{{ route('package.host.index') }}" class="btn btn-outline-secondary">Trở về</a>
-                    <button type="submit" class="btn btn-outline-primary">Lưu dữ liệu</button>
-                </div>
-            </form>
-        </div>
-    @else
-        <div class="alert alert-danger alert-dismissible">
-            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module vCenter
-                management department</h5>
-        </div>
-    @endif
-@endsection
-
-@push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
-@endpush
\ No newline at end of file
+                </form>
+            </div>
+        @else
+            <div class="alert alert-danger alert-dismissible">
+                <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Module vCenter
+                    management department</h5>
+            </div>
+        @endif
+    @endsection
+    
+    @push('plugin-scripts')
+        @foreach (config('assets.datatable.js') as $datatable)
+            <script src="{{ asset($datatable) }}"></script>
+        @endforeach
+    @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/host/edit.blade.php b/resources/views/administrator/pages/package/host/edit.blade.php
index 6c495a3..babcd1f 100644
--- a/resources/views/administrator/pages/package/host/edit.blade.php
+++ b/resources/views/administrator/pages/package/host/edit.blade.php
@@ -1,14 +1,16 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
-
 @section('breadcrumb')
     @php
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Host', 'active' => true],
+            ['label' => 'Host', 'url' => route('package.host.index')],
+            ['label' => 'Edit Host', 'active' => true],
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -70,8 +72,7 @@
     @endif
 @endsection
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/host/index.blade.php b/resources/views/administrator/pages/package/host/index.blade.php
index f1dc219..0d56481 100644
--- a/resources/views/administrator/pages/package/host/index.blade.php
+++ b/resources/views/administrator/pages/package/host/index.blade.php
@@ -1,8 +1,9 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
-
 @section('breadcrumb')
     @php
         $breadcrumbItems = [
@@ -16,7 +17,7 @@
 @section('content')
     @if(auth()->guard('admins')->user()->can("manager package module"))
         <div class="card card-primary card-outline">
-            <div class="card-header">
+            <div class="card-header d-flex justify-content-end gap-2">
                 @include("administrator.pages.block.Sync.Host")
             </div>
             <div class="card-body">
@@ -37,8 +38,7 @@
     @endif
 @endsection
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/network/add.blade.php b/resources/views/administrator/pages/package/network/add.blade.php
index 087c03f..00da7c2 100644
--- a/resources/views/administrator/pages/package/network/add.blade.php
+++ b/resources/views/administrator/pages/package/network/add.blade.php
@@ -1,6 +1,8 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
 
 @section('breadcrumb')
@@ -8,7 +10,8 @@
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Datacenter', 'active' => true],
+            ['label' => 'Network', 'url' => route('package.network.index')],
+            ['label' => 'Edit Network', 'active' => true]
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -61,8 +64,7 @@
 @endsection
 
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/network/edit.blade.php b/resources/views/administrator/pages/package/network/edit.blade.php
index 65936ea..fe0fcb7 100644
--- a/resources/views/administrator/pages/package/network/edit.blade.php
+++ b/resources/views/administrator/pages/package/network/edit.blade.php
@@ -1,6 +1,8 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
 
 @section('breadcrumb')
@@ -8,7 +10,8 @@
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Datacenter', 'active' => true],
+            ['label' => 'Network', 'url' => route('package.network.index')],
+            ['label' => 'Edit Network', 'active' => true]
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -64,8 +67,7 @@
     @endif
 @endsection
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file
diff --git a/resources/views/administrator/pages/package/network/index.blade.php b/resources/views/administrator/pages/package/network/index.blade.php
index f5c24a6..8e36ca2 100644
--- a/resources/views/administrator/pages/package/network/index.blade.php
+++ b/resources/views/administrator/pages/package/network/index.blade.php
@@ -1,6 +1,8 @@
 @extends('administrator.layout.master')
 @push('plugin-styles')
-    <link href="{{ asset('build/plugins/select2/select2.min.css') }}" rel="stylesheet" />
+    @foreach (config('assets.datatable.css') as $datatable)
+        <link href="{{ asset($datatable) }}" rel="stylesheet" />
+    @endforeach
 @endpush
 
 @section('breadcrumb')
@@ -8,7 +10,7 @@
         $breadcrumbItems = [
             ['label' => 'Modules'],
             ['label' => 'Package vCenter'],
-            ['label' => 'Datacenter', 'active' => true],
+            ['label' => 'Network', 'active' => true],
         ];
     @endphp
     <x-admin-breadcrumb :items="$breadcrumbItems" />
@@ -36,8 +38,7 @@
 @endsection
 
 @push('plugin-scripts')
-    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/select2/select2.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
-    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
+    @foreach (config('assets.datatable.js') as $datatable)
+        <script src="{{ asset($datatable) }}"></script>
+    @endforeach
 @endpush
\ No newline at end of file