diff --git a/app/Http/Controllers/Auth/ProfileController.php b/app/Http/Controllers/Auth/ProfileController.php
new file mode 100644
index 0000000..5771fa1
--- /dev/null
+++ b/app/Http/Controllers/Auth/ProfileController.php
@@ -0,0 +1,117 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Facades\Validator;
+
+class ProfileController extends Controller
+{
+    public function index()
+    {
+        $user = Auth::user();
+        return view('auth.profile', compact('user'));
+    }
+
+    public function updateData(request $request)
+    {
+        $customMessage = [
+            'username.required' => 'Username wajib diisi',
+            'username.max' => 'Username maksimal 12 karakter',
+            'username.string' => 'Username harus berupa string',
+            'username.unique' => 'Username sudah terdaftar',
+
+            'name.required' => 'Nama wajib diisi',
+            'name.max' => 'Nama maksimal 255 karakter',
+            'name.string' => 'Nama harus berupa string',
+            'name.unique' => 'Nama sudah terdaftar',
+
+            'email.required' => 'Email wajib diisi',
+            'email.email' => 'Email tidak valid',
+            'email.unique' => 'Email sudah terdaftar',
+            'email.max' => 'Email maksimal 255 karakter',
+            'email.string' => 'Email harus berupa string',
+
+            'avatar.image' => 'Foto profile harus berupa gambar',
+            'avatar.mimes' => 'Format foto profile tidak sesuai, harus jpeg, png, atau jpg',
+            'avatar.max' => 'Ukuran foto profile maksimal 2MB',
+        ];
+
+        $validator = Validator::make($request->all(), [
+            'username' => 'required|string|max:12|unique:users,username,' . Auth::user()->id,
+            'name' => 'required|string|max:255|unique:users,name,' . Auth::user()->id,
+            'email' => 'required|string|email|max:255|unique:users,email,' . Auth::user()->id,
+            'avatar' => 'nullable|image|mimes:jpeg,png,jpg|max:2048',
+        ], $customMessage);
+
+        if ($validator->fails()) {
+            toast($validator->messages()->all()[0], 'error')->position('top-right')->autoclose(3000);
+            return redirect()->back()->withInput();
+        }
+
+        try {
+            $user = User::findOrFail(Auth::id());
+            $user->username = $request->username;
+            $user->name = $request->name;
+            $user->email = $request->email;
+
+            if ($request->hasFile('avatar')) {
+
+                $path = $request->file('avatar')->store('avatars', 'public');
+
+                if (!empty($user->avatar) && Storage::disk('public')->exists($user->avatar)) {
+                    Storage::disk('public')->delete($user->avatar);
+                }
+                $user->avatar = $path;
+            }
+
+            $user->save();
+            toast('Data berhasil diubah', 'success')->position('top-right')->autoclose(3000);
+            return redirect()->back();
+        } catch (\Throwable $th) {
+            toast('Terjadi kesalahan', 'error')->position('top-right')->autoclose(3000);
+            return redirect()->back();
+        }
+    }
+
+    public function updatePassword(request $request)
+    {
+        $customMessage = [
+            'new_password.required' => 'Password wajib diisi',
+            'new_password.confirmed' => 'Konfirmasi password tidak cocok',
+            'new_password.min' => 'Password minimal 8 karakter',
+        ];
+
+        $user = User::find(Auth::user()->id);
+        if (Hash::check($request->old_password, $user->password)) {
+
+            $validator = Validator::make($request->all(), [
+                'new_password' => 'required|string|min:8|confirmed',
+            ], $customMessage);
+
+            if ($validator->fails()) {
+                toast($validator->messages()->all()[0], 'error')->position('top-right')->autoclose(3000);
+                return redirect()->back()->withInput();
+            }
+
+            $user->password = Hash::make($request->new_password);
+
+            try {
+                $user->save();
+                toast('Password berhasil diubah', 'success')->position('top-right')->autoclose(3000);
+                return redirect()->back();
+            } catch (\Throwable $th) {
+                toast('Terjadi kesalahan', 'error')->position('top-right')->autoclose(3000);
+                return redirect()->back();
+            }
+        } else {
+            toast('Password lama tidak cocok', 'error')->position('top-right')->autoclose(3000);
+            return redirect()->back();
+        }
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 7472824..5da3a10 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -23,6 +23,7 @@ class User extends Authenticatable
         'email',
         'password',
         'role',
+        'avatar'
     ];
 
     /**
diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php
index 9442a05..4723008 100644
--- a/database/migrations/2014_10_12_000000_create_users_table.php
+++ b/database/migrations/2014_10_12_000000_create_users_table.php
@@ -22,6 +22,7 @@ public function up(): void
             $table->enum('role', ['admin', 'user'])->default('user');
             $table->string('activation_code')->nullable();
             $table->boolean('is_active')->default(false);
+            $table->string('avatar')->nullable();
             $table->timestamps();
         });
     }
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 4a5a7a2..51d824b 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -1 +1,1518 @@
-!function(){var a,t,o,n,s,e,d,l,i=document.querySelector(".navbar-menu").innerHTML,r=7,c="en",m=localStorage.getItem("language");function u(e){document.getElementById("header-lang-img")&&("en"==e?document.getElementById("header-lang-img").src="assets/images/flags/us.svg":"sp"==e?document.getElementById("header-lang-img").src="assets/images/flags/spain.svg":"gr"==e?document.getElementById("header-lang-img").src="assets/images/flags/germany.svg":"it"==e?document.getElementById("header-lang-img").src="assets/images/flags/italy.svg":"ru"==e?document.getElementById("header-lang-img").src="assets/images/flags/russia.svg":"ch"==e?document.getElementById("header-lang-img").src="assets/images/flags/china.svg":"fr"==e&&(document.getElementById("header-lang-img").src="assets/images/flags/french.svg"),localStorage.setItem("language",e),m=localStorage.getItem("language"),function(){null==m&&u(c);var e=new XMLHttpRequest;e.open("GET","assets/lang/"+m+".json"),e.onreadystatechange=function(){var a;4===this.readyState&&200===this.status&&(a=JSON.parse(this.responseText),Object.keys(a).forEach(function(t){document.querySelectorAll("[data-key='"+t+"']").forEach(function(e){e.textContent=a[t]})}))},e.send()}())}function g(){document.querySelectorAll(".navbar-nav .collapse")&&document.querySelectorAll(".navbar-nav .collapse").forEach(function(t){var a=new bootstrap.Collapse(t,{toggle:!1});t.addEventListener("show.bs.collapse",function(e){e.stopPropagation();e=t.parentElement.closest(".collapse");e?e.querySelectorAll(".collapse").forEach(function(e){e=bootstrap.Collapse.getInstance(e);e!==a&&e.hide()}):function(e){for(var t=[],a=e.parentNode.firstChild;a;)1===a.nodeType&&a!==e&&t.push(a),a=a.nextSibling;return t}(t.parentElement).forEach(function(e){2<e.childNodes.length&&e.firstElementChild.setAttribute("aria-expanded","false"),e.querySelectorAll("*[id]").forEach(function(e){e.classList.remove("show"),2<e.childNodes.length&&e.querySelectorAll("ul li a").forEach(function(e){e.hasAttribute("aria-expanded")&&e.setAttribute("aria-expanded","false")})})})}),t.addEventListener("hide.bs.collapse",function(e){e.stopPropagation(),t.querySelectorAll(".collapse").forEach(function(e){childCollapseInstance=bootstrap.Collapse.getInstance(e),childCollapseInstance.hide()})})})}function b(){var o,e,t=document.documentElement.getAttribute("data-layout"),a=sessionStorage.getItem("defaultAttribute"),a=JSON.parse(a);!a||"twocolumn"!=t&&"twocolumn"!=a["data-layout"]||(document.querySelector(".navbar-menu").innerHTML=i,(o=document.createElement("ul")).innerHTML='<a href="#" class="logo"><img src="assets/images/logo-sm.png" alt="" height="22"></a>',document.getElementById("navbar-nav").querySelectorAll(".menu-link").forEach(function(e){o.className="twocolumn-iconview";var t=document.createElement("li"),a=e;a.querySelectorAll("span").forEach(function(e){e.classList.add("d-none")}),e.parentElement.classList.contains("twocolumn-item-show")&&e.classList.add("active"),t.appendChild(a),o.appendChild(t),a.classList.contains("nav-link")&&a.classList.replace("nav-link","nav-icon"),a.classList.remove("collapsed","menu-link")}),(a=(a="/"==location.pathname?"index.html":location.pathname.substring(1)).substring(a.lastIndexOf("/")+1))&&(!(a=document.getElementById("navbar-nav").querySelector('[href="'+a+'"]'))||(e=a.closest(".collapse.menu-dropdown"))&&(e.classList.add("show"),e.parentElement.children[0].classList.add("active"),e.parentElement.children[0].setAttribute("aria-expanded","true"),e.parentElement.closest(".collapse.menu-dropdown")&&(e.parentElement.closest(".collapse").classList.add("show"),e.parentElement.closest(".collapse").previousElementSibling&&e.parentElement.closest(".collapse").previousElementSibling.classList.add("active")))),document.getElementById("two-column-menu").innerHTML=o.outerHTML,document.querySelector("#two-column-menu ul").querySelectorAll("li a").forEach(function(a){var o=(o="/"==location.pathname?"index.html":location.pathname.substring(1)).substring(o.lastIndexOf("/")+1);a.addEventListener("click",function(e){var t;(o!="/"+a.getAttribute("href")||a.getAttribute("data-bs-toggle"))&&document.body.classList.contains("twocolumn-panel")&&document.body.classList.remove("twocolumn-panel"),document.getElementById("navbar-nav").classList.remove("twocolumn-nav-hide"),document.querySelector(".hamburger-icon").classList.remove("open"),(e.target&&e.target.matches("a.nav-icon")||e.target&&e.target.matches("i"))&&(null!==document.querySelector("#two-column-menu ul .nav-icon.active")&&document.querySelector("#two-column-menu ul .nav-icon.active").classList.remove("active"),(e.target.matches("i")?e.target.closest("a"):e.target).classList.add("active"),0<(t=document.getElementsByClassName("twocolumn-item-show")).length&&t[0].classList.remove("twocolumn-item-show"),e=(e.target.matches("i")?e.target.closest("a"):e.target).getAttribute("href").slice(1),document.getElementById(e)&&document.getElementById(e).parentElement.classList.add("twocolumn-item-show"))}),o!="/"+a.getAttribute("href")||a.getAttribute("data-bs-toggle")||(a.classList.add("active"),document.getElementById("navbar-nav").classList.add("twocolumn-nav-hide"),document.querySelector(".hamburger-icon").classList.add("open"))}),"horizontal"!==document.documentElement.getAttribute("data-layout")&&((e=new SimpleBar(document.getElementById("navbar-nav")))&&e.getContentElement(),(e=new SimpleBar(document.getElementsByClassName("twocolumn-iconview")[0]))&&e.getContentElement()))}function y(e){if(e){var t=e.offsetTop,a=e.offsetLeft,o=e.offsetWidth,n=e.offsetHeight;if(e.offsetParent)for(;e.offsetParent;)t+=(e=e.offsetParent).offsetTop,a+=e.offsetLeft;return t>=window.pageYOffset&&a>=window.pageXOffset&&t+n<=window.pageYOffset+window.innerHeight&&a+o<=window.pageXOffset+window.innerWidth}}function f(){"vertical"==document.documentElement.getAttribute("data-layout")&&(document.getElementById("two-column-menu").innerHTML="",document.querySelector(".navbar-menu").innerHTML=i,document.getElementById("scrollbar").setAttribute("data-simplebar",""),document.getElementById("navbar-nav").setAttribute("data-simplebar",""),document.getElementById("scrollbar").classList.add("h-100")),"twocolumn"==document.documentElement.getAttribute("data-layout")&&(document.getElementById("scrollbar").removeAttribute("data-simplebar"),document.getElementById("scrollbar").classList.remove("h-100")),"horizontal"==document.documentElement.getAttribute("data-layout")&&L()}function h(){feather.replace();var e=document.documentElement.clientWidth;e<1025&&767<e?(document.body.classList.remove("twocolumn-panel"),"twocolumn"==sessionStorage.getItem("data-layout")&&(document.documentElement.setAttribute("data-layout","twocolumn"),document.getElementById("customizer-layout03")&&document.getElementById("customizer-layout03").click(),b(),w(),g()),"vertical"==sessionStorage.getItem("data-layout")&&document.documentElement.setAttribute("data-sidebar-size","sm"),document.querySelector(".hamburger-icon").classList.add("open")):1025<=e?(document.body.classList.remove("twocolumn-panel"),"twocolumn"==sessionStorage.getItem("data-layout")&&(document.documentElement.setAttribute("data-layout","twocolumn"),document.getElementById("customizer-layout03")&&document.getElementById("customizer-layout03").click(),b(),w(),g()),"vertical"==sessionStorage.getItem("data-layout")&&document.documentElement.setAttribute("data-sidebar-size",sessionStorage.getItem("data-sidebar-size")),document.querySelector(".hamburger-icon").classList.remove("open")):e<=767&&(document.body.classList.remove("vertical-sidebar-enable"),document.body.classList.add("twocolumn-panel"),"twocolumn"==sessionStorage.getItem("data-layout")&&(document.documentElement.setAttribute("data-layout","vertical"),A("vertical"),g()),"horizontal"!=sessionStorage.getItem("data-layout")&&document.documentElement.setAttribute("data-sidebar-size","lg"),document.querySelector(".hamburger-icon").classList.add("open")),document.querySelectorAll("#navbar-nav > li.nav-item").forEach(function(e){e.addEventListener("click",p.bind(this),!1),e.addEventListener("mouseover",p.bind(this),!1)})}function p(e){if(e.target&&e.target.matches("a.nav-link span"))if(0==y(e.target.parentElement.nextElementSibling))e.target.parentElement.nextElementSibling.classList.add("dropdown-custom-right"),e.target.parentElement.parentElement.parentElement.parentElement.classList.add("dropdown-custom-right"),e.target.parentElement.nextElementSibling.querySelectorAll(".menu-dropdown").forEach(function(e){e.classList.add("dropdown-custom-right")});else if(1==y(e.target.parentElement.nextElementSibling)&&1848<=window.innerWidth)for(var t=document.getElementsByClassName("dropdown-custom-right");0<t.length;)t[0].classList.remove("dropdown-custom-right");if(e.target&&e.target.matches("a.nav-link"))if(0==y(e.target.nextElementSibling))e.target.nextElementSibling.classList.add("dropdown-custom-right"),e.target.parentElement.parentElement.parentElement.classList.add("dropdown-custom-right"),e.target.nextElementSibling.querySelectorAll(".menu-dropdown").forEach(function(e){e.classList.add("dropdown-custom-right")});else if(1==y(e.target.nextElementSibling)&&1848<=window.innerWidth)for(t=document.getElementsByClassName("dropdown-custom-right");0<t.length;)t[0].classList.remove("dropdown-custom-right")}function E(){var e=document.documentElement.clientWidth;767<e&&document.querySelector(".hamburger-icon").classList.toggle("open"),"horizontal"===document.documentElement.getAttribute("data-layout")&&(document.body.classList.contains("menu")?document.body.classList.remove("menu"):document.body.classList.add("menu")),"vertical"===document.documentElement.getAttribute("data-layout")&&(e<1025&&767<e?(document.body.classList.remove("vertical-sidebar-enable"),"sm"==document.documentElement.getAttribute("data-sidebar-size")?document.documentElement.setAttribute("data-sidebar-size",""):document.documentElement.setAttribute("data-sidebar-size","sm")):1025<e?(document.body.classList.remove("vertical-sidebar-enable"),"lg"==document.documentElement.getAttribute("data-sidebar-size")?document.documentElement.setAttribute("data-sidebar-size","sm"):document.documentElement.setAttribute("data-sidebar-size","lg")):e<=767&&(document.body.classList.add("vertical-sidebar-enable"),document.documentElement.setAttribute("data-sidebar-size","lg"))),"twocolumn"==document.documentElement.getAttribute("data-layout")&&(document.body.classList.contains("twocolumn-panel")?document.body.classList.remove("twocolumn-panel"):document.body.classList.add("twocolumn-panel"))}function v(){document.addEventListener("DOMContentLoaded",function(){document.getElementsByClassName("code-switcher").forEach(function(a,e){a.addEventListener("change",function(){var e=a.closest(".card"),t=e.querySelector(".live-preview"),e=e.querySelector(".code-view");a.checked?(t.classList.add("d-none"),e.classList.remove("d-none")):(t.classList.remove("d-none"),e.classList.add("d-none"))})}),feather.replace()}),window.addEventListener("resize",h),h(),Waves.init(),document.addEventListener("scroll",function(){var e;e=document.getElementById("page-topbar"),50<=document.body.scrollTop||50<=document.documentElement.scrollTop?e.classList.add("topbar-shadow"):e.classList.remove("topbar-shadow")}),window.addEventListener("load",function(){var e;("twocolumn"==document.documentElement.getAttribute("data-layout")?w:S)(),(e=document.getElementsByClassName("vertical-overlay"))&&e.forEach(function(e){e.addEventListener("click",function(){document.body.classList.remove("vertical-sidebar-enable"),"twocolumn"==sessionStorage.getItem("data-layout")?document.body.classList.add("twocolumn-panel"):document.documentElement.setAttribute("data-sidebar-size",sessionStorage.getItem("data-sidebar-size"))})}),k()}),document.getElementById("topnav-hamburger-icon").addEventListener("click",E);var e=sessionStorage.getItem("defaultAttribute"),t=JSON.parse(e),e=document.documentElement.clientWidth;"twocolumn"==t["data-layout"]&&e<767&&document.getElementById("two-column-menu").querySelectorAll("li").forEach(function(e){e.addEventListener("click",function(e){document.body.classList.remove("twocolumn-panel")})})}function w(){feather.replace();var e,t="/"==location.pathname?"index.html":location.pathname.substring(1);(t=t.substring(t.lastIndexOf("/")+1))&&((e=document.getElementById("navbar-nav").querySelector('[href="'+t+'"]'))?(e.classList.add("active"),t=(t=e.closest(".collapse.menu-dropdown"))&&t.parentElement.closest(".collapse.menu-dropdown")?(t.classList.add("show"),t.parentElement.children[0].classList.add("active"),t.parentElement.closest(".collapse.menu-dropdown").parentElement.classList.add("twocolumn-item-show"),t.parentElement.closest(".collapse.menu-dropdown").getAttribute("id")):(e.closest(".collapse.menu-dropdown").parentElement.classList.add("twocolumn-item-show"),t.getAttribute("id")),document.getElementById("two-column-menu").querySelector('[href="#'+t+'"]')&&document.getElementById("two-column-menu").querySelector('[href="#'+t+'"]').classList.add("active")):document.body.classList.add("twocolumn-panel"))}function S(){var e="/"==location.pathname?"index.html":location.pathname.substring(1);!(e=e.substring(e.lastIndexOf("/")+1))||(e=document.getElementById("navbar-nav").querySelector('[href="'+e+'"]'))&&(e.classList.add("active"),(e=e.closest(".collapse.menu-dropdown"))&&(e.classList.add("show"),e.parentElement.children[0].classList.add("active"),e.parentElement.children[0].setAttribute("aria-expanded","true"),e.parentElement.closest(".collapse.menu-dropdown")&&(e.parentElement.closest(".collapse").classList.add("show"),e.parentElement.closest(".collapse").previousElementSibling&&e.parentElement.closest(".collapse").previousElementSibling.classList.add("active"))))}function y(e){if(e){var t=e.offsetTop,a=e.offsetLeft,o=e.offsetWidth,n=e.offsetHeight;if(e.offsetParent)for(;e.offsetParent;)t+=(e=e.offsetParent).offsetTop,a+=e.offsetLeft;return t>=window.pageYOffset&&a>=window.pageXOffset&&t+n<=window.pageYOffset+window.innerHeight&&a+o<=window.pageXOffset+window.innerWidth}}function I(){var e=document.querySelectorAll(".counter-value");function s(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}e&&e.forEach(function(n){!function e(){var t=+n.getAttribute("data-target"),a=+n.innerText,o=t/250;o<1&&(o=1),a<t?(n.innerText=(a+o).toFixed(0),setTimeout(e,1)):n.innerText=s(t),s(n.innerText)}()})}function L(){document.getElementById("two-column-menu").innerHTML="",document.querySelector(".navbar-menu").innerHTML=i,document.getElementById("scrollbar").removeAttribute("data-simplebar"),document.getElementById("navbar-nav").removeAttribute("data-simplebar"),document.getElementById("scrollbar").classList.remove("h-100");var a=r,o=document.querySelectorAll("ul.navbar-nav > li.nav-item"),n="",s="";o.forEach(function(e,t){t+1===a&&(s=e),a<t+1&&(n+=e.outerHTML,e.remove()),t+1===o.length&&s.insertAdjacentHTML&&s.insertAdjacentHTML("afterend",'<li class="nav-item">                <a class="nav-link" href="#sidebarMore" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMore">                    <i class="ri-briefcase-2-line"></i> More                </a>                <div class="collapse menu-dropdown" id="sidebarMore">             <ul class="nav nav-sm flex-column">'+n+"</ul></div></li>")})}function A(e){"vertical"==e?(document.getElementById("two-column-menu").innerHTML="",document.querySelector(".navbar-menu").innerHTML=i,document.getElementById("theme-settings-offcanvas")&&(document.getElementById("sidebar-size").style.display="block",document.getElementById("sidebar-view").style.display="block",document.getElementById("sidebar-color").style.display="block",document.getElementById("layout-position").style.display="block",document.getElementById("layout-width").style.display="block"),f(),S(),k()):"horizontal"==e?(L(),document.getElementById("theme-settings-offcanvas")&&(document.getElementById("sidebar-size").style.display="none",document.getElementById("sidebar-view").style.display="none",document.getElementById("sidebar-color").style.display="none",document.getElementById("layout-position").style.display="block",document.getElementById("layout-width").style.display="block"),S()):"twocolumn"==e&&(document.getElementById("scrollbar").removeAttribute("data-simplebar"),document.getElementById("scrollbar").classList.remove("h-100"),document.getElementById("theme-settings-offcanvas")&&(document.getElementById("sidebar-size").style.display="none",document.getElementById("sidebar-view").style.display="none",document.getElementById("sidebar-color").style.display="block",document.getElementById("layout-position").style.display="none",document.getElementById("layout-width").style.display="none"))}function k(){document.getElementById("vertical-hover").addEventListener("click",function(){"sm-hover"===document.documentElement.getAttribute("data-sidebar-size")?document.documentElement.setAttribute("data-sidebar-size","sm-hover-active"):(document.documentElement.getAttribute("data-sidebar-size"),document.documentElement.setAttribute("data-sidebar-size","sm-hover"))})}function B(e){if(e==e){switch(e["data-layout"]){case"vertical":z("data-layout","vertical"),sessionStorage.setItem("data-layout","vertical"),document.documentElement.setAttribute("data-layout","vertical"),A("vertical"),g();break;case"horizontal":z("data-layout","horizontal"),sessionStorage.setItem("data-layout","horizontal"),document.documentElement.setAttribute("data-layout","horizontal"),A("horizontal");break;case"twocolumn":z("data-layout","twocolumn"),sessionStorage.setItem("data-layout","twocolumn"),document.documentElement.setAttribute("data-layout","twocolumn"),A("twocolumn");break;default:"vertical"==sessionStorage.getItem("data-layout")&&sessionStorage.getItem("data-layout")?(z("data-layout","vertical"),sessionStorage.setItem("data-layout","vertical"),document.documentElement.setAttribute("data-layout","vertical"),A("vertical"),g()):"horizontal"==sessionStorage.getItem("data-layout")?(z("data-layout","horizontal"),sessionStorage.setItem("data-layout","horizontal"),document.documentElement.setAttribute("data-layout","horizontal"),A("horizontal")):"twocolumn"==sessionStorage.getItem("data-layout")&&(z("data-layout","twocolumn"),sessionStorage.setItem("data-layout","twocolumn"),document.documentElement.setAttribute("data-layout","twocolumn"),A("twocolumn"))}switch(e["data-topbar"]){case"light":z("data-topbar","light"),sessionStorage.setItem("data-topbar","light"),document.documentElement.setAttribute("data-topbar","light");break;case"dark":z("data-topbar","dark"),sessionStorage.setItem("data-topbar","dark"),document.documentElement.setAttribute("data-topbar","dark");break;default:"dark"==sessionStorage.getItem("data-topbar")?(z("data-topbar","dark"),sessionStorage.setItem("data-topbar","dark"),document.documentElement.setAttribute("data-topbar","dark")):(z("data-topbar","light"),sessionStorage.setItem("data-topbar","light"),document.documentElement.setAttribute("data-topbar","light"))}switch(e["data-layout-style"]){case"default":z("data-layout-style","default"),sessionStorage.setItem("data-layout-style","default"),document.documentElement.setAttribute("data-layout-style","default");break;case"detached":z("data-layout-style","detached"),sessionStorage.setItem("data-layout-style","detached"),document.documentElement.setAttribute("data-layout-style","detached");break;default:"detached"==sessionStorage.getItem("data-layout-style")?(z("data-layout-style","detached"),sessionStorage.setItem("data-layout-style","detached"),document.documentElement.setAttribute("data-layout-style","detached")):(z("data-layout-style","default"),sessionStorage.setItem("data-layout-style","default"),document.documentElement.setAttribute("data-layout-style","default"))}switch(e["data-sidebar-size"]){case"lg":z("data-sidebar-size","lg"),document.documentElement.setAttribute("data-sidebar-size","lg"),sessionStorage.setItem("data-sidebar-size","lg");break;case"sm":z("data-sidebar-size","sm"),document.documentElement.setAttribute("data-sidebar-size","sm"),sessionStorage.setItem("data-sidebar-size","sm");break;case"md":z("data-sidebar-size","md"),document.documentElement.setAttribute("data-sidebar-size","md"),sessionStorage.setItem("data-sidebar-size","md");break;case"sm-hover":z("data-sidebar-size","sm-hover"),document.documentElement.setAttribute("data-sidebar-size","sm-hover"),sessionStorage.setItem("data-sidebar-size","sm-hover");break;default:"sm"==sessionStorage.getItem("data-sidebar-size")?(document.documentElement.setAttribute("data-sidebar-size","sm"),z("data-sidebar-size","sm"),sessionStorage.setItem("data-sidebar-size","sm")):"md"==sessionStorage.getItem("data-sidebar-size")?(document.documentElement.setAttribute("data-sidebar-size","md"),z("data-sidebar-size","md"),sessionStorage.setItem("data-sidebar-size","md")):"sm-hover"==sessionStorage.getItem("data-sidebar-size")?(document.documentElement.setAttribute("data-sidebar-size","sm-hover"),z("data-sidebar-size","sm-hover"),sessionStorage.setItem("data-sidebar-size","sm-hover")):(document.documentElement.setAttribute("data-sidebar-size","lg"),z("data-sidebar-size","lg"),sessionStorage.setItem("data-sidebar-size","lg"))}switch(e["data-layout-mode"]){case"light":z("data-layout-mode","light"),document.documentElement.setAttribute("data-layout-mode","light"),sessionStorage.setItem("data-layout-mode","light");break;case"dark":z("data-layout-mode","dark"),document.documentElement.setAttribute("data-layout-mode","dark"),sessionStorage.setItem("data-layout-mode","dark");break;default:sessionStorage.getItem("data-layout-mode")&&"dark"==sessionStorage.getItem("data-layout-mode")?(sessionStorage.setItem("data-layout-mode","dark"),document.documentElement.setAttribute("data-layout-mode","dark"),z("data-layout-mode","dark")):(sessionStorage.setItem("data-layout-mode","light"),document.documentElement.setAttribute("data-layout-mode","light"),z("data-layout-mode","light"))}switch(e["data-layout-width"]){case"fluid":z("data-layout-width","fluid"),document.documentElement.setAttribute("data-layout-width","fluid"),sessionStorage.setItem("data-layout-width","fluid");break;case"boxed":z("data-layout-width","boxed"),document.documentElement.setAttribute("data-layout-width","boxed"),sessionStorage.setItem("data-layout-width","boxed");break;default:"boxed"==sessionStorage.getItem("data-layout-width")?(sessionStorage.setItem("data-layout-width","boxed"),document.documentElement.setAttribute("data-layout-width","boxed"),z("data-layout-width","boxed")):(sessionStorage.setItem("data-layout-width","fluid"),document.documentElement.setAttribute("data-layout-width","fluid"),z("data-layout-width","fluid"))}switch(e["data-sidebar"]){case"light":z("data-sidebar","light"),sessionStorage.setItem("data-sidebar","light"),document.documentElement.setAttribute("data-sidebar","light");break;case"dark":z("data-sidebar","dark"),sessionStorage.setItem("data-sidebar","dark"),document.documentElement.setAttribute("data-sidebar","dark");break;default:sessionStorage.getItem("data-sidebar")&&"light"==sessionStorage.getItem("data-sidebar")?(sessionStorage.setItem("data-sidebar","light"),z("data-sidebar","light"),document.documentElement.setAttribute("data-sidebar","light")):(sessionStorage.setItem("data-sidebar","dark"),z("data-sidebar","dark"),document.documentElement.setAttribute("data-sidebar","dark"))}switch(e["data-layout-position"]){case"fixed":z("data-layout-position","fixed"),sessionStorage.setItem("data-layout-position","fixed"),document.documentElement.setAttribute("data-layout-position","fixed");break;case"scrollable":z("data-layout-position","scrollable"),sessionStorage.setItem("data-layout-position","scrollable"),document.documentElement.setAttribute("data-layout-position","scrollable");break;default:sessionStorage.getItem("data-layout-position")&&"scrollable"==sessionStorage.getItem("data-layout-position")?(z("data-layout-position","scrollable"),sessionStorage.setItem("data-layout-position","scrollable"),document.documentElement.setAttribute("data-layout-position","scrollable")):(z("data-layout-position","fixed"),sessionStorage.setItem("data-layout-position","fixed"),document.documentElement.setAttribute("data-layout-position","fixed"))}}}function z(t,a){document.querySelectorAll("input[name="+t+"]").forEach(function(e){a==e.value?e.checked=!0:e.checked=!1,e.addEventListener("change",function(){document.documentElement.setAttribute(t,e.value),sessionStorage.setItem(t,e.value),"data-layout-width"==t&&"boxed"==e.value?(document.documentElement.setAttribute("data-sidebar-size","sm-hover"),sessionStorage.setItem("data-sidebar-size","sm-hover"),document.getElementById("sidebar-size-small-hover").checked=!0):"data-layout-width"==t&&"fluid"==e.value&&(document.documentElement.setAttribute("data-sidebar-size","lg"),sessionStorage.setItem("data-sidebar-size","lg"),document.getElementById("sidebar-size-default").checked=!0),"data-layout"==t&&("vertical"==e.value?(A("vertical"),g(),feather.replace()):"horizontal"==e.value?(A("horizontal"),feather.replace()):"twocolumn"==e.value&&(A("twocolumn"),document.documentElement.setAttribute("data-layout-width","fluid"),document.getElementById("layout-width-fluid").click(),b(),w(),g(),feather.replace()))})})}function x(e,t,a,o){var n=document.getElementById(a);o.setAttribute(e,t),n&&document.getElementById(a).click()}function T(){document.webkitIsFullScreen||document.mozFullScreen||document.msFullscreenElement||document.body.classList.remove("fullscreen-enable")}function q(){var t=0;document.getElementsByClassName("cart-item-price").forEach(function(e){t+=parseFloat(e.innerHTML)}),document.getElementById("cart-item-total").innerHTML="$"+t.toFixed(2)}function C(){var e;"horizontal"!==document.documentElement.getAttribute("data-layout")&&(!document.getElementById("navbar-nav")||(e=new SimpleBar(document.getElementById("navbar-nav")))&&e.getContentElement(),!document.getElementsByClassName("twocolumn-iconview")[0]||(e=new SimpleBar(document.getElementsByClassName("twocolumn-iconview")[0]))&&e.getContentElement(),clearTimeout(l))}sessionStorage.getItem("defaultAttribute")?((a={})["data-layout"]=sessionStorage.getItem("data-layout"),a["data-sidebar-size"]=sessionStorage.getItem("data-sidebar-size"),a["data-layout-mode"]=sessionStorage.getItem("data-layout-mode"),a["data-layout-width"]=sessionStorage.getItem("data-layout-width"),a["data-sidebar"]=sessionStorage.getItem("data-sidebar"),a["data-layout-position"]=sessionStorage.getItem("data-layout-position"),a["data-layout-style"]=sessionStorage.getItem("data-layout-style"),a["data-topbar"]=sessionStorage.getItem("data-topbar"),B(a)):(e=document.documentElement.attributes,a={},e.forEach(function(e){var t;e&&e.nodeName&&"undefined"!=e.nodeName&&(t=e.nodeName,a[t]=e.nodeValue,sessionStorage.setItem(t,e.nodeValue))}),sessionStorage.setItem("defaultAttribute",JSON.stringify(a)),B(a),(e=document.querySelector('.btn[data-bs-target="#theme-settings-offcanvas"]'))&&e.click()),b(),t=document.getElementById("search-close-options"),o=document.getElementById("search-dropdown"),(n=document.getElementById("search-options")).addEventListener("focus",function(){0<n.value.length?(o.classList.add("show"),t.classList.remove("d-none")):(o.classList.remove("show"),t.classList.add("d-none"))}),n.addEventListener("keyup",function(e){var a;0<n.value.length?(o.classList.add("show"),t.classList.remove("d-none"),a=n.value.toLowerCase(),document.getElementsByClassName("notify-item").forEach(function(e){var t=e.getElementsByTagName("span")[0].innerText.toLowerCase();e.style.display=t.includes(a)?"block":"none"})):(o.classList.remove("show"),t.classList.add("d-none"))}),t.addEventListener("click",function(){n.value="",o.classList.remove("show"),t.classList.add("d-none")}),document.body.addEventListener("click",function(e){"search-options"!==e.target.getAttribute("id")&&(o.classList.remove("show"),t.classList.add("d-none"))}),(e=document.querySelector('[data-toggle="fullscreen"]'))&&e.addEventListener("click",function(e){e.preventDefault(),document.body.classList.toggle("fullscreen-enable"),document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.mozRequestFullScreen?document.documentElement.mozRequestFullScreen():document.documentElement.webkitRequestFullscreen&&document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}),document.addEventListener("fullscreenchange",T),document.addEventListener("webkitfullscreenchange",T),document.addEventListener("mozfullscreenchange",T),s=document.getElementsByTagName("HTML")[0],(e=document.querySelectorAll(".light-dark-mode"))&&e.length&&e[0].addEventListener("click",function(e){s.hasAttribute("data-layout-mode")&&"dark"==s.getAttribute("data-layout-mode")?x("data-layout-mode","light","layout-mode-light",s):x("data-layout-mode","dark","layout-mode-dark",s)}),v(),I(),f(),document.getElementsByClassName("dropdown-item-cart")&&(d=document.querySelectorAll(".dropdown-item-cart").length,document.querySelectorAll("#page-topbar .dropdown-menu-cart .remove-item-btn").forEach(function(e){e.addEventListener("click",function(e){d--,this.closest(".dropdown-item-cart").remove(),document.getElementsByClassName("cartitem-badge").forEach(function(e){e.innerHTML=d}),q(),document.getElementById("empty-cart").style.display=0==d?"block":"none",document.getElementById("checkout-elem").style.display=0==d?"none":"block"})}),document.getElementsByClassName("cartitem-badge").forEach(function(e){e.innerHTML=d}),document.getElementById("empty-cart").style.display="none",document.getElementById("checkout-elem").style.display="block",q()),document.getElementsByClassName("notification-check")&&document.querySelectorAll(".notification-check input").forEach(function(e){e.addEventListener("click",function(e){e.target.closest(".notification-item").classList.toggle("active")})}),[].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')).map(function(e){return new bootstrap.Tooltip(e)}),[].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')).map(function(e){return new bootstrap.Popover(e)}),setTimeout(function(){var e,t,a=document.getElementById("navbar-nav");a&&(a=a.querySelector(".nav-item .active"),300<(e=a?a.offsetTop:0)&&((t=document.getElementsByClassName("app-menu")?document.getElementsByClassName("app-menu")[0]:"")&&t.querySelector(".simplebar-content-wrapper")&&setTimeout(function(){t.querySelector(".simplebar-content-wrapper").scrollTop=330==e?e+85:e},0)))},0),document.getElementById("reset-layout")&&document.getElementById("reset-layout").addEventListener("click",function(){sessionStorage.clear(),window.location.reload()}),document.querySelectorAll("[data-toast]").forEach(function(a){a.addEventListener("click",function(){var e={},t=a.attributes;t["data-toast-text"]&&(e.text=t["data-toast-text"].value.toString()),t["data-toast-gravity"]&&(e.gravity=t["data-toast-gravity"].value.toString()),t["data-toast-position"]&&(e.position=t["data-toast-position"].value.toString()),t["data-toast-className"]&&(e.className=t["data-toast-className"].value.toString()),t["data-toast-duration"]&&(e.duration=t["data-toast-duration"].value.toString()),t["data-toast-close"]&&(e.close=t["data-toast-close"].value.toString()),t["data-toast-style"]&&(e.style=t["data-toast-style"].value.toString()),t["data-toast-offset"]&&(e.offset=t["data-toast-offset"]),Toastify({newWindow:!0,text:e.text,gravity:e.gravity,position:e.position,className:"bg-"+e.className,stopOnFocus:!0,offset:{x:e.offset?50:0,y:e.offset?10:0},duration:e.duration,close:"close"==e.close,style:"style"==e.style?{background:"linear-gradient(to right, #0AB39C, #405189)"}:""}).showToast()})}),document.querySelectorAll("[data-choices]").forEach(function(e){var t={},a=e.attributes;a["data-choices-groups"]&&(t.placeholderValue="This is a placeholder set in the config"),a["data-choices-search-false"]&&(t.searchEnabled=!1),a["data-choices-search-true"]&&(t.searchEnabled=!0),a["data-choices-removeItem"]&&(t.removeItemButton=!0),a["data-choices-sorting-false"]&&(t.shouldSort=!1),a["data-choices-sorting-true"]&&(t.shouldSort=!0),a["data-choices-multiple-default"],a["data-choices-multiple-groups"],a["data-choices-multiple-remove"]&&(t.removeItemButton=!0),a["data-choices-limit"]&&(t.maxItemCount=a["data-choices-limit"].value.toString()),a["data-choices-limit"]&&(t.maxItemCount=a["data-choices-limit"].value.toString()),a["data-choices-editItem-true"]&&(t.maxItemCount=!0),a["data-choices-editItem-false"]&&(t.maxItemCount=!1),a["data-choices-text-unique-true"]&&(t.duplicateItemsAllowed=!1),a["data-choices-text-disabled-true"]&&(t.addItems=!1),a["data-choices-text-disabled-true"]?new Choices(e,t).disable():new Choices(e,t)}),document.querySelectorAll("[data-provider]").forEach(function(e){var t,a,o;"flatpickr"==e.getAttribute("data-provider")?(o={},(t=e.attributes)["data-date-format"]&&(o.dateFormat=t["data-date-format"].value.toString()),t["data-enable-time"]&&(o.enableTime=!0,o.dateFormat=t["data-date-format"].value.toString()+" H:i"),t["data-altFormat"]&&(o.altInput=!0,o.altFormat=t["data-altFormat"].value.toString()),t["data-minDate"]&&(o.minDate=t["data-minDate"].value.toString(),o.dateFormat=t["data-date-format"].value.toString()),t["data-maxDate"]&&(o.maxDate=t["data-maxDate"].value.toString(),o.dateFormat=t["data-date-format"].value.toString()),t["data-deafult-date"]&&(o.defaultDate=t["data-deafult-date"].value.toString(),o.dateFormat=t["data-date-format"].value.toString()),t["data-multiple-date"]&&(o.mode="multiple",o.dateFormat=t["data-date-format"].value.toString()),t["data-range-date"]&&(o.mode="range",o.dateFormat=t["data-date-format"].value.toString()),t["data-inline-date"]&&(o.inline=!0,o.defaultDate=t["data-deafult-date"].value.toString(),o.dateFormat=t["data-date-format"].value.toString()),t["data-disable-date"]&&((a=[]).push(t["data-disable-date"].value),o.disable=a.toString().split(",")),flatpickr(e,o)):"timepickr"==e.getAttribute("data-provider")&&(a={},(o=e.attributes)["data-time-basic"]&&(a.enableTime=!0,a.noCalendar=!0,a.dateFormat="H:i"),o["data-time-hrs"]&&(a.enableTime=!0,a.noCalendar=!0,a.dateFormat="H:i",a.time_24hr=!0),o["data-min-time"]&&(a.enableTime=!0,a.noCalendar=!0,a.dateFormat="H:i",a.minTime=o["data-min-time"].value.toString()),o["data-max-time"]&&(a.enableTime=!0,a.noCalendar=!0,a.dateFormat="H:i",a.minTime=o["data-max-time"].value.toString()),o["data-default-time"]&&(a.enableTime=!0,a.noCalendar=!0,a.dateFormat="H:i",a.defaultDate=o["data-default-time"].value.toString()),o["data-time-inline"]&&(a.enableTime=!0,a.noCalendar=!0,a.defaultDate=o["data-time-inline"].value.toString(),a.inline=!0),flatpickr(e,a))}),document.querySelectorAll('.dropdown-menu a[data-bs-toggle="tab"]').forEach(function(e){e.addEventListener("click",function(e){e.stopPropagation(),bootstrap.Tab.getInstance(e.target).show()})}),function(){"null"!=m&&m!==c&&u(m);var e=document.getElementsByClassName("language");e&&e.forEach(function(t){t.addEventListener("click",function(e){u(t.getAttribute("data-lang"))})})}(),g(),window.addEventListener("resize",function(){l&&clearTimeout(l),l=setTimeout(C,2e3)})}();var mybutton=document.getElementById("back-to-top");function scrollFunction(){100<document.body.scrollTop||100<document.documentElement.scrollTop?mybutton.style.display="block":mybutton.style.display="none"}function topFunction(){document.body.scrollTop=0,document.documentElement.scrollTop=0}window.onscroll=function(){scrollFunction()};
\ No newline at end of file
+!(function () {
+    var a,
+        t,
+        o,
+        n,
+        s,
+        e,
+        d,
+        l,
+        i = document.querySelector(".navbar-menu").innerHTML,
+        r = 7,
+        c = "en",
+        m = localStorage.getItem("language");
+    function u(e) {
+        document.getElementById("header-lang-img") &&
+            ("en" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/us.svg")
+                : "sp" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/spain.svg")
+                : "gr" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/germany.svg")
+                : "it" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/italy.svg")
+                : "ru" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/russia.svg")
+                : "ch" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/china.svg")
+                : "fr" == e &&
+                  (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/french.svg"),
+            localStorage.setItem("language", e),
+            (m = localStorage.getItem("language")),
+            (function () {
+                null == m && u(c);
+                var e = new XMLHttpRequest();
+                e.open("GET", "assets/lang/" + m + ".json"),
+                    (e.onreadystatechange = function () {
+                        var a;
+                        4 === this.readyState &&
+                            200 === this.status &&
+                            ((a = JSON.parse(this.responseText)),
+                            Object.keys(a).forEach(function (t) {
+                                document
+                                    .querySelectorAll("[data-key='" + t + "']")
+                                    .forEach(function (e) {
+                                        e.textContent = a[t];
+                                    });
+                            }));
+                    }),
+                    e.send();
+            })());
+    }
+    function g() {
+        document.querySelectorAll(".navbar-nav .collapse") &&
+            document
+                .querySelectorAll(".navbar-nav .collapse")
+                .forEach(function (t) {
+                    var a = new bootstrap.Collapse(t, { toggle: !1 });
+                    t.addEventListener("show.bs.collapse", function (e) {
+                        e.stopPropagation();
+                        e = t.parentElement.closest(".collapse");
+                        e
+                            ? e
+                                  .querySelectorAll(".collapse")
+                                  .forEach(function (e) {
+                                      e = bootstrap.Collapse.getInstance(e);
+                                      e !== a && e.hide();
+                                  })
+                            : (function (e) {
+                                  for (
+                                      var t = [], a = e.parentNode.firstChild;
+                                      a;
+
+                                  )
+                                      1 === a.nodeType && a !== e && t.push(a),
+                                          (a = a.nextSibling);
+                                  return t;
+                              })(t.parentElement).forEach(function (e) {
+                                  2 < e.childNodes.length &&
+                                      e.firstElementChild.setAttribute(
+                                          "aria-expanded",
+                                          "false"
+                                      ),
+                                      e
+                                          .querySelectorAll("*[id]")
+                                          .forEach(function (e) {
+                                              e.classList.remove("show"),
+                                                  2 < e.childNodes.length &&
+                                                      e
+                                                          .querySelectorAll(
+                                                              "ul li a"
+                                                          )
+                                                          .forEach(function (
+                                                              e
+                                                          ) {
+                                                              e.hasAttribute(
+                                                                  "aria-expanded"
+                                                              ) &&
+                                                                  e.setAttribute(
+                                                                      "aria-expanded",
+                                                                      "false"
+                                                                  );
+                                                          });
+                                          });
+                              });
+                    }),
+                        t.addEventListener("hide.bs.collapse", function (e) {
+                            e.stopPropagation(),
+                                t
+                                    .querySelectorAll(".collapse")
+                                    .forEach(function (e) {
+                                        (childCollapseInstance =
+                                            bootstrap.Collapse.getInstance(e)),
+                                            childCollapseInstance.hide();
+                                    });
+                        });
+                });
+    }
+    function b() {
+        var o,
+            e,
+            t = document.documentElement.getAttribute("data-layout"),
+            a = sessionStorage.getItem("defaultAttribute"),
+            a = JSON.parse(a);
+        !a ||
+            ("twocolumn" != t && "twocolumn" != a["data-layout"]) ||
+            ((document.querySelector(".navbar-menu").innerHTML = i),
+            ((o = document.createElement("ul")).innerHTML =
+                '<a href="#" class="logo"><img src="assets/images/logo-sm.png" alt="" height="22"></a>'),
+            document
+                .getElementById("navbar-nav")
+                .querySelectorAll(".menu-link")
+                .forEach(function (e) {
+                    o.className = "twocolumn-iconview";
+                    var t = document.createElement("li"),
+                        a = e;
+                    a.querySelectorAll("span").forEach(function (e) {
+                        e.classList.add("d-none");
+                    }),
+                        e.parentElement.classList.contains(
+                            "twocolumn-item-show"
+                        ) && e.classList.add("active"),
+                        t.appendChild(a),
+                        o.appendChild(t),
+                        a.classList.contains("nav-link") &&
+                            a.classList.replace("nav-link", "nav-icon"),
+                        a.classList.remove("collapsed", "menu-link");
+                }),
+            (a = (a =
+                "/" == location.pathname
+                    ? "index.html"
+                    : location.pathname.substring(1)).substring(
+                a.lastIndexOf("/") + 1
+            )) &&
+                (!(a = document
+                    .getElementById("navbar-nav")
+                    .querySelector('[href="' + a + '"]')) ||
+                    ((e = a.closest(".collapse.menu-dropdown")) &&
+                        (e.classList.add("show"),
+                        e.parentElement.children[0].classList.add("active"),
+                        e.parentElement.children[0].setAttribute(
+                            "aria-expanded",
+                            "true"
+                        ),
+                        e.parentElement.closest(".collapse.menu-dropdown") &&
+                            (e.parentElement
+                                .closest(".collapse")
+                                .classList.add("show"),
+                            e.parentElement.closest(".collapse")
+                                .previousElementSibling &&
+                                e.parentElement
+                                    .closest(".collapse")
+                                    .previousElementSibling.classList.add(
+                                        "active"
+                                    ))))),
+            (document.getElementById("two-column-menu").innerHTML =
+                o.outerHTML),
+            document
+                .querySelector("#two-column-menu ul")
+                .querySelectorAll("li a")
+                .forEach(function (a) {
+                    var o = (o =
+                        "/" == location.pathname
+                            ? "index.html"
+                            : location.pathname.substring(1)).substring(
+                        o.lastIndexOf("/") + 1
+                    );
+                    a.addEventListener("click", function (e) {
+                        var t;
+                        (o != "/" + a.getAttribute("href") ||
+                            a.getAttribute("data-bs-toggle")) &&
+                            document.body.classList.contains(
+                                "twocolumn-panel"
+                            ) &&
+                            document.body.classList.remove("twocolumn-panel"),
+                            document
+                                .getElementById("navbar-nav")
+                                .classList.remove("twocolumn-nav-hide"),
+                            document
+                                .querySelector(".hamburger-icon")
+                                .classList.remove("open"),
+                            ((e.target && e.target.matches("a.nav-icon")) ||
+                                (e.target && e.target.matches("i"))) &&
+                                (null !==
+                                    document.querySelector(
+                                        "#two-column-menu ul .nav-icon.active"
+                                    ) &&
+                                    document
+                                        .querySelector(
+                                            "#two-column-menu ul .nav-icon.active"
+                                        )
+                                        .classList.remove("active"),
+                                (e.target.matches("i")
+                                    ? e.target.closest("a")
+                                    : e.target
+                                ).classList.add("active"),
+                                0 <
+                                    (t = document.getElementsByClassName(
+                                        "twocolumn-item-show"
+                                    )).length &&
+                                    t[0].classList.remove(
+                                        "twocolumn-item-show"
+                                    ),
+                                (e = (
+                                    e.target.matches("i")
+                                        ? e.target.closest("a")
+                                        : e.target
+                                )
+                                    .getAttribute("href")
+                                    .slice(1)),
+                                document.getElementById(e) &&
+                                    document
+                                        .getElementById(e)
+                                        .parentElement.classList.add(
+                                            "twocolumn-item-show"
+                                        ));
+                    }),
+                        o != "/" + a.getAttribute("href") ||
+                            a.getAttribute("data-bs-toggle") ||
+                            (a.classList.add("active"),
+                            document
+                                .getElementById("navbar-nav")
+                                .classList.add("twocolumn-nav-hide"),
+                            document
+                                .querySelector(".hamburger-icon")
+                                .classList.add("open"));
+                }),
+            "horizontal" !==
+                document.documentElement.getAttribute("data-layout") &&
+                ((e = new SimpleBar(document.getElementById("navbar-nav"))) &&
+                    e.getContentElement(),
+                (e = new SimpleBar(
+                    document.getElementsByClassName("twocolumn-iconview")[0]
+                )) && e.getContentElement()));
+    }
+    function y(e) {
+        if (e) {
+            var t = e.offsetTop,
+                a = e.offsetLeft,
+                o = e.offsetWidth,
+                n = e.offsetHeight;
+            if (e.offsetParent)
+                for (; e.offsetParent; )
+                    (t += (e = e.offsetParent).offsetTop), (a += e.offsetLeft);
+            return (
+                t >= window.pageYOffset &&
+                a >= window.pageXOffset &&
+                t + n <= window.pageYOffset + window.innerHeight &&
+                a + o <= window.pageXOffset + window.innerWidth
+            );
+        }
+    }
+    function f() {
+        "vertical" == document.documentElement.getAttribute("data-layout") &&
+            ((document.getElementById("two-column-menu").innerHTML = ""),
+            (document.querySelector(".navbar-menu").innerHTML = i),
+            document
+                .getElementById("scrollbar")
+                .setAttribute("data-simplebar", ""),
+            document
+                .getElementById("navbar-nav")
+                .setAttribute("data-simplebar", ""),
+            document.getElementById("scrollbar").classList.add("h-100")),
+            "twocolumn" ==
+                document.documentElement.getAttribute("data-layout") &&
+                (document
+                    .getElementById("scrollbar")
+                    .removeAttribute("data-simplebar"),
+                document.getElementById("scrollbar").classList.remove("h-100")),
+            "horizontal" ==
+                document.documentElement.getAttribute("data-layout") && L();
+    }
+    function h() {
+        feather.replace();
+        var e = document.documentElement.clientWidth;
+        e < 1025 && 767 < e
+            ? (document.body.classList.remove("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "twocolumn"
+                  ),
+                  document.getElementById("customizer-layout03") &&
+                      document.getElementById("customizer-layout03").click(),
+                  b(),
+                  w(),
+                  g()),
+              "vertical" == sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      "sm"
+                  ),
+              document.querySelector(".hamburger-icon").classList.add("open"))
+            : 1025 <= e
+            ? (document.body.classList.remove("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "twocolumn"
+                  ),
+                  document.getElementById("customizer-layout03") &&
+                      document.getElementById("customizer-layout03").click(),
+                  b(),
+                  w(),
+                  g()),
+              "vertical" == sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      sessionStorage.getItem("data-sidebar-size")
+                  ),
+              document
+                  .querySelector(".hamburger-icon")
+                  .classList.remove("open"))
+            : e <= 767 &&
+              (document.body.classList.remove("vertical-sidebar-enable"),
+              document.body.classList.add("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "vertical"
+                  ),
+                  A("vertical"),
+                  g()),
+              "horizontal" != sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      "lg"
+                  ),
+              document.querySelector(".hamburger-icon").classList.add("open")),
+            document
+                .querySelectorAll("#navbar-nav > li.nav-item")
+                .forEach(function (e) {
+                    e.addEventListener("click", p.bind(this), !1),
+                        e.addEventListener("mouseover", p.bind(this), !1);
+                });
+    }
+    function p(e) {
+        if (e.target && e.target.matches("a.nav-link span"))
+            if (0 == y(e.target.parentElement.nextElementSibling))
+                e.target.parentElement.nextElementSibling.classList.add(
+                    "dropdown-custom-right"
+                ),
+                    e.target.parentElement.parentElement.parentElement.parentElement.classList.add(
+                        "dropdown-custom-right"
+                    ),
+                    e.target.parentElement.nextElementSibling
+                        .querySelectorAll(".menu-dropdown")
+                        .forEach(function (e) {
+                            e.classList.add("dropdown-custom-right");
+                        });
+            else if (
+                1 == y(e.target.parentElement.nextElementSibling) &&
+                1848 <= window.innerWidth
+            )
+                for (
+                    var t = document.getElementsByClassName(
+                        "dropdown-custom-right"
+                    );
+                    0 < t.length;
+
+                )
+                    t[0].classList.remove("dropdown-custom-right");
+        if (e.target && e.target.matches("a.nav-link"))
+            if (0 == y(e.target.nextElementSibling))
+                e.target.nextElementSibling.classList.add(
+                    "dropdown-custom-right"
+                ),
+                    e.target.parentElement.parentElement.parentElement.classList.add(
+                        "dropdown-custom-right"
+                    ),
+                    e.target.nextElementSibling
+                        .querySelectorAll(".menu-dropdown")
+                        .forEach(function (e) {
+                            e.classList.add("dropdown-custom-right");
+                        });
+            else if (
+                1 == y(e.target.nextElementSibling) &&
+                1848 <= window.innerWidth
+            )
+                for (
+                    t = document.getElementsByClassName(
+                        "dropdown-custom-right"
+                    );
+                    0 < t.length;
+
+                )
+                    t[0].classList.remove("dropdown-custom-right");
+    }
+    function E() {
+        var e = document.documentElement.clientWidth;
+        767 < e &&
+            document.querySelector(".hamburger-icon").classList.toggle("open"),
+            "horizontal" ===
+                document.documentElement.getAttribute("data-layout") &&
+                (document.body.classList.contains("menu")
+                    ? document.body.classList.remove("menu")
+                    : document.body.classList.add("menu")),
+            "vertical" ===
+                document.documentElement.getAttribute("data-layout") &&
+                (e < 1025 && 767 < e
+                    ? (document.body.classList.remove(
+                          "vertical-sidebar-enable"
+                      ),
+                      "sm" ==
+                      document.documentElement.getAttribute("data-sidebar-size")
+                          ? document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                ""
+                            )
+                          : document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "sm"
+                            ))
+                    : 1025 < e
+                    ? (document.body.classList.remove(
+                          "vertical-sidebar-enable"
+                      ),
+                      "lg" ==
+                      document.documentElement.getAttribute("data-sidebar-size")
+                          ? document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "sm"
+                            )
+                          : document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "lg"
+                            ))
+                    : e <= 767 &&
+                      (document.body.classList.add("vertical-sidebar-enable"),
+                      document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "lg"
+                      ))),
+            "twocolumn" ==
+                document.documentElement.getAttribute("data-layout") &&
+                (document.body.classList.contains("twocolumn-panel")
+                    ? document.body.classList.remove("twocolumn-panel")
+                    : document.body.classList.add("twocolumn-panel"));
+    }
+    function v() {
+        document.addEventListener("DOMContentLoaded", function () {
+            document
+                .getElementsByClassName("code-switcher")
+                .forEach(function (a, e) {
+                    a.addEventListener("change", function () {
+                        var e = a.closest(".card"),
+                            t = e.querySelector(".live-preview"),
+                            e = e.querySelector(".code-view");
+                        a.checked
+                            ? (t.classList.add("d-none"),
+                              e.classList.remove("d-none"))
+                            : (t.classList.remove("d-none"),
+                              e.classList.add("d-none"));
+                    });
+                }),
+                feather.replace();
+        }),
+            window.addEventListener("resize", h),
+            h(),
+            Waves.init(),
+            document.addEventListener("scroll", function () {
+                var e;
+                (e = document.getElementById("page-topbar")),
+                    50 <= document.body.scrollTop ||
+                    50 <= document.documentElement.scrollTop
+                        ? e.classList.add("topbar-shadow")
+                        : e.classList.remove("topbar-shadow");
+            }),
+            window.addEventListener("load", function () {
+                var e;
+                ("twocolumn" ==
+                    document.documentElement.getAttribute("data-layout")
+                    ? w
+                    : S)(),
+                    (e = document.getElementsByClassName("vertical-overlay")) &&
+                        e.forEach(function (e) {
+                            e.addEventListener("click", function () {
+                                document.body.classList.remove(
+                                    "vertical-sidebar-enable"
+                                ),
+                                    "twocolumn" ==
+                                    sessionStorage.getItem("data-layout")
+                                        ? document.body.classList.add(
+                                              "twocolumn-panel"
+                                          )
+                                        : document.documentElement.setAttribute(
+                                              "data-sidebar-size",
+                                              sessionStorage.getItem(
+                                                  "data-sidebar-size"
+                                              )
+                                          );
+                            });
+                        }),
+                    k();
+            }),
+            document
+                .getElementById("topnav-hamburger-icon")
+                .addEventListener("click", E);
+        var e = sessionStorage.getItem("defaultAttribute"),
+            t = JSON.parse(e),
+            e = document.documentElement.clientWidth;
+        "twocolumn" == t["data-layout"] &&
+            e < 767 &&
+            document
+                .getElementById("two-column-menu")
+                .querySelectorAll("li")
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        document.body.classList.remove("twocolumn-panel");
+                    });
+                });
+    }
+    function w() {
+        feather.replace();
+        var e,
+            t =
+                "/" == location.pathname
+                    ? "index.html"
+                    : location.pathname.substring(1);
+        (t = t.substring(t.lastIndexOf("/") + 1)) &&
+            ((e = document
+                .getElementById("navbar-nav")
+                .querySelector('[href="' + t + '"]'))
+                ? (e.classList.add("active"),
+                  (t =
+                      (t = e.closest(".collapse.menu-dropdown")) &&
+                      t.parentElement.closest(".collapse.menu-dropdown")
+                          ? (t.classList.add("show"),
+                            t.parentElement.children[0].classList.add("active"),
+                            t.parentElement
+                                .closest(".collapse.menu-dropdown")
+                                .parentElement.classList.add(
+                                    "twocolumn-item-show"
+                                ),
+                            t.parentElement
+                                .closest(".collapse.menu-dropdown")
+                                .getAttribute("id"))
+                          : (e
+                                .closest(".collapse.menu-dropdown")
+                                .parentElement.classList.add(
+                                    "twocolumn-item-show"
+                                ),
+                            t.getAttribute("id"))),
+                  document
+                      .getElementById("two-column-menu")
+                      .querySelector('[href="#' + t + '"]') &&
+                      document
+                          .getElementById("two-column-menu")
+                          .querySelector('[href="#' + t + '"]')
+                          .classList.add("active"))
+                : document.body.classList.add("twocolumn-panel"));
+    }
+    function S() {
+        var e =
+            "/" == location.pathname
+                ? "index.html"
+                : location.pathname.substring(1);
+        !(e = e.substring(e.lastIndexOf("/") + 1)) ||
+            ((e = document
+                .getElementById("navbar-nav")
+                .querySelector('[href="' + e + '"]')) &&
+                (e.classList.add("active"),
+                (e = e.closest(".collapse.menu-dropdown")) &&
+                    (e.classList.add("show"),
+                    e.parentElement.children[0].classList.add("active"),
+                    e.parentElement.children[0].setAttribute(
+                        "aria-expanded",
+                        "true"
+                    ),
+                    e.parentElement.closest(".collapse.menu-dropdown") &&
+                        (e.parentElement
+                            .closest(".collapse")
+                            .classList.add("show"),
+                        e.parentElement.closest(".collapse")
+                            .previousElementSibling &&
+                            e.parentElement
+                                .closest(".collapse")
+                                .previousElementSibling.classList.add(
+                                    "active"
+                                )))));
+    }
+    function y(e) {
+        if (e) {
+            var t = e.offsetTop,
+                a = e.offsetLeft,
+                o = e.offsetWidth,
+                n = e.offsetHeight;
+            if (e.offsetParent)
+                for (; e.offsetParent; )
+                    (t += (e = e.offsetParent).offsetTop), (a += e.offsetLeft);
+            return (
+                t >= window.pageYOffset &&
+                a >= window.pageXOffset &&
+                t + n <= window.pageYOffset + window.innerHeight &&
+                a + o <= window.pageXOffset + window.innerWidth
+            );
+        }
+    }
+    function I() {
+        var e = document.querySelectorAll(".counter-value");
+        function s(e) {
+            return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        }
+        e &&
+            e.forEach(function (n) {
+                !(function e() {
+                    var t = +n.getAttribute("data-target"),
+                        a = +n.innerText,
+                        o = t / 250;
+                    o < 1 && (o = 1),
+                        a < t
+                            ? ((n.innerText = (a + o).toFixed(0)),
+                              setTimeout(e, 1))
+                            : (n.innerText = s(t)),
+                        s(n.innerText);
+                })();
+            });
+    }
+    function L() {
+        (document.getElementById("two-column-menu").innerHTML = ""),
+            (document.querySelector(".navbar-menu").innerHTML = i),
+            document
+                .getElementById("scrollbar")
+                .removeAttribute("data-simplebar"),
+            document
+                .getElementById("navbar-nav")
+                .removeAttribute("data-simplebar"),
+            document.getElementById("scrollbar").classList.remove("h-100");
+        var a = r,
+            o = document.querySelectorAll("ul.navbar-nav > li.nav-item"),
+            n = "",
+            s = "";
+        o.forEach(function (e, t) {
+            t + 1 === a && (s = e),
+                a < t + 1 && ((n += e.outerHTML), e.remove()),
+                t + 1 === o.length &&
+                    s.insertAdjacentHTML &&
+                    s.insertAdjacentHTML(
+                        "afterend",
+                        '<li class="nav-item">                <a class="nav-link" href="#sidebarMore" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMore">                    <i class="ri-briefcase-2-line"></i> More                </a>                <div class="collapse menu-dropdown" id="sidebarMore">             <ul class="nav nav-sm flex-column">' +
+                            n +
+                            "</ul></div></li>"
+                    );
+        });
+    }
+    function A(e) {
+        "vertical" == e
+            ? ((document.getElementById("two-column-menu").innerHTML = ""),
+              (document.querySelector(".navbar-menu").innerHTML = i),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "block"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "block"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "block"),
+                  (document.getElementById("layout-position").style.display =
+                      "block"),
+                  (document.getElementById("layout-width").style.display =
+                      "block")),
+              f(),
+              S(),
+              k())
+            : "horizontal" == e
+            ? (L(),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "none"),
+                  (document.getElementById("layout-position").style.display =
+                      "block"),
+                  (document.getElementById("layout-width").style.display =
+                      "block")),
+              S())
+            : "twocolumn" == e &&
+              (document
+                  .getElementById("scrollbar")
+                  .removeAttribute("data-simplebar"),
+              document.getElementById("scrollbar").classList.remove("h-100"),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "block"),
+                  (document.getElementById("layout-position").style.display =
+                      "none"),
+                  (document.getElementById("layout-width").style.display =
+                      "none")));
+    }
+    function k() {
+        document
+            .getElementById("vertical-hover")
+            .addEventListener("click", function () {
+                "sm-hover" ===
+                document.documentElement.getAttribute("data-sidebar-size")
+                    ? document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "sm-hover-active"
+                      )
+                    : (document.documentElement.getAttribute(
+                          "data-sidebar-size"
+                      ),
+                      document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "sm-hover"
+                      ));
+            });
+    }
+    function B(e) {
+        if (e == e) {
+            switch (e["data-layout"]) {
+                case "vertical":
+                    z("data-layout", "vertical"),
+                        sessionStorage.setItem("data-layout", "vertical"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "vertical"
+                        ),
+                        A("vertical"),
+                        g();
+                    break;
+                case "horizontal":
+                    z("data-layout", "horizontal"),
+                        sessionStorage.setItem("data-layout", "horizontal"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "horizontal"
+                        ),
+                        A("horizontal");
+                    break;
+                case "twocolumn":
+                    z("data-layout", "twocolumn"),
+                        sessionStorage.setItem("data-layout", "twocolumn"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "twocolumn"
+                        ),
+                        A("twocolumn");
+                    break;
+                default:
+                    "vertical" == sessionStorage.getItem("data-layout") &&
+                    sessionStorage.getItem("data-layout")
+                        ? (z("data-layout", "vertical"),
+                          sessionStorage.setItem("data-layout", "vertical"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "vertical"
+                          ),
+                          A("vertical"),
+                          g())
+                        : "horizontal" == sessionStorage.getItem("data-layout")
+                        ? (z("data-layout", "horizontal"),
+                          sessionStorage.setItem("data-layout", "horizontal"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "horizontal"
+                          ),
+                          A("horizontal"))
+                        : "twocolumn" ==
+                              sessionStorage.getItem("data-layout") &&
+                          (z("data-layout", "twocolumn"),
+                          sessionStorage.setItem("data-layout", "twocolumn"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "twocolumn"
+                          ),
+                          A("twocolumn"));
+            }
+            switch (e["data-topbar"]) {
+                case "light":
+                    z("data-topbar", "light"),
+                        sessionStorage.setItem("data-topbar", "light"),
+                        document.documentElement.setAttribute(
+                            "data-topbar",
+                            "light"
+                        );
+                    break;
+                case "dark":
+                    z("data-topbar", "dark"),
+                        sessionStorage.setItem("data-topbar", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-topbar",
+                            "dark"
+                        );
+                    break;
+                default:
+                    "dark" == sessionStorage.getItem("data-topbar")
+                        ? (z("data-topbar", "dark"),
+                          sessionStorage.setItem("data-topbar", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-topbar",
+                              "dark"
+                          ))
+                        : (z("data-topbar", "light"),
+                          sessionStorage.setItem("data-topbar", "light"),
+                          document.documentElement.setAttribute(
+                              "data-topbar",
+                              "light"
+                          ));
+            }
+            switch (e["data-layout-style"]) {
+                case "default":
+                    z("data-layout-style", "default"),
+                        sessionStorage.setItem("data-layout-style", "default"),
+                        document.documentElement.setAttribute(
+                            "data-layout-style",
+                            "default"
+                        );
+                    break;
+                case "detached":
+                    z("data-layout-style", "detached"),
+                        sessionStorage.setItem("data-layout-style", "detached"),
+                        document.documentElement.setAttribute(
+                            "data-layout-style",
+                            "detached"
+                        );
+                    break;
+                default:
+                    "detached" == sessionStorage.getItem("data-layout-style")
+                        ? (z("data-layout-style", "detached"),
+                          sessionStorage.setItem(
+                              "data-layout-style",
+                              "detached"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-style",
+                              "detached"
+                          ))
+                        : (z("data-layout-style", "default"),
+                          sessionStorage.setItem(
+                              "data-layout-style",
+                              "default"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-style",
+                              "default"
+                          ));
+            }
+            switch (e["data-sidebar-size"]) {
+                case "lg":
+                    z("data-sidebar-size", "lg"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "lg"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "lg");
+                    break;
+                case "sm":
+                    z("data-sidebar-size", "sm"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "sm"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "sm");
+                    break;
+                case "md":
+                    z("data-sidebar-size", "md"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "md"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "md");
+                    break;
+                case "sm-hover":
+                    z("data-sidebar-size", "sm-hover"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "sm-hover"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "sm-hover");
+                    break;
+                default:
+                    "sm" == sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "sm"
+                          ),
+                          z("data-sidebar-size", "sm"),
+                          sessionStorage.setItem("data-sidebar-size", "sm"))
+                        : "md" == sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "md"
+                          ),
+                          z("data-sidebar-size", "md"),
+                          sessionStorage.setItem("data-sidebar-size", "md"))
+                        : "sm-hover" ==
+                          sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "sm-hover"
+                          ),
+                          z("data-sidebar-size", "sm-hover"),
+                          sessionStorage.setItem(
+                              "data-sidebar-size",
+                              "sm-hover"
+                          ))
+                        : (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "lg"
+                          ),
+                          z("data-sidebar-size", "lg"),
+                          sessionStorage.setItem("data-sidebar-size", "lg"));
+            }
+            switch (e["data-layout-mode"]) {
+                case "light":
+                    z("data-layout-mode", "light"),
+                        document.documentElement.setAttribute(
+                            "data-layout-mode",
+                            "light"
+                        ),
+                        sessionStorage.setItem("data-layout-mode", "light");
+                    break;
+                case "dark":
+                    z("data-layout-mode", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-layout-mode",
+                            "dark"
+                        ),
+                        sessionStorage.setItem("data-layout-mode", "dark");
+                    break;
+                default:
+                    sessionStorage.getItem("data-layout-mode") &&
+                    "dark" == sessionStorage.getItem("data-layout-mode")
+                        ? (sessionStorage.setItem("data-layout-mode", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-layout-mode",
+                              "dark"
+                          ),
+                          z("data-layout-mode", "dark"))
+                        : (sessionStorage.setItem("data-layout-mode", "light"),
+                          document.documentElement.setAttribute(
+                              "data-layout-mode",
+                              "light"
+                          ),
+                          z("data-layout-mode", "light"));
+            }
+            switch (e["data-layout-width"]) {
+                case "fluid":
+                    z("data-layout-width", "fluid"),
+                        document.documentElement.setAttribute(
+                            "data-layout-width",
+                            "fluid"
+                        ),
+                        sessionStorage.setItem("data-layout-width", "fluid");
+                    break;
+                case "boxed":
+                    z("data-layout-width", "boxed"),
+                        document.documentElement.setAttribute(
+                            "data-layout-width",
+                            "boxed"
+                        ),
+                        sessionStorage.setItem("data-layout-width", "boxed");
+                    break;
+                default:
+                    "boxed" == sessionStorage.getItem("data-layout-width")
+                        ? (sessionStorage.setItem("data-layout-width", "boxed"),
+                          document.documentElement.setAttribute(
+                              "data-layout-width",
+                              "boxed"
+                          ),
+                          z("data-layout-width", "boxed"))
+                        : (sessionStorage.setItem("data-layout-width", "fluid"),
+                          document.documentElement.setAttribute(
+                              "data-layout-width",
+                              "fluid"
+                          ),
+                          z("data-layout-width", "fluid"));
+            }
+            switch (e["data-sidebar"]) {
+                case "light":
+                    z("data-sidebar", "light"),
+                        sessionStorage.setItem("data-sidebar", "light"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar",
+                            "light"
+                        );
+                    break;
+                case "dark":
+                    z("data-sidebar", "dark"),
+                        sessionStorage.setItem("data-sidebar", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar",
+                            "dark"
+                        );
+                    break;
+                default:
+                    sessionStorage.getItem("data-sidebar") &&
+                    "light" == sessionStorage.getItem("data-sidebar")
+                        ? (sessionStorage.setItem("data-sidebar", "light"),
+                          z("data-sidebar", "light"),
+                          document.documentElement.setAttribute(
+                              "data-sidebar",
+                              "light"
+                          ))
+                        : (sessionStorage.setItem("data-sidebar", "dark"),
+                          z("data-sidebar", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-sidebar",
+                              "dark"
+                          ));
+            }
+            switch (e["data-layout-position"]) {
+                case "fixed":
+                    z("data-layout-position", "fixed"),
+                        sessionStorage.setItem("data-layout-position", "fixed"),
+                        document.documentElement.setAttribute(
+                            "data-layout-position",
+                            "fixed"
+                        );
+                    break;
+                case "scrollable":
+                    z("data-layout-position", "scrollable"),
+                        sessionStorage.setItem(
+                            "data-layout-position",
+                            "scrollable"
+                        ),
+                        document.documentElement.setAttribute(
+                            "data-layout-position",
+                            "scrollable"
+                        );
+                    break;
+                default:
+                    sessionStorage.getItem("data-layout-position") &&
+                    "scrollable" ==
+                        sessionStorage.getItem("data-layout-position")
+                        ? (z("data-layout-position", "scrollable"),
+                          sessionStorage.setItem(
+                              "data-layout-position",
+                              "scrollable"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-position",
+                              "scrollable"
+                          ))
+                        : (z("data-layout-position", "fixed"),
+                          sessionStorage.setItem(
+                              "data-layout-position",
+                              "fixed"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-position",
+                              "fixed"
+                          ));
+            }
+        }
+    }
+    function z(t, a) {
+        document
+            .querySelectorAll("input[name=" + t + "]")
+            .forEach(function (e) {
+                a == e.value ? (e.checked = !0) : (e.checked = !1),
+                    e.addEventListener("change", function () {
+                        document.documentElement.setAttribute(t, e.value),
+                            sessionStorage.setItem(t, e.value),
+                            "data-layout-width" == t && "boxed" == e.value
+                                ? (document.documentElement.setAttribute(
+                                      "data-sidebar-size",
+                                      "sm-hover"
+                                  ),
+                                  sessionStorage.setItem(
+                                      "data-sidebar-size",
+                                      "sm-hover"
+                                  ),
+                                  (document.getElementById(
+                                      "sidebar-size-small-hover"
+                                  ).checked = !0))
+                                : "data-layout-width" == t &&
+                                  "fluid" == e.value &&
+                                  (document.documentElement.setAttribute(
+                                      "data-sidebar-size",
+                                      "lg"
+                                  ),
+                                  sessionStorage.setItem(
+                                      "data-sidebar-size",
+                                      "lg"
+                                  ),
+                                  (document.getElementById(
+                                      "sidebar-size-default"
+                                  ).checked = !0)),
+                            "data-layout" == t &&
+                                ("vertical" == e.value
+                                    ? (A("vertical"), g(), feather.replace())
+                                    : "horizontal" == e.value
+                                    ? (A("horizontal"), feather.replace())
+                                    : "twocolumn" == e.value &&
+                                      (A("twocolumn"),
+                                      document.documentElement.setAttribute(
+                                          "data-layout-width",
+                                          "fluid"
+                                      ),
+                                      document
+                                          .getElementById("layout-width-fluid")
+                                          .click(),
+                                      b(),
+                                      w(),
+                                      g(),
+                                      feather.replace()));
+                    });
+            });
+    }
+    function x(e, t, a, o) {
+        var n = document.getElementById(a);
+        o.setAttribute(e, t), n && document.getElementById(a).click();
+    }
+    function T() {
+        document.webkitIsFullScreen ||
+            document.mozFullScreen ||
+            document.msFullscreenElement ||
+            document.body.classList.remove("fullscreen-enable");
+    }
+    function q() {
+        var t = 0;
+        document
+            .getElementsByClassName("cart-item-price")
+            .forEach(function (e) {
+                t += parseFloat(e.innerHTML);
+            }),
+            (document.getElementById("cart-item-total").innerHTML =
+                "$" + t.toFixed(2));
+    }
+    function C() {
+        var e;
+        "horizontal" !== document.documentElement.getAttribute("data-layout") &&
+            (!document.getElementById("navbar-nav") ||
+                ((e = new SimpleBar(document.getElementById("navbar-nav"))) &&
+                    e.getContentElement()),
+            !document.getElementsByClassName("twocolumn-iconview")[0] ||
+                ((e = new SimpleBar(
+                    document.getElementsByClassName("twocolumn-iconview")[0]
+                )) &&
+                    e.getContentElement()),
+            clearTimeout(l));
+    }
+    sessionStorage.getItem("defaultAttribute")
+        ? (((a = {})["data-layout"] = sessionStorage.getItem("data-layout")),
+          (a["data-sidebar-size"] =
+              sessionStorage.getItem("data-sidebar-size")),
+          (a["data-layout-mode"] = sessionStorage.getItem("data-layout-mode")),
+          (a["data-layout-width"] =
+              sessionStorage.getItem("data-layout-width")),
+          (a["data-sidebar"] = sessionStorage.getItem("data-sidebar")),
+          (a["data-layout-position"] = sessionStorage.getItem(
+              "data-layout-position"
+          )),
+          (a["data-layout-style"] =
+              sessionStorage.getItem("data-layout-style")),
+          (a["data-topbar"] = sessionStorage.getItem("data-topbar")),
+          B(a))
+        : ((e = document.documentElement.attributes),
+          (a = {}),
+          e.forEach(function (e) {
+              var t;
+              e &&
+                  e.nodeName &&
+                  "undefined" != e.nodeName &&
+                  ((t = e.nodeName),
+                  (a[t] = e.nodeValue),
+                  sessionStorage.setItem(t, e.nodeValue));
+          }),
+          sessionStorage.setItem("defaultAttribute", JSON.stringify(a)),
+          B(a),
+          (e = document.querySelector(
+              '.btn[data-bs-target="#theme-settings-offcanvas"]'
+          )) && e.click()),
+        b(),
+        (t = document.getElementById("search-close-options")),
+        (o = document.getElementById("search-dropdown")),
+        (n = document.getElementById("search-options")).addEventListener(
+            "focus",
+            function () {
+                0 < n.value.length
+                    ? (o.classList.add("show"), t.classList.remove("d-none"))
+                    : (o.classList.remove("show"), t.classList.add("d-none"));
+            }
+        ),
+        n.addEventListener("keyup", function (e) {
+            var a;
+            0 < n.value.length
+                ? (o.classList.add("show"),
+                  t.classList.remove("d-none"),
+                  (a = n.value.toLowerCase()),
+                  document
+                      .getElementsByClassName("notify-item")
+                      .forEach(function (e) {
+                          var t = e
+                              .getElementsByTagName("span")[0]
+                              .innerText.toLowerCase();
+                          e.style.display = t.includes(a) ? "block" : "none";
+                      }))
+                : (o.classList.remove("show"), t.classList.add("d-none"));
+        }),
+        t.addEventListener("click", function () {
+            (n.value = ""),
+                o.classList.remove("show"),
+                t.classList.add("d-none");
+        }),
+        document.body.addEventListener("click", function (e) {
+            "search-options" !== e.target.getAttribute("id") &&
+                (o.classList.remove("show"), t.classList.add("d-none"));
+        }),
+        (e = document.querySelector('[data-toggle="fullscreen"]')) &&
+            e.addEventListener("click", function (e) {
+                e.preventDefault(),
+                    document.body.classList.toggle("fullscreen-enable"),
+                    document.fullscreenElement ||
+                    document.mozFullScreenElement ||
+                    document.webkitFullscreenElement
+                        ? document.cancelFullScreen
+                            ? document.cancelFullScreen()
+                            : document.mozCancelFullScreen
+                            ? document.mozCancelFullScreen()
+                            : document.webkitCancelFullScreen &&
+                              document.webkitCancelFullScreen()
+                        : document.documentElement.requestFullscreen
+                        ? document.documentElement.requestFullscreen()
+                        : document.documentElement.mozRequestFullScreen
+                        ? document.documentElement.mozRequestFullScreen()
+                        : document.documentElement.webkitRequestFullscreen &&
+                          document.documentElement.webkitRequestFullscreen(
+                              Element.ALLOW_KEYBOARD_INPUT
+                          );
+            }),
+        document.addEventListener("fullscreenchange", T),
+        document.addEventListener("webkitfullscreenchange", T),
+        document.addEventListener("mozfullscreenchange", T),
+        (s = document.getElementsByTagName("HTML")[0]),
+        (e = document.querySelectorAll(".light-dark-mode")) &&
+            e.length &&
+            e[0].addEventListener("click", function (e) {
+                s.hasAttribute("data-layout-mode") &&
+                "dark" == s.getAttribute("data-layout-mode")
+                    ? x("data-layout-mode", "light", "layout-mode-light", s)
+                    : x("data-layout-mode", "dark", "layout-mode-dark", s);
+            }),
+        v(),
+        I(),
+        f(),
+        document.getElementsByClassName("dropdown-item-cart") &&
+            ((d = document.querySelectorAll(".dropdown-item-cart").length),
+            document
+                .querySelectorAll(
+                    "#page-topbar .dropdown-menu-cart .remove-item-btn"
+                )
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        d--,
+                            this.closest(".dropdown-item-cart").remove(),
+                            document
+                                .getElementsByClassName("cartitem-badge")
+                                .forEach(function (e) {
+                                    e.innerHTML = d;
+                                }),
+                            q(),
+                            (document.getElementById(
+                                "empty-cart"
+                            ).style.display = 0 == d ? "block" : "none"),
+                            (document.getElementById(
+                                "checkout-elem"
+                            ).style.display = 0 == d ? "none" : "block");
+                    });
+                }),
+            document
+                .getElementsByClassName("cartitem-badge")
+                .forEach(function (e) {
+                    e.innerHTML = d;
+                }),
+            q()),
+        document.getElementsByClassName("notification-check") &&
+            document
+                .querySelectorAll(".notification-check input")
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        e.target
+                            .closest(".notification-item")
+                            .classList.toggle("active");
+                    });
+                }),
+        [].slice
+            .call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+            .map(function (e) {
+                return new bootstrap.Tooltip(e);
+            }),
+        [].slice
+            .call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+            .map(function (e) {
+                return new bootstrap.Popover(e);
+            }),
+        setTimeout(function () {
+            var e,
+                t,
+                a = document.getElementById("navbar-nav");
+            a &&
+                ((a = a.querySelector(".nav-item .active")),
+                300 < (e = a ? a.offsetTop : 0) &&
+                    (t = document.getElementsByClassName("app-menu")
+                        ? document.getElementsByClassName("app-menu")[0]
+                        : "") &&
+                    t.querySelector(".simplebar-content-wrapper") &&
+                    setTimeout(function () {
+                        t.querySelector(
+                            ".simplebar-content-wrapper"
+                        ).scrollTop = 330 == e ? e + 85 : e;
+                    }, 0));
+        }, 0),
+        document.getElementById("reset-layout") &&
+            document
+                .getElementById("reset-layout")
+                .addEventListener("click", function () {
+                    sessionStorage.clear(), window.location.reload();
+                }),
+        document.querySelectorAll("[data-toast]").forEach(function (a) {
+            a.addEventListener("click", function () {
+                var e = {},
+                    t = a.attributes;
+                t["data-toast-text"] &&
+                    (e.text = t["data-toast-text"].value.toString()),
+                    t["data-toast-gravity"] &&
+                        (e.gravity = t["data-toast-gravity"].value.toString()),
+                    t["data-toast-position"] &&
+                        (e.position =
+                            t["data-toast-position"].value.toString()),
+                    t["data-toast-className"] &&
+                        (e.className =
+                            t["data-toast-className"].value.toString()),
+                    t["data-toast-duration"] &&
+                        (e.duration =
+                            t["data-toast-duration"].value.toString()),
+                    t["data-toast-close"] &&
+                        (e.close = t["data-toast-close"].value.toString()),
+                    t["data-toast-style"] &&
+                        (e.style = t["data-toast-style"].value.toString()),
+                    t["data-toast-offset"] &&
+                        (e.offset = t["data-toast-offset"]),
+                    Toastify({
+                        newWindow: !0,
+                        text: e.text,
+                        gravity: e.gravity,
+                        position: e.position,
+                        className: "bg-" + e.className,
+                        stopOnFocus: !0,
+                        offset: { x: e.offset ? 50 : 0, y: e.offset ? 10 : 0 },
+                        duration: e.duration,
+                        close: "close" == e.close,
+                        style:
+                            "style" == e.style
+                                ? {
+                                      background:
+                                          "linear-gradient(to right, #0AB39C, #405189)",
+                                  }
+                                : "",
+                    }).showToast();
+            });
+        }),
+        document.querySelectorAll("[data-choices]").forEach(function (e) {
+            var t = {},
+                a = e.attributes;
+            a["data-choices-groups"] &&
+                (t.placeholderValue =
+                    "This is a placeholder set in the config"),
+                a["data-choices-search-false"] && (t.searchEnabled = !1),
+                a["data-choices-search-true"] && (t.searchEnabled = !0),
+                a["data-choices-removeItem"] && (t.removeItemButton = !0),
+                a["data-choices-sorting-false"] && (t.shouldSort = !1),
+                a["data-choices-sorting-true"] && (t.shouldSort = !0),
+                a["data-choices-multiple-default"],
+                a["data-choices-multiple-groups"],
+                a["data-choices-multiple-remove"] && (t.removeItemButton = !0),
+                a["data-choices-limit"] &&
+                    (t.maxItemCount = a["data-choices-limit"].value.toString()),
+                a["data-choices-limit"] &&
+                    (t.maxItemCount = a["data-choices-limit"].value.toString()),
+                a["data-choices-editItem-true"] && (t.maxItemCount = !0),
+                a["data-choices-editItem-false"] && (t.maxItemCount = !1),
+                a["data-choices-text-unique-true"] &&
+                    (t.duplicateItemsAllowed = !1),
+                a["data-choices-text-disabled-true"] && (t.addItems = !1),
+                a["data-choices-text-disabled-true"]
+                    ? new Choices(e, t).disable()
+                    : new Choices(e, t);
+        }),
+        document.querySelectorAll("[data-provider]").forEach(function (e) {
+            var t, a, o;
+            "flatpickr" == e.getAttribute("data-provider")
+                ? ((o = {}),
+                  (t = e.attributes)["data-date-format"] &&
+                      (o.dateFormat = t["data-date-format"].value.toString()),
+                  t["data-enable-time"] &&
+                      ((o.enableTime = !0),
+                      (o.dateFormat =
+                          t["data-date-format"].value.toString() + " H:i")),
+                  t["data-altFormat"] &&
+                      ((o.altInput = !0),
+                      (o.altFormat = t["data-altFormat"].value.toString())),
+                  t["data-minDate"] &&
+                      ((o.minDate = t["data-minDate"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-maxDate"] &&
+                      ((o.maxDate = t["data-maxDate"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-deafult-date"] &&
+                      ((o.defaultDate =
+                          t["data-deafult-date"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-multiple-date"] &&
+                      ((o.mode = "multiple"),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-range-date"] &&
+                      ((o.mode = "range"),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-inline-date"] &&
+                      ((o.inline = !0),
+                      (o.defaultDate = t["data-deafult-date"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-disable-date"] &&
+                      ((a = []).push(t["data-disable-date"].value),
+                      (o.disable = a.toString().split(","))),
+                  flatpickr(e, o))
+                : "timepickr" == e.getAttribute("data-provider") &&
+                  ((a = {}),
+                  (o = e.attributes)["data-time-basic"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i")),
+                  o["data-time-hrs"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.time_24hr = !0)),
+                  o["data-min-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.minTime = o["data-min-time"].value.toString())),
+                  o["data-max-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.minTime = o["data-max-time"].value.toString())),
+                  o["data-default-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.defaultDate =
+                          o["data-default-time"].value.toString())),
+                  o["data-time-inline"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.defaultDate = o["data-time-inline"].value.toString()),
+                      (a.inline = !0)),
+                  flatpickr(e, a));
+        }),
+        document
+            .querySelectorAll('.dropdown-menu a[data-bs-toggle="tab"]')
+            .forEach(function (e) {
+                e.addEventListener("click", function (e) {
+                    e.stopPropagation(),
+                        bootstrap.Tab.getInstance(e.target).show();
+                });
+            }),
+        (function () {
+            "null" != m && m !== c && u(m);
+            var e = document.getElementsByClassName("language");
+            e &&
+                e.forEach(function (t) {
+                    t.addEventListener("click", function (e) {
+                        u(t.getAttribute("data-lang"));
+                    });
+                });
+        })(),
+        g(),
+        window.addEventListener("resize", function () {
+            l && clearTimeout(l), (l = setTimeout(C, 2e3));
+        });
+})();
+var mybutton = document.getElementById("back-to-top");
+function scrollFunction() {
+    100 < document.body.scrollTop || 100 < document.documentElement.scrollTop
+        ? (mybutton.style.display = "block")
+        : (mybutton.style.display = "none");
+}
+function topFunction() {
+    (document.body.scrollTop = 0), (document.documentElement.scrollTop = 0);
+}
+window.onscroll = function () {
+    scrollFunction();
+};
diff --git a/public/assets/js/customApp.js b/public/assets/js/customApp.js
new file mode 100644
index 0000000..75eb4c9
--- /dev/null
+++ b/public/assets/js/customApp.js
@@ -0,0 +1,1516 @@
+!(function () {
+    var a,
+        t,
+        o,
+        n,
+        s,
+        e,
+        d,
+        l,
+        i = document.querySelector(".navbar-menu").innerHTML,
+        r = 7,
+        c = "en",
+        m = localStorage.getItem("language");
+    function u(e) {
+        document.getElementById("header-lang-img") &&
+            ("en" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/us.svg")
+                : "sp" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/spain.svg")
+                : "gr" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/germany.svg")
+                : "it" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/italy.svg")
+                : "ru" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/russia.svg")
+                : "ch" == e
+                ? (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/china.svg")
+                : "fr" == e &&
+                  (document.getElementById("header-lang-img").src =
+                      "assets/images/flags/french.svg"),
+            localStorage.setItem("language", e),
+            (m = localStorage.getItem("language")),
+            (function () {
+                null == m && u(c);
+                var e = new XMLHttpRequest();
+                e.open("GET", "assets/lang/" + m + ".json"),
+                    (e.onreadystatechange = function () {
+                        var a;
+                        4 === this.readyState &&
+                            200 === this.status &&
+                            ((a = JSON.parse(this.responseText)),
+                            Object.keys(a).forEach(function (t) {
+                                document
+                                    .querySelectorAll("[data-key='" + t + "']")
+                                    .forEach(function (e) {
+                                        e.textContent = a[t];
+                                    });
+                            }));
+                    }),
+                    e.send();
+            })());
+    }
+    function g() {
+        document.querySelectorAll(".navbar-nav .collapse") &&
+            document
+                .querySelectorAll(".navbar-nav .collapse")
+                .forEach(function (t) {
+                    var a = new bootstrap.Collapse(t, { toggle: !1 });
+                    t.addEventListener("show.bs.collapse", function (e) {
+                        e.stopPropagation();
+                        e = t.parentElement.closest(".collapse");
+                        e
+                            ? e
+                                  .querySelectorAll(".collapse")
+                                  .forEach(function (e) {
+                                      e = bootstrap.Collapse.getInstance(e);
+                                      e !== a && e.hide();
+                                  })
+                            : (function (e) {
+                                  for (
+                                      var t = [], a = e.parentNode.firstChild;
+                                      a;
+
+                                  )
+                                      1 === a.nodeType && a !== e && t.push(a),
+                                          (a = a.nextSibling);
+                                  return t;
+                              })(t.parentElement).forEach(function (e) {
+                                  2 < e.childNodes.length &&
+                                      e.firstElementChild.setAttribute(
+                                          "aria-expanded",
+                                          "false"
+                                      ),
+                                      e
+                                          .querySelectorAll("*[id]")
+                                          .forEach(function (e) {
+                                              e.classList.remove("show"),
+                                                  2 < e.childNodes.length &&
+                                                      e
+                                                          .querySelectorAll(
+                                                              "ul li a"
+                                                          )
+                                                          .forEach(function (
+                                                              e
+                                                          ) {
+                                                              e.hasAttribute(
+                                                                  "aria-expanded"
+                                                              ) &&
+                                                                  e.setAttribute(
+                                                                      "aria-expanded",
+                                                                      "false"
+                                                                  );
+                                                          });
+                                          });
+                              });
+                    }),
+                        t.addEventListener("hide.bs.collapse", function (e) {
+                            e.stopPropagation(),
+                                t
+                                    .querySelectorAll(".collapse")
+                                    .forEach(function (e) {
+                                        (childCollapseInstance =
+                                            bootstrap.Collapse.getInstance(e)),
+                                            childCollapseInstance.hide();
+                                    });
+                        });
+                });
+    }
+    function b() {
+        var o,
+            e,
+            t = document.documentElement.getAttribute("data-layout"),
+            a = sessionStorage.getItem("defaultAttribute"),
+            a = JSON.parse(a);
+        !a ||
+            ("twocolumn" != t && "twocolumn" != a["data-layout"]) ||
+            ((document.querySelector(".navbar-menu").innerHTML = i),
+            ((o = document.createElement("ul")).innerHTML =
+                '<a href="#" class="logo"><img src="assets/images/logo-sm.png" alt="" height="22"></a>'),
+            document
+                .getElementById("navbar-nav")
+                .querySelectorAll(".menu-link")
+                .forEach(function (e) {
+                    o.className = "twocolumn-iconview";
+                    var t = document.createElement("li"),
+                        a = e;
+                    a.querySelectorAll("span").forEach(function (e) {
+                        e.classList.add("d-none");
+                    }),
+                        e.parentElement.classList.contains(
+                            "twocolumn-item-show"
+                        ) && e.classList.add("active"),
+                        t.appendChild(a),
+                        o.appendChild(t),
+                        a.classList.contains("nav-link") &&
+                            a.classList.replace("nav-link", "nav-icon"),
+                        a.classList.remove("collapsed", "menu-link");
+                }),
+            (a = (a =
+                "/" == location.pathname
+                    ? "index.html"
+                    : location.pathname.substring(1)).substring(
+                a.lastIndexOf("/") + 1
+            )) &&
+                (!(a = document
+                    .getElementById("navbar-nav")
+                    .querySelector('[href="' + a + '"]')) ||
+                    ((e = a.closest(".collapse.menu-dropdown")) &&
+                        (e.classList.add("show"),
+                        e.parentElement.children[0].classList.add("active"),
+                        e.parentElement.children[0].setAttribute(
+                            "aria-expanded",
+                            "true"
+                        ),
+                        e.parentElement.closest(".collapse.menu-dropdown") &&
+                            (e.parentElement
+                                .closest(".collapse")
+                                .classList.add("show"),
+                            e.parentElement.closest(".collapse")
+                                .previousElementSibling &&
+                                e.parentElement
+                                    .closest(".collapse")
+                                    .previousElementSibling.classList.add(
+                                        "active"
+                                    ))))),
+            (document.getElementById("two-column-menu").innerHTML =
+                o.outerHTML),
+            document
+                .querySelector("#two-column-menu ul")
+                .querySelectorAll("li a")
+                .forEach(function (a) {
+                    var o = (o =
+                        "/" == location.pathname
+                            ? "index.html"
+                            : location.pathname.substring(1)).substring(
+                        o.lastIndexOf("/") + 1
+                    );
+                    a.addEventListener("click", function (e) {
+                        var t;
+                        (o != "/" + a.getAttribute("href") ||
+                            a.getAttribute("data-bs-toggle")) &&
+                            document.body.classList.contains(
+                                "twocolumn-panel"
+                            ) &&
+                            document.body.classList.remove("twocolumn-panel"),
+                            document
+                                .getElementById("navbar-nav")
+                                .classList.remove("twocolumn-nav-hide"),
+                            document
+                                .querySelector(".hamburger-icon")
+                                .classList.remove("open"),
+                            ((e.target && e.target.matches("a.nav-icon")) ||
+                                (e.target && e.target.matches("i"))) &&
+                                (null !==
+                                    document.querySelector(
+                                        "#two-column-menu ul .nav-icon.active"
+                                    ) &&
+                                    document
+                                        .querySelector(
+                                            "#two-column-menu ul .nav-icon.active"
+                                        )
+                                        .classList.remove("active"),
+                                (e.target.matches("i")
+                                    ? e.target.closest("a")
+                                    : e.target
+                                ).classList.add("active"),
+                                0 <
+                                    (t = document.getElementsByClassName(
+                                        "twocolumn-item-show"
+                                    )).length &&
+                                    t[0].classList.remove(
+                                        "twocolumn-item-show"
+                                    ),
+                                (e = (
+                                    e.target.matches("i")
+                                        ? e.target.closest("a")
+                                        : e.target
+                                )
+                                    .getAttribute("href")
+                                    .slice(1)),
+                                document.getElementById(e) &&
+                                    document
+                                        .getElementById(e)
+                                        .parentElement.classList.add(
+                                            "twocolumn-item-show"
+                                        ));
+                    }),
+                        o != "/" + a.getAttribute("href") ||
+                            a.getAttribute("data-bs-toggle") ||
+                            (a.classList.add("active"),
+                            document
+                                .getElementById("navbar-nav")
+                                .classList.add("twocolumn-nav-hide"),
+                            document
+                                .querySelector(".hamburger-icon")
+                                .classList.add("open"));
+                }),
+            "horizontal" !==
+                document.documentElement.getAttribute("data-layout") &&
+                ((e = new SimpleBar(document.getElementById("navbar-nav"))) &&
+                    e.getContentElement(),
+                (e = new SimpleBar(
+                    document.getElementsByClassName("twocolumn-iconview")[0]
+                )) && e.getContentElement()));
+    }
+    function y(e) {
+        if (e) {
+            var t = e.offsetTop,
+                a = e.offsetLeft,
+                o = e.offsetWidth,
+                n = e.offsetHeight;
+            if (e.offsetParent)
+                for (; e.offsetParent; )
+                    (t += (e = e.offsetParent).offsetTop), (a += e.offsetLeft);
+            return (
+                t >= window.pageYOffset &&
+                a >= window.pageXOffset &&
+                t + n <= window.pageYOffset + window.innerHeight &&
+                a + o <= window.pageXOffset + window.innerWidth
+            );
+        }
+    }
+    function f() {
+        "vertical" == document.documentElement.getAttribute("data-layout") &&
+            ((document.getElementById("two-column-menu").innerHTML = ""),
+            (document.querySelector(".navbar-menu").innerHTML = i),
+            document
+                .getElementById("scrollbar")
+                .setAttribute("data-simplebar", ""),
+            document
+                .getElementById("navbar-nav")
+                .setAttribute("data-simplebar", ""),
+            document.getElementById("scrollbar").classList.add("h-100")),
+            "twocolumn" ==
+                document.documentElement.getAttribute("data-layout") &&
+                (document
+                    .getElementById("scrollbar")
+                    .removeAttribute("data-simplebar"),
+                document.getElementById("scrollbar").classList.remove("h-100")),
+            "horizontal" ==
+                document.documentElement.getAttribute("data-layout") && L();
+    }
+    function h() {
+        feather.replace();
+        var e = document.documentElement.clientWidth;
+        e < 1025 && 767 < e
+            ? (document.body.classList.remove("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "twocolumn"
+                  ),
+                  document.getElementById("customizer-layout03") &&
+                      document.getElementById("customizer-layout03").click(),
+                  b(),
+                  w(),
+                  g()),
+              "vertical" == sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      "sm"
+                  ),
+              document.querySelector(".hamburger-icon").classList.add("open"))
+            : 1025 <= e
+            ? (document.body.classList.remove("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "twocolumn"
+                  ),
+                  document.getElementById("customizer-layout03") &&
+                      document.getElementById("customizer-layout03").click(),
+                  b(),
+                  w(),
+                  g()),
+              "vertical" == sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      sessionStorage.getItem("data-sidebar-size")
+                  ),
+              document
+                  .querySelector(".hamburger-icon")
+                  .classList.remove("open"))
+            : e <= 767 &&
+              (document.body.classList.remove("vertical-sidebar-enable"),
+              document.body.classList.add("twocolumn-panel"),
+              "twocolumn" == sessionStorage.getItem("data-layout") &&
+                  (document.documentElement.setAttribute(
+                      "data-layout",
+                      "vertical"
+                  ),
+                  A("vertical"),
+                  g()),
+              "horizontal" != sessionStorage.getItem("data-layout") &&
+                  document.documentElement.setAttribute(
+                      "data-sidebar-size",
+                      "lg"
+                  ),
+              document.querySelector(".hamburger-icon").classList.add("open")),
+            document
+                .querySelectorAll("#navbar-nav > li.nav-item")
+                .forEach(function (e) {
+                    e.addEventListener("click", p.bind(this), !1),
+                        e.addEventListener("mouseover", p.bind(this), !1);
+                });
+    }
+    function p(e) {
+        if (e.target && e.target.matches("a.nav-link span"))
+            if (0 == y(e.target.parentElement.nextElementSibling))
+                e.target.parentElement.nextElementSibling.classList.add(
+                    "dropdown-custom-right"
+                ),
+                    e.target.parentElement.parentElement.parentElement.parentElement.classList.add(
+                        "dropdown-custom-right"
+                    ),
+                    e.target.parentElement.nextElementSibling
+                        .querySelectorAll(".menu-dropdown")
+                        .forEach(function (e) {
+                            e.classList.add("dropdown-custom-right");
+                        });
+            else if (
+                1 == y(e.target.parentElement.nextElementSibling) &&
+                1848 <= window.innerWidth
+            )
+                for (
+                    var t = document.getElementsByClassName(
+                        "dropdown-custom-right"
+                    );
+                    0 < t.length;
+
+                )
+                    t[0].classList.remove("dropdown-custom-right");
+        if (e.target && e.target.matches("a.nav-link"))
+            if (0 == y(e.target.nextElementSibling))
+                e.target.nextElementSibling.classList.add(
+                    "dropdown-custom-right"
+                ),
+                    e.target.parentElement.parentElement.parentElement.classList.add(
+                        "dropdown-custom-right"
+                    ),
+                    e.target.nextElementSibling
+                        .querySelectorAll(".menu-dropdown")
+                        .forEach(function (e) {
+                            e.classList.add("dropdown-custom-right");
+                        });
+            else if (
+                1 == y(e.target.nextElementSibling) &&
+                1848 <= window.innerWidth
+            )
+                for (
+                    t = document.getElementsByClassName(
+                        "dropdown-custom-right"
+                    );
+                    0 < t.length;
+
+                )
+                    t[0].classList.remove("dropdown-custom-right");
+    }
+    function E() {
+        var e = document.documentElement.clientWidth;
+        767 < e &&
+            document.querySelector(".hamburger-icon").classList.toggle("open"),
+            "horizontal" ===
+                document.documentElement.getAttribute("data-layout") &&
+                (document.body.classList.contains("menu")
+                    ? document.body.classList.remove("menu")
+                    : document.body.classList.add("menu")),
+            "vertical" ===
+                document.documentElement.getAttribute("data-layout") &&
+                (e < 1025 && 767 < e
+                    ? (document.body.classList.remove(
+                          "vertical-sidebar-enable"
+                      ),
+                      "sm" ==
+                      document.documentElement.getAttribute("data-sidebar-size")
+                          ? document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                ""
+                            )
+                          : document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "sm"
+                            ))
+                    : 1025 < e
+                    ? (document.body.classList.remove(
+                          "vertical-sidebar-enable"
+                      ),
+                      "lg" ==
+                      document.documentElement.getAttribute("data-sidebar-size")
+                          ? document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "sm"
+                            )
+                          : document.documentElement.setAttribute(
+                                "data-sidebar-size",
+                                "lg"
+                            ))
+                    : e <= 767 &&
+                      (document.body.classList.add("vertical-sidebar-enable"),
+                      document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "lg"
+                      ))),
+            "twocolumn" ==
+                document.documentElement.getAttribute("data-layout") &&
+                (document.body.classList.contains("twocolumn-panel")
+                    ? document.body.classList.remove("twocolumn-panel")
+                    : document.body.classList.add("twocolumn-panel"));
+    }
+    function v() {
+        document.addEventListener("DOMContentLoaded", function () {
+            document
+                .getElementsByClassName("code-switcher")
+                .forEach(function (a, e) {
+                    a.addEventListener("change", function () {
+                        var e = a.closest(".card"),
+                            t = e.querySelector(".live-preview"),
+                            e = e.querySelector(".code-view");
+                        a.checked
+                            ? (t.classList.add("d-none"),
+                              e.classList.remove("d-none"))
+                            : (t.classList.remove("d-none"),
+                              e.classList.add("d-none"));
+                    });
+                }),
+                feather.replace();
+        }),
+            window.addEventListener("resize", h),
+            h(),
+            Waves.init(),
+            document.addEventListener("scroll", function () {
+                var e;
+                (e = document.getElementById("page-topbar")),
+                    50 <= document.body.scrollTop ||
+                    50 <= document.documentElement.scrollTop
+                        ? e.classList.add("topbar-shadow")
+                        : e.classList.remove("topbar-shadow");
+            }),
+            window.addEventListener("load", function () {
+                var e;
+                ("twocolumn" ==
+                    document.documentElement.getAttribute("data-layout")
+                    ? w
+                    : S)(),
+                    (e = document.getElementsByClassName("vertical-overlay")) &&
+                        e.forEach(function (e) {
+                            e.addEventListener("click", function () {
+                                document.body.classList.remove(
+                                    "vertical-sidebar-enable"
+                                ),
+                                    "twocolumn" ==
+                                    sessionStorage.getItem("data-layout")
+                                        ? document.body.classList.add(
+                                              "twocolumn-panel"
+                                          )
+                                        : document.documentElement.setAttribute(
+                                              "data-sidebar-size",
+                                              sessionStorage.getItem(
+                                                  "data-sidebar-size"
+                                              )
+                                          );
+                            });
+                        }),
+                    k();
+            }),
+            document
+                .getElementById("topnav-hamburger-icon")
+                .addEventListener("click", E);
+        var e = sessionStorage.getItem("defaultAttribute"),
+            t = JSON.parse(e),
+            e = document.documentElement.clientWidth;
+        "twocolumn" == t["data-layout"] &&
+            e < 767 &&
+            document
+                .getElementById("two-column-menu")
+                .querySelectorAll("li")
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        document.body.classList.remove("twocolumn-panel");
+                    });
+                });
+    }
+    function w() {
+        feather.replace();
+        var e,
+            t =
+                "/" == location.pathname
+                    ? "index.html"
+                    : location.pathname.substring(1);
+        (t = t.substring(t.lastIndexOf("/") + 1)) &&
+            ((e = document
+                .getElementById("navbar-nav")
+                .querySelector('[href="' + t + '"]'))
+                ? (e.classList.add("active"),
+                  (t =
+                      (t = e.closest(".collapse.menu-dropdown")) &&
+                      t.parentElement.closest(".collapse.menu-dropdown")
+                          ? (t.classList.add("show"),
+                            t.parentElement.children[0].classList.add("active"),
+                            t.parentElement
+                                .closest(".collapse.menu-dropdown")
+                                .parentElement.classList.add(
+                                    "twocolumn-item-show"
+                                ),
+                            t.parentElement
+                                .closest(".collapse.menu-dropdown")
+                                .getAttribute("id"))
+                          : (e
+                                .closest(".collapse.menu-dropdown")
+                                .parentElement.classList.add(
+                                    "twocolumn-item-show"
+                                ),
+                            t.getAttribute("id"))),
+                  document
+                      .getElementById("two-column-menu")
+                      .querySelector('[href="#' + t + '"]') &&
+                      document
+                          .getElementById("two-column-menu")
+                          .querySelector('[href="#' + t + '"]')
+                          .classList.add("active"))
+                : document.body.classList.add("twocolumn-panel"));
+    }
+    function S() {
+        var e =
+            "/" == location.pathname
+                ? "index.html"
+                : location.pathname.substring(1);
+        !(e = e.substring(e.lastIndexOf("/") + 1)) ||
+            ((e = document
+                .getElementById("navbar-nav")
+                .querySelector('[href="' + e + '"]')) &&
+                (e.classList.add("active"),
+                (e = e.closest(".collapse.menu-dropdown")) &&
+                    (e.classList.add("show"),
+                    e.parentElement.children[0].classList.add("active"),
+                    e.parentElement.children[0].setAttribute(
+                        "aria-expanded",
+                        "true"
+                    ),
+                    e.parentElement.closest(".collapse.menu-dropdown") &&
+                        (e.parentElement
+                            .closest(".collapse")
+                            .classList.add("show"),
+                        e.parentElement.closest(".collapse")
+                            .previousElementSibling &&
+                            e.parentElement
+                                .closest(".collapse")
+                                .previousElementSibling.classList.add(
+                                    "active"
+                                )))));
+    }
+    function y(e) {
+        if (e) {
+            var t = e.offsetTop,
+                a = e.offsetLeft,
+                o = e.offsetWidth,
+                n = e.offsetHeight;
+            if (e.offsetParent)
+                for (; e.offsetParent; )
+                    (t += (e = e.offsetParent).offsetTop), (a += e.offsetLeft);
+            return (
+                t >= window.pageYOffset &&
+                a >= window.pageXOffset &&
+                t + n <= window.pageYOffset + window.innerHeight &&
+                a + o <= window.pageXOffset + window.innerWidth
+            );
+        }
+    }
+    function I() {
+        var e = document.querySelectorAll(".counter-value");
+        function s(e) {
+            return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        }
+        e &&
+            e.forEach(function (n) {
+                !(function e() {
+                    var t = +n.getAttribute("data-target"),
+                        a = +n.innerText,
+                        o = t / 250;
+                    o < 1 && (o = 1),
+                        a < t
+                            ? ((n.innerText = (a + o).toFixed(0)),
+                              setTimeout(e, 1))
+                            : (n.innerText = s(t)),
+                        s(n.innerText);
+                })();
+            });
+    }
+    function L() {
+        (document.getElementById("two-column-menu").innerHTML = ""),
+            (document.querySelector(".navbar-menu").innerHTML = i),
+            document
+                .getElementById("scrollbar")
+                .removeAttribute("data-simplebar"),
+            document
+                .getElementById("navbar-nav")
+                .removeAttribute("data-simplebar"),
+            document.getElementById("scrollbar").classList.remove("h-100");
+        var a = r,
+            o = document.querySelectorAll("ul.navbar-nav > li.nav-item"),
+            n = "",
+            s = "";
+        o.forEach(function (e, t) {
+            t + 1 === a && (s = e),
+                a < t + 1 && ((n += e.outerHTML), e.remove()),
+                t + 1 === o.length &&
+                    s.insertAdjacentHTML &&
+                    s.insertAdjacentHTML(
+                        "afterend",
+                        '<li class="nav-item">                <a class="nav-link" href="#sidebarMore" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarMore">                    <i class="ri-briefcase-2-line"></i> More                </a>                <div class="collapse menu-dropdown" id="sidebarMore">             <ul class="nav nav-sm flex-column">' +
+                            n +
+                            "</ul></div></li>"
+                    );
+        });
+    }
+    function A(e) {
+        "vertical" == e
+            ? ((document.getElementById("two-column-menu").innerHTML = ""),
+              (document.querySelector(".navbar-menu").innerHTML = i),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "block"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "block"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "block"),
+                  (document.getElementById("layout-position").style.display =
+                      "block"),
+                  (document.getElementById("layout-width").style.display =
+                      "block")),
+              f(),
+              S(),
+              k())
+            : "horizontal" == e
+            ? (L(),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "none"),
+                  (document.getElementById("layout-position").style.display =
+                      "block"),
+                  (document.getElementById("layout-width").style.display =
+                      "block")),
+              S())
+            : "twocolumn" == e &&
+              (document
+                  .getElementById("scrollbar")
+                  .removeAttribute("data-simplebar"),
+              document.getElementById("scrollbar").classList.remove("h-100"),
+              document.getElementById("theme-settings-offcanvas") &&
+                  ((document.getElementById("sidebar-size").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-view").style.display =
+                      "none"),
+                  (document.getElementById("sidebar-color").style.display =
+                      "block"),
+                  (document.getElementById("layout-position").style.display =
+                      "none"),
+                  (document.getElementById("layout-width").style.display =
+                      "none")));
+    }
+    function k() {
+        document
+            .getElementById("vertical-hover")
+            .addEventListener("click", function () {
+                "sm-hover" ===
+                document.documentElement.getAttribute("data-sidebar-size")
+                    ? document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "sm-hover-active"
+                      )
+                    : (document.documentElement.getAttribute(
+                          "data-sidebar-size"
+                      ),
+                      document.documentElement.setAttribute(
+                          "data-sidebar-size",
+                          "sm-hover"
+                      ));
+            });
+    }
+    function B(e) {
+        if (e == e) {
+            switch (e["data-layout"]) {
+                case "vertical":
+                    z("data-layout", "vertical"),
+                        sessionStorage.setItem("data-layout", "vertical"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "vertical"
+                        ),
+                        A("vertical"),
+                        g();
+                    break;
+                case "horizontal":
+                    z("data-layout", "horizontal"),
+                        sessionStorage.setItem("data-layout", "horizontal"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "horizontal"
+                        ),
+                        A("horizontal");
+                    break;
+                case "twocolumn":
+                    z("data-layout", "twocolumn"),
+                        sessionStorage.setItem("data-layout", "twocolumn"),
+                        document.documentElement.setAttribute(
+                            "data-layout",
+                            "twocolumn"
+                        ),
+                        A("twocolumn");
+                    break;
+                default:
+                    "vertical" == sessionStorage.getItem("data-layout") &&
+                    sessionStorage.getItem("data-layout")
+                        ? (z("data-layout", "vertical"),
+                          sessionStorage.setItem("data-layout", "vertical"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "vertical"
+                          ),
+                          A("vertical"),
+                          g())
+                        : "horizontal" == sessionStorage.getItem("data-layout")
+                        ? (z("data-layout", "horizontal"),
+                          sessionStorage.setItem("data-layout", "horizontal"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "horizontal"
+                          ),
+                          A("horizontal"))
+                        : "twocolumn" ==
+                              sessionStorage.getItem("data-layout") &&
+                          (z("data-layout", "twocolumn"),
+                          sessionStorage.setItem("data-layout", "twocolumn"),
+                          document.documentElement.setAttribute(
+                              "data-layout",
+                              "twocolumn"
+                          ),
+                          A("twocolumn"));
+            }
+            switch (e["data-topbar"]) {
+                case "light":
+                    z("data-topbar", "light"),
+                        sessionStorage.setItem("data-topbar", "light"),
+                        document.documentElement.setAttribute(
+                            "data-topbar",
+                            "light"
+                        );
+                    break;
+                case "dark":
+                    z("data-topbar", "dark"),
+                        sessionStorage.setItem("data-topbar", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-topbar",
+                            "dark"
+                        );
+                    break;
+                default:
+                    "dark" == sessionStorage.getItem("data-topbar")
+                        ? (z("data-topbar", "dark"),
+                          sessionStorage.setItem("data-topbar", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-topbar",
+                              "dark"
+                          ))
+                        : (z("data-topbar", "light"),
+                          sessionStorage.setItem("data-topbar", "light"),
+                          document.documentElement.setAttribute(
+                              "data-topbar",
+                              "light"
+                          ));
+            }
+            switch (e["data-layout-style"]) {
+                case "default":
+                    z("data-layout-style", "default"),
+                        sessionStorage.setItem("data-layout-style", "default"),
+                        document.documentElement.setAttribute(
+                            "data-layout-style",
+                            "default"
+                        );
+                    break;
+                case "detached":
+                    z("data-layout-style", "detached"),
+                        sessionStorage.setItem("data-layout-style", "detached"),
+                        document.documentElement.setAttribute(
+                            "data-layout-style",
+                            "detached"
+                        );
+                    break;
+                default:
+                    "detached" == sessionStorage.getItem("data-layout-style")
+                        ? (z("data-layout-style", "detached"),
+                          sessionStorage.setItem(
+                              "data-layout-style",
+                              "detached"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-style",
+                              "detached"
+                          ))
+                        : (z("data-layout-style", "default"),
+                          sessionStorage.setItem(
+                              "data-layout-style",
+                              "default"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-style",
+                              "default"
+                          ));
+            }
+            switch (e["data-sidebar-size"]) {
+                case "lg":
+                    z("data-sidebar-size", "lg"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "lg"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "lg");
+                    break;
+                case "sm":
+                    z("data-sidebar-size", "sm"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "sm"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "sm");
+                    break;
+                case "md":
+                    z("data-sidebar-size", "md"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "md"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "md");
+                    break;
+                case "sm-hover":
+                    z("data-sidebar-size", "sm-hover"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar-size",
+                            "sm-hover"
+                        ),
+                        sessionStorage.setItem("data-sidebar-size", "sm-hover");
+                    break;
+                default:
+                    "sm" == sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "sm"
+                          ),
+                          z("data-sidebar-size", "sm"),
+                          sessionStorage.setItem("data-sidebar-size", "sm"))
+                        : "md" == sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "md"
+                          ),
+                          z("data-sidebar-size", "md"),
+                          sessionStorage.setItem("data-sidebar-size", "md"))
+                        : "sm-hover" ==
+                          sessionStorage.getItem("data-sidebar-size")
+                        ? (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "sm-hover"
+                          ),
+                          z("data-sidebar-size", "sm-hover"),
+                          sessionStorage.setItem(
+                              "data-sidebar-size",
+                              "sm-hover"
+                          ))
+                        : (document.documentElement.setAttribute(
+                              "data-sidebar-size",
+                              "lg"
+                          ),
+                          z("data-sidebar-size", "lg"),
+                          sessionStorage.setItem("data-sidebar-size", "lg"));
+            }
+            switch (e["data-layout-mode"]) {
+                case "light":
+                    z("data-layout-mode", "light"),
+                        document.documentElement.setAttribute(
+                            "data-layout-mode",
+                            "light"
+                        ),
+                        sessionStorage.setItem("data-layout-mode", "light");
+                    break;
+                case "dark":
+                    z("data-layout-mode", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-layout-mode",
+                            "dark"
+                        ),
+                        sessionStorage.setItem("data-layout-mode", "dark");
+                    break;
+                default:
+                    sessionStorage.getItem("data-layout-mode") &&
+                    "dark" == sessionStorage.getItem("data-layout-mode")
+                        ? (sessionStorage.setItem("data-layout-mode", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-layout-mode",
+                              "dark"
+                          ),
+                          z("data-layout-mode", "dark"))
+                        : (sessionStorage.setItem("data-layout-mode", "light"),
+                          document.documentElement.setAttribute(
+                              "data-layout-mode",
+                              "light"
+                          ),
+                          z("data-layout-mode", "light"));
+            }
+            switch (e["data-layout-width"]) {
+                case "fluid":
+                    z("data-layout-width", "fluid"),
+                        document.documentElement.setAttribute(
+                            "data-layout-width",
+                            "fluid"
+                        ),
+                        sessionStorage.setItem("data-layout-width", "fluid");
+                    break;
+                case "boxed":
+                    z("data-layout-width", "boxed"),
+                        document.documentElement.setAttribute(
+                            "data-layout-width",
+                            "boxed"
+                        ),
+                        sessionStorage.setItem("data-layout-width", "boxed");
+                    break;
+                default:
+                    "boxed" == sessionStorage.getItem("data-layout-width")
+                        ? (sessionStorage.setItem("data-layout-width", "boxed"),
+                          document.documentElement.setAttribute(
+                              "data-layout-width",
+                              "boxed"
+                          ),
+                          z("data-layout-width", "boxed"))
+                        : (sessionStorage.setItem("data-layout-width", "fluid"),
+                          document.documentElement.setAttribute(
+                              "data-layout-width",
+                              "fluid"
+                          ),
+                          z("data-layout-width", "fluid"));
+            }
+            switch (e["data-sidebar"]) {
+                case "light":
+                    z("data-sidebar", "light"),
+                        sessionStorage.setItem("data-sidebar", "light"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar",
+                            "light"
+                        );
+                    break;
+                case "dark":
+                    z("data-sidebar", "dark"),
+                        sessionStorage.setItem("data-sidebar", "dark"),
+                        document.documentElement.setAttribute(
+                            "data-sidebar",
+                            "dark"
+                        );
+                    break;
+                default:
+                    sessionStorage.getItem("data-sidebar") &&
+                    "light" == sessionStorage.getItem("data-sidebar")
+                        ? (sessionStorage.setItem("data-sidebar", "light"),
+                          z("data-sidebar", "light"),
+                          document.documentElement.setAttribute(
+                              "data-sidebar",
+                              "light"
+                          ))
+                        : (sessionStorage.setItem("data-sidebar", "dark"),
+                          z("data-sidebar", "dark"),
+                          document.documentElement.setAttribute(
+                              "data-sidebar",
+                              "dark"
+                          ));
+            }
+            switch (e["data-layout-position"]) {
+                case "fixed":
+                    z("data-layout-position", "fixed"),
+                        sessionStorage.setItem("data-layout-position", "fixed"),
+                        document.documentElement.setAttribute(
+                            "data-layout-position",
+                            "fixed"
+                        );
+                    break;
+                case "scrollable":
+                    z("data-layout-position", "scrollable"),
+                        sessionStorage.setItem(
+                            "data-layout-position",
+                            "scrollable"
+                        ),
+                        document.documentElement.setAttribute(
+                            "data-layout-position",
+                            "scrollable"
+                        );
+                    break;
+                default:
+                    sessionStorage.getItem("data-layout-position") &&
+                    "scrollable" ==
+                        sessionStorage.getItem("data-layout-position")
+                        ? (z("data-layout-position", "scrollable"),
+                          sessionStorage.setItem(
+                              "data-layout-position",
+                              "scrollable"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-position",
+                              "scrollable"
+                          ))
+                        : (z("data-layout-position", "fixed"),
+                          sessionStorage.setItem(
+                              "data-layout-position",
+                              "fixed"
+                          ),
+                          document.documentElement.setAttribute(
+                              "data-layout-position",
+                              "fixed"
+                          ));
+            }
+        }
+    }
+    function z(t, a) {
+        document
+            .querySelectorAll("input[name=" + t + "]")
+            .forEach(function (e) {
+                a == e.value ? (e.checked = !0) : (e.checked = !1),
+                    e.addEventListener("change", function () {
+                        document.documentElement.setAttribute(t, e.value),
+                            sessionStorage.setItem(t, e.value),
+                            "data-layout-width" == t && "boxed" == e.value
+                                ? (document.documentElement.setAttribute(
+                                      "data-sidebar-size",
+                                      "sm-hover"
+                                  ),
+                                  sessionStorage.setItem(
+                                      "data-sidebar-size",
+                                      "sm-hover"
+                                  ),
+                                  (document.getElementById(
+                                      "sidebar-size-small-hover"
+                                  ).checked = !0))
+                                : "data-layout-width" == t &&
+                                  "fluid" == e.value &&
+                                  (document.documentElement.setAttribute(
+                                      "data-sidebar-size",
+                                      "lg"
+                                  ),
+                                  sessionStorage.setItem(
+                                      "data-sidebar-size",
+                                      "lg"
+                                  ),
+                                  (document.getElementById(
+                                      "sidebar-size-default"
+                                  ).checked = !0)),
+                            "data-layout" == t &&
+                                ("vertical" == e.value
+                                    ? (A("vertical"), g(), feather.replace())
+                                    : "horizontal" == e.value
+                                    ? (A("horizontal"), feather.replace())
+                                    : "twocolumn" == e.value &&
+                                      (A("twocolumn"),
+                                      document.documentElement.setAttribute(
+                                          "data-layout-width",
+                                          "fluid"
+                                      ),
+                                      document
+                                          .getElementById("layout-width-fluid")
+                                          .click(),
+                                      b(),
+                                      w(),
+                                      g(),
+                                      feather.replace()));
+                    });
+            });
+    }
+    function x(e, t, a, o) {
+        var n = document.getElementById(a);
+        o.setAttribute(e, t), n && document.getElementById(a).click();
+    }
+    function T() {
+        document.webkitIsFullScreen ||
+            document.mozFullScreen ||
+            document.msFullscreenElement ||
+            document.body.classList.remove("fullscreen-enable");
+    }
+    function q() {
+        var t = 0;
+        document
+            .getElementsByClassName("cart-item-price")
+            .forEach(function (e) {
+                t += parseFloat(e.innerHTML);
+            });
+    }
+    function C() {
+        var e;
+        "horizontal" !== document.documentElement.getAttribute("data-layout") &&
+            (!document.getElementById("navbar-nav") ||
+                ((e = new SimpleBar(document.getElementById("navbar-nav"))) &&
+                    e.getContentElement()),
+            !document.getElementsByClassName("twocolumn-iconview")[0] ||
+                ((e = new SimpleBar(
+                    document.getElementsByClassName("twocolumn-iconview")[0]
+                )) &&
+                    e.getContentElement()),
+            clearTimeout(l));
+    }
+    sessionStorage.getItem("defaultAttribute")
+        ? (((a = {})["data-layout"] = sessionStorage.getItem("data-layout")),
+          (a["data-sidebar-size"] =
+              sessionStorage.getItem("data-sidebar-size")),
+          (a["data-layout-mode"] = sessionStorage.getItem("data-layout-mode")),
+          (a["data-layout-width"] =
+              sessionStorage.getItem("data-layout-width")),
+          (a["data-sidebar"] = sessionStorage.getItem("data-sidebar")),
+          (a["data-layout-position"] = sessionStorage.getItem(
+              "data-layout-position"
+          )),
+          (a["data-layout-style"] =
+              sessionStorage.getItem("data-layout-style")),
+          (a["data-topbar"] = sessionStorage.getItem("data-topbar")),
+          B(a))
+        : ((e = document.documentElement.attributes),
+          (a = {}),
+          e.forEach(function (e) {
+              var t;
+              e &&
+                  e.nodeName &&
+                  "undefined" != e.nodeName &&
+                  ((t = e.nodeName),
+                  (a[t] = e.nodeValue),
+                  sessionStorage.setItem(t, e.nodeValue));
+          }),
+          sessionStorage.setItem("defaultAttribute", JSON.stringify(a)),
+          B(a),
+          (e = document.querySelector(
+              '.btn[data-bs-target="#theme-settings-offcanvas"]'
+          )) && e.click()),
+        b(),
+        (t = document.getElementById("search-close-options")),
+        (o = document.getElementById("search-dropdown")),
+        (n = document.getElementById("search-options")).addEventListener(
+            "focus",
+            function () {
+                0 < n.value.length
+                    ? (o.classList.add("show"), t.classList.remove("d-none"))
+                    : (o.classList.remove("show"), t.classList.add("d-none"));
+            }
+        ),
+        n.addEventListener("keyup", function (e) {
+            var a;
+            0 < n.value.length
+                ? (o.classList.add("show"),
+                  t.classList.remove("d-none"),
+                  (a = n.value.toLowerCase()),
+                  document
+                      .getElementsByClassName("notify-item")
+                      .forEach(function (e) {
+                          var t = e
+                              .getElementsByTagName("span")[0]
+                              .innerText.toLowerCase();
+                          e.style.display = t.includes(a) ? "block" : "none";
+                      }))
+                : (o.classList.remove("show"), t.classList.add("d-none"));
+        }),
+        t.addEventListener("click", function () {
+            (n.value = ""),
+                o.classList.remove("show"),
+                t.classList.add("d-none");
+        }),
+        document.body.addEventListener("click", function (e) {
+            "search-options" !== e.target.getAttribute("id") &&
+                (o.classList.remove("show"), t.classList.add("d-none"));
+        }),
+        (e = document.querySelector('[data-toggle="fullscreen"]')) &&
+            e.addEventListener("click", function (e) {
+                e.preventDefault(),
+                    document.body.classList.toggle("fullscreen-enable"),
+                    document.fullscreenElement ||
+                    document.mozFullScreenElement ||
+                    document.webkitFullscreenElement
+                        ? document.cancelFullScreen
+                            ? document.cancelFullScreen()
+                            : document.mozCancelFullScreen
+                            ? document.mozCancelFullScreen()
+                            : document.webkitCancelFullScreen &&
+                              document.webkitCancelFullScreen()
+                        : document.documentElement.requestFullscreen
+                        ? document.documentElement.requestFullscreen()
+                        : document.documentElement.mozRequestFullScreen
+                        ? document.documentElement.mozRequestFullScreen()
+                        : document.documentElement.webkitRequestFullscreen &&
+                          document.documentElement.webkitRequestFullscreen(
+                              Element.ALLOW_KEYBOARD_INPUT
+                          );
+            }),
+        document.addEventListener("fullscreenchange", T),
+        document.addEventListener("webkitfullscreenchange", T),
+        document.addEventListener("mozfullscreenchange", T),
+        (s = document.getElementsByTagName("HTML")[0]),
+        (e = document.querySelectorAll(".light-dark-mode")) &&
+            e.length &&
+            e[0].addEventListener("click", function (e) {
+                s.hasAttribute("data-layout-mode") &&
+                "dark" == s.getAttribute("data-layout-mode")
+                    ? x("data-layout-mode", "light", "layout-mode-light", s)
+                    : x("data-layout-mode", "dark", "layout-mode-dark", s);
+            }),
+        v(),
+        I(),
+        f(),
+        document.getElementsByClassName("dropdown-item-cart") &&
+            ((d = document.querySelectorAll(".dropdown-item-cart").length),
+            document
+                .querySelectorAll(
+                    "#page-topbar .dropdown-menu-cart .remove-item-btn"
+                )
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        d--,
+                            this.closest(".dropdown-item-cart").remove(),
+                            document
+                                .getElementsByClassName("cartitem-badge")
+                                .forEach(function (e) {
+                                    e.innerHTML = d;
+                                }),
+                            q(),
+                            (document.getElementById(
+                                "empty-cart"
+                            ).style.display = 0 == d ? "block" : "none"),
+                            (document.getElementById(
+                                "checkout-elem"
+                            ).style.display = 0 == d ? "none" : "block");
+                    });
+                }),
+            document
+                .getElementsByClassName("cartitem-badge")
+                .forEach(function (e) {
+                    e.innerHTML = d;
+                }),
+            q()),
+        document.getElementsByClassName("notification-check") &&
+            document
+                .querySelectorAll(".notification-check input")
+                .forEach(function (e) {
+                    e.addEventListener("click", function (e) {
+                        e.target
+                            .closest(".notification-item")
+                            .classList.toggle("active");
+                    });
+                }),
+        [].slice
+            .call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+            .map(function (e) {
+                return new bootstrap.Tooltip(e);
+            }),
+        [].slice
+            .call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+            .map(function (e) {
+                return new bootstrap.Popover(e);
+            }),
+        setTimeout(function () {
+            var e,
+                t,
+                a = document.getElementById("navbar-nav");
+            a &&
+                ((a = a.querySelector(".nav-item .active")),
+                300 < (e = a ? a.offsetTop : 0) &&
+                    (t = document.getElementsByClassName("app-menu")
+                        ? document.getElementsByClassName("app-menu")[0]
+                        : "") &&
+                    t.querySelector(".simplebar-content-wrapper") &&
+                    setTimeout(function () {
+                        t.querySelector(
+                            ".simplebar-content-wrapper"
+                        ).scrollTop = 330 == e ? e + 85 : e;
+                    }, 0));
+        }, 0),
+        document.getElementById("reset-layout") &&
+            document
+                .getElementById("reset-layout")
+                .addEventListener("click", function () {
+                    sessionStorage.clear(), window.location.reload();
+                }),
+        document.querySelectorAll("[data-toast]").forEach(function (a) {
+            a.addEventListener("click", function () {
+                var e = {},
+                    t = a.attributes;
+                t["data-toast-text"] &&
+                    (e.text = t["data-toast-text"].value.toString()),
+                    t["data-toast-gravity"] &&
+                        (e.gravity = t["data-toast-gravity"].value.toString()),
+                    t["data-toast-position"] &&
+                        (e.position =
+                            t["data-toast-position"].value.toString()),
+                    t["data-toast-className"] &&
+                        (e.className =
+                            t["data-toast-className"].value.toString()),
+                    t["data-toast-duration"] &&
+                        (e.duration =
+                            t["data-toast-duration"].value.toString()),
+                    t["data-toast-close"] &&
+                        (e.close = t["data-toast-close"].value.toString()),
+                    t["data-toast-style"] &&
+                        (e.style = t["data-toast-style"].value.toString()),
+                    t["data-toast-offset"] &&
+                        (e.offset = t["data-toast-offset"]),
+                    Toastify({
+                        newWindow: !0,
+                        text: e.text,
+                        gravity: e.gravity,
+                        position: e.position,
+                        className: "bg-" + e.className,
+                        stopOnFocus: !0,
+                        offset: { x: e.offset ? 50 : 0, y: e.offset ? 10 : 0 },
+                        duration: e.duration,
+                        close: "close" == e.close,
+                        style:
+                            "style" == e.style
+                                ? {
+                                      background:
+                                          "linear-gradient(to right, #0AB39C, #405189)",
+                                  }
+                                : "",
+                    }).showToast();
+            });
+        }),
+        document.querySelectorAll("[data-choices]").forEach(function (e) {
+            var t = {},
+                a = e.attributes;
+            a["data-choices-groups"] &&
+                (t.placeholderValue =
+                    "This is a placeholder set in the config"),
+                a["data-choices-search-false"] && (t.searchEnabled = !1),
+                a["data-choices-search-true"] && (t.searchEnabled = !0),
+                a["data-choices-removeItem"] && (t.removeItemButton = !0),
+                a["data-choices-sorting-false"] && (t.shouldSort = !1),
+                a["data-choices-sorting-true"] && (t.shouldSort = !0),
+                a["data-choices-multiple-default"],
+                a["data-choices-multiple-groups"],
+                a["data-choices-multiple-remove"] && (t.removeItemButton = !0),
+                a["data-choices-limit"] &&
+                    (t.maxItemCount = a["data-choices-limit"].value.toString()),
+                a["data-choices-limit"] &&
+                    (t.maxItemCount = a["data-choices-limit"].value.toString()),
+                a["data-choices-editItem-true"] && (t.maxItemCount = !0),
+                a["data-choices-editItem-false"] && (t.maxItemCount = !1),
+                a["data-choices-text-unique-true"] &&
+                    (t.duplicateItemsAllowed = !1),
+                a["data-choices-text-disabled-true"] && (t.addItems = !1),
+                a["data-choices-text-disabled-true"]
+                    ? new Choices(e, t).disable()
+                    : new Choices(e, t);
+        }),
+        document.querySelectorAll("[data-provider]").forEach(function (e) {
+            var t, a, o;
+            "flatpickr" == e.getAttribute("data-provider")
+                ? ((o = {}),
+                  (t = e.attributes)["data-date-format"] &&
+                      (o.dateFormat = t["data-date-format"].value.toString()),
+                  t["data-enable-time"] &&
+                      ((o.enableTime = !0),
+                      (o.dateFormat =
+                          t["data-date-format"].value.toString() + " H:i")),
+                  t["data-altFormat"] &&
+                      ((o.altInput = !0),
+                      (o.altFormat = t["data-altFormat"].value.toString())),
+                  t["data-minDate"] &&
+                      ((o.minDate = t["data-minDate"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-maxDate"] &&
+                      ((o.maxDate = t["data-maxDate"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-deafult-date"] &&
+                      ((o.defaultDate =
+                          t["data-deafult-date"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-multiple-date"] &&
+                      ((o.mode = "multiple"),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-range-date"] &&
+                      ((o.mode = "range"),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-inline-date"] &&
+                      ((o.inline = !0),
+                      (o.defaultDate = t["data-deafult-date"].value.toString()),
+                      (o.dateFormat = t["data-date-format"].value.toString())),
+                  t["data-disable-date"] &&
+                      ((a = []).push(t["data-disable-date"].value),
+                      (o.disable = a.toString().split(","))),
+                  flatpickr(e, o))
+                : "timepickr" == e.getAttribute("data-provider") &&
+                  ((a = {}),
+                  (o = e.attributes)["data-time-basic"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i")),
+                  o["data-time-hrs"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.time_24hr = !0)),
+                  o["data-min-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.minTime = o["data-min-time"].value.toString())),
+                  o["data-max-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.minTime = o["data-max-time"].value.toString())),
+                  o["data-default-time"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.dateFormat = "H:i"),
+                      (a.defaultDate =
+                          o["data-default-time"].value.toString())),
+                  o["data-time-inline"] &&
+                      ((a.enableTime = !0),
+                      (a.noCalendar = !0),
+                      (a.defaultDate = o["data-time-inline"].value.toString()),
+                      (a.inline = !0)),
+                  flatpickr(e, a));
+        }),
+        document
+            .querySelectorAll('.dropdown-menu a[data-bs-toggle="tab"]')
+            .forEach(function (e) {
+                e.addEventListener("click", function (e) {
+                    e.stopPropagation(),
+                        bootstrap.Tab.getInstance(e.target).show();
+                });
+            }),
+        (function () {
+            "null" != m && m !== c && u(m);
+            var e = document.getElementsByClassName("language");
+            e &&
+                e.forEach(function (t) {
+                    t.addEventListener("click", function (e) {
+                        u(t.getAttribute("data-lang"));
+                    });
+                });
+        })(),
+        g(),
+        window.addEventListener("resize", function () {
+            l && clearTimeout(l), (l = setTimeout(C, 2e3));
+        });
+})();
+var mybutton = document.getElementById("back-to-top");
+function scrollFunction() {
+    100 < document.body.scrollTop || 100 < document.documentElement.scrollTop
+        ? (mybutton.style.display = "block")
+        : (mybutton.style.display = "none");
+}
+function topFunction() {
+    (document.body.scrollTop = 0), (document.documentElement.scrollTop = 0);
+}
+window.onscroll = function () {
+    scrollFunction();
+};
diff --git a/public/assets/js/pages/customJs/auth/profile.js b/public/assets/js/pages/customJs/auth/profile.js
new file mode 100644
index 0000000..ba056a3
--- /dev/null
+++ b/public/assets/js/pages/customJs/auth/profile.js
@@ -0,0 +1,14 @@
+function previewImage(event) {
+    var input = event.target;
+    var reader = new FileReader();
+
+    reader.onload = function () {
+        var previewImg = document.getElementById("preview-img");
+
+        previewImg.src = reader.result;
+    };
+
+    if (input.files && input.files[0]) {
+        reader.readAsDataURL(input.files[0]);
+    }
+}
diff --git a/public/assets/libs/list.js/list.min.js b/public/assets/libs/list.js/list.min.js
index 8131881..e51da02 100644
--- a/public/assets/libs/list.js/list.min.js
+++ b/public/assets/libs/list.js/list.min.js
@@ -1,2 +1,1302 @@
-var List;List=function(){var t={"./src/add-async.js":function(t){t.exports=function(t){return function e(r,n,s){var i=r.splice(0,50);s=(s=s||[]).concat(t.add(i)),r.length>0?setTimeout((function(){e(r,n,s)}),1):(t.update(),n(s))}}},"./src/filter.js":function(t){t.exports=function(t){return t.handlers.filterStart=t.handlers.filterStart||[],t.handlers.filterComplete=t.handlers.filterComplete||[],function(e){if(t.trigger("filterStart"),t.i=1,t.reset.filter(),void 0===e)t.filtered=!1;else{t.filtered=!0;for(var r=t.items,n=0,s=r.length;n<s;n++){var i=r[n];e(i)?i.filtered=!0:i.filtered=!1}}return t.update(),t.trigger("filterComplete"),t.visibleItems}}},"./src/fuzzy-search.js":function(t,e,r){r("./src/utils/classes.js");var n=r("./src/utils/events.js"),s=r("./src/utils/extend.js"),i=r("./src/utils/to-string.js"),a=r("./src/utils/get-by-class.js"),o=r("./src/utils/fuzzy.js");t.exports=function(t,e){e=s({location:0,distance:100,threshold:.4,multiSearch:!0,searchClass:"fuzzy-search"},e=e||{});var r={search:function(n,s){for(var i=e.multiSearch?n.replace(/ +$/,"").split(/ +/):[n],a=0,o=t.items.length;a<o;a++)r.item(t.items[a],s,i)},item:function(t,e,n){for(var s=!0,i=0;i<n.length;i++){for(var a=!1,o=0,l=e.length;o<l;o++)r.values(t.values(),e[o],n[i])&&(a=!0);a||(s=!1)}t.found=s},values:function(t,r,n){if(t.hasOwnProperty(r)){var s=i(t[r]).toLowerCase();if(o(s,n,e))return!0}return!1}};return n.bind(a(t.listContainer,e.searchClass),"keyup",t.utils.events.debounce((function(e){var n=e.target||e.srcElement;t.search(n.value,r.search)}),t.searchDelay)),function(e,n){t.search(e,n,r.search)}}},"./src/index.js":function(t,e,r){var n=r("./node_modules/string-natural-compare/natural-compare.js"),s=r("./src/utils/get-by-class.js"),i=r("./src/utils/extend.js"),a=r("./src/utils/index-of.js"),o=r("./src/utils/events.js"),l=r("./src/utils/to-string.js"),u=r("./src/utils/classes.js"),c=r("./src/utils/get-attribute.js"),f=r("./src/utils/to-array.js");t.exports=function(t,e,h){var d,v=this,g=r("./src/item.js")(v),m=r("./src/add-async.js")(v),p=r("./src/pagination.js")(v);d={start:function(){v.listClass="list",v.searchClass="search",v.sortClass="sort",v.page=1e4,v.i=1,v.items=[],v.visibleItems=[],v.matchingItems=[],v.searched=!1,v.filtered=!1,v.searchColumns=void 0,v.searchDelay=0,v.handlers={updated:[]},v.valueNames=[],v.utils={getByClass:s,extend:i,indexOf:a,events:o,toString:l,naturalSort:n,classes:u,getAttribute:c,toArray:f},v.utils.extend(v,e),v.listContainer="string"==typeof t?document.getElementById(t):t,v.listContainer&&(v.list=s(v.listContainer,v.listClass,!0),v.parse=r("./src/parse.js")(v),v.templater=r("./src/templater.js")(v),v.search=r("./src/search.js")(v),v.filter=r("./src/filter.js")(v),v.sort=r("./src/sort.js")(v),v.fuzzySearch=r("./src/fuzzy-search.js")(v,e.fuzzySearch),this.handlers(),this.items(),this.pagination(),v.update())},handlers:function(){for(var t in v.handlers)v[t]&&v.handlers.hasOwnProperty(t)&&v.on(t,v[t])},items:function(){v.parse(v.list),void 0!==h&&v.add(h)},pagination:function(){if(void 0!==e.pagination){!0===e.pagination&&(e.pagination=[{}]),void 0===e.pagination[0]&&(e.pagination=[e.pagination]);for(var t=0,r=e.pagination.length;t<r;t++)p(e.pagination[t])}}},this.reIndex=function(){v.items=[],v.visibleItems=[],v.matchingItems=[],v.searched=!1,v.filtered=!1,v.parse(v.list)},this.toJSON=function(){for(var t=[],e=0,r=v.items.length;e<r;e++)t.push(v.items[e].values());return t},this.add=function(t,e){if(0!==t.length){if(!e){var r=[],n=!1;void 0===t[0]&&(t=[t]);for(var s=0,i=t.length;s<i;s++){var a;n=v.items.length>v.page,a=new g(t[s],void 0,n),v.items.push(a),r.push(a)}return v.update(),r}m(t.slice(0),e)}},this.show=function(t,e){return this.i=t,this.page=e,v.update(),v},this.remove=function(t,e,r){for(var n=0,s=0,i=v.items.length;s<i;s++)v.items[s].values()[t]==e&&(v.templater.remove(v.items[s],r),v.items.splice(s,1),i--,s--,n++);return v.update(),n},this.get=function(t,e){for(var r=[],n=0,s=v.items.length;n<s;n++){var i=v.items[n];i.values()[t]==e&&r.push(i)}return r},this.size=function(){return v.items.length},this.clear=function(){return v.templater.clear(),v.items=[],v},this.on=function(t,e){return v.handlers[t].push(e),v},this.off=function(t,e){var r=v.handlers[t],n=a(r,e);return n>-1&&r.splice(n,1),v},this.trigger=function(t){for(var e=v.handlers[t].length;e--;)v.handlers[t][e](v);return v},this.reset={filter:function(){for(var t=v.items,e=t.length;e--;)t[e].filtered=!1;return v},search:function(){for(var t=v.items,e=t.length;e--;)t[e].found=!1;return v}},this.update=function(){var t=v.items,e=t.length;v.visibleItems=[],v.matchingItems=[],v.templater.clear();for(var r=0;r<e;r++)t[r].matching()&&v.matchingItems.length+1>=v.i&&v.visibleItems.length<v.page?(t[r].show(),v.visibleItems.push(t[r]),v.matchingItems.push(t[r])):t[r].matching()?(v.matchingItems.push(t[r]),t[r].hide()):t[r].hide();return v.trigger("updated"),v},d.start()}},"./src/item.js":function(t){t.exports=function(t){return function(e,r,n){var s=this;this._values={},this.found=!1,this.filtered=!1;this.values=function(e,r){if(void 0===e)return s._values;for(var n in e)s._values[n]=e[n];!0!==r&&t.templater.set(s,s.values())},this.show=function(){t.templater.show(s)},this.hide=function(){t.templater.hide(s)},this.matching=function(){return t.filtered&&t.searched&&s.found&&s.filtered||t.filtered&&!t.searched&&s.filtered||!t.filtered&&t.searched&&s.found||!t.filtered&&!t.searched},this.visible=function(){return!(!s.elm||s.elm.parentNode!=t.list)},function(e,r,n){if(void 0===r)n?s.values(e,n):s.values(e);else{s.elm=r;var i=t.templater.get(s,e);s.values(i)}}(e,r,n)}}},"./src/pagination.js":function(t,e,r){var n=r("./src/utils/classes.js"),s=r("./src/utils/events.js"),i=r("./src/index.js");t.exports=function(t){var e=!1,r=function(r,s){if(t.page<1)return t.listContainer.style.display="none",void(e=!0);e&&(t.listContainer.style.display="block");var i,o=t.matchingItems.length,l=t.i,u=t.page,c=Math.ceil(o/u),f=Math.ceil(l/u),h=s.innerWindow||2,d=s.left||s.outerWindow||0,v=s.right||s.outerWindow||0;v=c-v,r.clear();for(var g=1;g<=c;g++){var m=f===g?"active":"";a.number(g,d,v,f,h)?(i=r.add({page:g,dotted:!1})[0],m&&n(i.elm).add(m),i.elm.firstChild.setAttribute("data-i",g),i.elm.firstChild.setAttribute("data-page",u)):a.dotted(r,g,d,v,f,h,r.size())&&(i=r.add({page:"...",dotted:!0})[0],n(i.elm).add("disabled"))}},a={number:function(t,e,r,n,s){return this.left(t,e)||this.right(t,r)||this.innerWindow(t,n,s)},left:function(t,e){return t<=e},right:function(t,e){return t>e},innerWindow:function(t,e,r){return t>=e-r&&t<=e+r},dotted:function(t,e,r,n,s,i,a){return this.dottedLeft(t,e,r,n,s,i)||this.dottedRight(t,e,r,n,s,i,a)},dottedLeft:function(t,e,r,n,s,i){return e==r+1&&!this.innerWindow(e,s,i)&&!this.right(e,n)},dottedRight:function(t,e,r,n,s,i,a){return!t.items[a-1].values().dotted&&(e==n&&!this.innerWindow(e,s,i)&&!this.right(e,n))}};return function(e){var n=new i(t.listContainer.id,{listClass:e.paginationClass||"pagination",item:e.item||"<li><a class='page' href='#'></a></li>",valueNames:["page","dotted"],searchClass:"pagination-search-that-is-not-supposed-to-exist",sortClass:"pagination-sort-that-is-not-supposed-to-exist"});s.bind(n.listContainer,"click",(function(e){var r=e.target||e.srcElement,n=t.utils.getAttribute(r,"data-page"),s=t.utils.getAttribute(r,"data-i");s&&t.show((s-1)*n+1,n)})),t.on("updated",(function(){r(n,e)})),r(n,e)}}},"./src/parse.js":function(t,e,r){t.exports=function(t){var e=r("./src/item.js")(t),n=function(r,n){for(var s=0,i=r.length;s<i;s++)t.items.push(new e(n,r[s]))},s=function e(r,s){var i=r.splice(0,50);n(i,s),r.length>0?setTimeout((function(){e(r,s)}),1):(t.update(),t.trigger("parseComplete"))};return t.handlers.parseComplete=t.handlers.parseComplete||[],function(){var e=function(t){for(var e=t.childNodes,r=[],n=0,s=e.length;n<s;n++)void 0===e[n].data&&r.push(e[n]);return r}(t.list),r=t.valueNames;t.indexAsync?s(e,r):n(e,r)}}},"./src/search.js":function(t){t.exports=function(t){var e,r,n,s={resetList:function(){t.i=1,t.templater.clear(),n=void 0},setOptions:function(t){2==t.length&&t[1]instanceof Array?e=t[1]:2==t.length&&"function"==typeof t[1]?(e=void 0,n=t[1]):3==t.length?(e=t[1],n=t[2]):e=void 0},setColumns:function(){0!==t.items.length&&void 0===e&&(e=void 0===t.searchColumns?s.toArray(t.items[0].values()):t.searchColumns)},setSearchString:function(e){e=(e=t.utils.toString(e).toLowerCase()).replace(/[-[\]{}()*+?.,\\^$|#]/g,"\\$&"),r=e},toArray:function(t){var e=[];for(var r in t)e.push(r);return e}},i=function(){for(var n,s=[],i=r;null!==(n=i.match(/"([^"]+)"/));)s.push(n[1]),i=i.substring(0,n.index)+i.substring(n.index+n[0].length);(i=i.trim()).length&&(s=s.concat(i.split(/\s+/)));for(var a=0,o=t.items.length;a<o;a++){var l=t.items[a];if(l.found=!1,s.length){for(var u=0,c=s.length;u<c;u++){for(var f=!1,h=0,d=e.length;h<d;h++){var v=l.values(),g=e[h];if(v.hasOwnProperty(g)&&void 0!==v[g]&&null!==v[g])if(-1!==("string"!=typeof v[g]?v[g].toString():v[g]).toLowerCase().indexOf(s[u])){f=!0;break}}if(!f)break}l.found=f}}},a=function(){t.reset.search(),t.searched=!1},o=function(o){return t.trigger("searchStart"),s.resetList(),s.setSearchString(o),s.setOptions(arguments),s.setColumns(),""===r?a():(t.searched=!0,n?n(r,e):i()),t.update(),t.trigger("searchComplete"),t.visibleItems};return t.handlers.searchStart=t.handlers.searchStart||[],t.handlers.searchComplete=t.handlers.searchComplete||[],t.utils.events.bind(t.utils.getByClass(t.listContainer,t.searchClass),"keyup",t.utils.events.debounce((function(e){var r=e.target||e.srcElement;""===r.value&&!t.searched||o(r.value)}),t.searchDelay)),t.utils.events.bind(t.utils.getByClass(t.listContainer,t.searchClass),"input",(function(t){""===(t.target||t.srcElement).value&&o("")})),o}},"./src/sort.js":function(t){t.exports=function(t){var e={els:void 0,clear:function(){for(var r=0,n=e.els.length;r<n;r++)t.utils.classes(e.els[r]).remove("asc"),t.utils.classes(e.els[r]).remove("desc")},getOrder:function(e){var r=t.utils.getAttribute(e,"data-order");return"asc"==r||"desc"==r?r:t.utils.classes(e).has("desc")?"asc":t.utils.classes(e).has("asc")?"desc":"asc"},getInSensitive:function(e,r){var n=t.utils.getAttribute(e,"data-insensitive");r.insensitive="false"!==n},setOrder:function(r){for(var n=0,s=e.els.length;n<s;n++){var i=e.els[n];if(t.utils.getAttribute(i,"data-sort")===r.valueName){var a=t.utils.getAttribute(i,"data-order");"asc"==a||"desc"==a?a==r.order&&t.utils.classes(i).add(r.order):t.utils.classes(i).add(r.order)}}}},r=function(){t.trigger("sortStart");var r={},n=arguments[0].currentTarget||arguments[0].srcElement||void 0;n?(r.valueName=t.utils.getAttribute(n,"data-sort"),e.getInSensitive(n,r),r.order=e.getOrder(n)):((r=arguments[1]||r).valueName=arguments[0],r.order=r.order||"asc",r.insensitive=void 0===r.insensitive||r.insensitive),e.clear(),e.setOrder(r);var s,i=r.sortFunction||t.sortFunction||null,a="desc"===r.order?-1:1;s=i?function(t,e){return i(t,e,r)*a}:function(e,n){var s=t.utils.naturalSort;return s.alphabet=t.alphabet||r.alphabet||void 0,!s.alphabet&&r.insensitive&&(s=t.utils.naturalSort.caseInsensitive),s(e.values()[r.valueName],n.values()[r.valueName])*a},t.items.sort(s),t.update(),t.trigger("sortComplete")};return t.handlers.sortStart=t.handlers.sortStart||[],t.handlers.sortComplete=t.handlers.sortComplete||[],e.els=t.utils.getByClass(t.listContainer,t.sortClass),t.utils.events.bind(e.els,"click",r),t.on("searchStart",e.clear),t.on("filterStart",e.clear),r}},"./src/templater.js":function(t){var e=function(t){var e,r=this,n=function(e,r){var n=e.cloneNode(!0);n.removeAttribute("id");for(var s=0,i=r.length;s<i;s++){var a=void 0,o=r[s];if(o.data)for(var l=0,u=o.data.length;l<u;l++)n.setAttribute("data-"+o.data[l],"");else o.attr&&o.name?(a=t.utils.getByClass(n,o.name,!0))&&a.setAttribute(o.attr,""):(a=t.utils.getByClass(n,o,!0))&&(a.innerHTML="")}return n},s=function(){for(var e=t.list.childNodes,r=0,n=e.length;r<n;r++)if(void 0===e[r].data)return e[r].cloneNode(!0)},i=function(t){if("string"==typeof t){if(/<tr[\s>]/g.exec(t)){var e=document.createElement("tbody");return e.innerHTML=t,e.firstElementChild}if(-1!==t.indexOf("<")){var r=document.createElement("div");return r.innerHTML=t,r.firstElementChild}}},a=function(e,r,n){var s=void 0,i=function(e){for(var r=0,n=t.valueNames.length;r<n;r++){var s=t.valueNames[r];if(s.data){for(var i=s.data,a=0,o=i.length;a<o;a++)if(i[a]===e)return{data:e}}else{if(s.attr&&s.name&&s.name==e)return s;if(s===e)return e}}}(r);i&&(i.data?e.elm.setAttribute("data-"+i.data,n):i.attr&&i.name?(s=t.utils.getByClass(e.elm,i.name,!0))&&s.setAttribute(i.attr,n):(s=t.utils.getByClass(e.elm,i,!0))&&(s.innerHTML=n))};this.get=function(e,n){r.create(e);for(var s={},i=0,a=n.length;i<a;i++){var o=void 0,l=n[i];if(l.data)for(var u=0,c=l.data.length;u<c;u++)s[l.data[u]]=t.utils.getAttribute(e.elm,"data-"+l.data[u]);else l.attr&&l.name?(o=t.utils.getByClass(e.elm,l.name,!0),s[l.name]=o?t.utils.getAttribute(o,l.attr):""):(o=t.utils.getByClass(e.elm,l,!0),s[l]=o?o.innerHTML:"")}return s},this.set=function(t,e){if(!r.create(t))for(var n in e)e.hasOwnProperty(n)&&a(t,n,e[n])},this.create=function(t){return void 0===t.elm&&(t.elm=e(t.values()),r.set(t,t.values()),!0)},this.remove=function(e){e.elm.parentNode===t.list&&t.list.removeChild(e.elm)},this.show=function(e){r.create(e),t.list.appendChild(e.elm)},this.hide=function(e){void 0!==e.elm&&e.elm.parentNode===t.list&&t.list.removeChild(e.elm)},this.clear=function(){if(t.list.hasChildNodes())for(;t.list.childNodes.length>=1;)t.list.removeChild(t.list.firstChild)},function(){var r;if("function"!=typeof t.item){if(!(r="string"==typeof t.item?-1===t.item.indexOf("<")?document.getElementById(t.item):i(t.item):s()))throw new Error("The list needs to have at least one item on init otherwise you'll have to add a template.");r=n(r,t.valueNames),e=function(){return r.cloneNode(!0)}}else e=function(e){var r=t.item(e);return i(r)}}()};t.exports=function(t){return new e(t)}},"./src/utils/classes.js":function(t,e,r){var n=r("./src/utils/index-of.js"),s=/\s+/;Object.prototype.toString;function i(t){if(!t||!t.nodeType)throw new Error("A DOM element reference is required");this.el=t,this.list=t.classList}t.exports=function(t){return new i(t)},i.prototype.add=function(t){if(this.list)return this.list.add(t),this;var e=this.array();return~n(e,t)||e.push(t),this.el.className=e.join(" "),this},i.prototype.remove=function(t){if(this.list)return this.list.remove(t),this;var e=this.array(),r=n(e,t);return~r&&e.splice(r,1),this.el.className=e.join(" "),this},i.prototype.toggle=function(t,e){return this.list?(void 0!==e?e!==this.list.toggle(t,e)&&this.list.toggle(t):this.list.toggle(t),this):(void 0!==e?e?this.add(t):this.remove(t):this.has(t)?this.remove(t):this.add(t),this)},i.prototype.array=function(){var t=(this.el.getAttribute("class")||"").replace(/^\s+|\s+$/g,"").split(s);return""===t[0]&&t.shift(),t},i.prototype.has=i.prototype.contains=function(t){return this.list?this.list.contains(t):!!~n(this.array(),t)}},"./src/utils/events.js":function(t,e,r){var n=window.addEventListener?"addEventListener":"attachEvent",s=window.removeEventListener?"removeEventListener":"detachEvent",i="addEventListener"!==n?"on":"",a=r("./src/utils/to-array.js");e.bind=function(t,e,r,s){for(var o=0,l=(t=a(t)).length;o<l;o++)t[o][n](i+e,r,s||!1)},e.unbind=function(t,e,r,n){for(var o=0,l=(t=a(t)).length;o<l;o++)t[o][s](i+e,r,n||!1)},e.debounce=function(t,e,r){var n;return e?function(){var s=this,i=arguments,a=function(){n=null,r||t.apply(s,i)},o=r&&!n;clearTimeout(n),n=setTimeout(a,e),o&&t.apply(s,i)}:t}},"./src/utils/extend.js":function(t){t.exports=function(t){for(var e,r=Array.prototype.slice.call(arguments,1),n=0;e=r[n];n++)if(e)for(var s in e)t[s]=e[s];return t}},"./src/utils/fuzzy.js":function(t){t.exports=function(t,e,r){var n=r.location||0,s=r.distance||100,i=r.threshold||.4;if(e===t)return!0;if(e.length>32)return!1;var a=n,o=function(){var t,r={};for(t=0;t<e.length;t++)r[e.charAt(t)]=0;for(t=0;t<e.length;t++)r[e.charAt(t)]|=1<<e.length-t-1;return r}();function l(t,r){var n=t/e.length,i=Math.abs(a-r);return s?n+i/s:i?1:n}var u=i,c=t.indexOf(e,a);-1!=c&&(u=Math.min(l(0,c),u),-1!=(c=t.lastIndexOf(e,a+e.length))&&(u=Math.min(l(0,c),u)));var f,h,d=1<<e.length-1;c=-1;for(var v,g=e.length+t.length,m=0;m<e.length;m++){for(f=0,h=g;f<h;)l(m,a+h)<=u?f=h:g=h,h=Math.floor((g-f)/2+f);g=h;var p=Math.max(1,a-h+1),y=Math.min(a+h,t.length)+e.length,C=Array(y+2);C[y+1]=(1<<m)-1;for(var b=y;b>=p;b--){var j=o[t.charAt(b-1)];if(C[b]=0===m?(C[b+1]<<1|1)&j:(C[b+1]<<1|1)&j|(v[b+1]|v[b])<<1|1|v[b+1],C[b]&d){var x=l(m,b-1);if(x<=u){if(u=x,!((c=b-1)>a))break;p=Math.max(1,2*a-c)}}}if(l(m+1,a)>u)break;v=C}return!(c<0)}},"./src/utils/get-attribute.js":function(t){t.exports=function(t,e){var r=t.getAttribute&&t.getAttribute(e)||null;if(!r)for(var n=t.attributes,s=n.length,i=0;i<s;i++)void 0!==n[i]&&n[i].nodeName===e&&(r=n[i].nodeValue);return r}},"./src/utils/get-by-class.js":function(t){t.exports=function(t,e,r,n){return(n=n||{}).test&&n.getElementsByClassName||!n.test&&document.getElementsByClassName?function(t,e,r){return r?t.getElementsByClassName(e)[0]:t.getElementsByClassName(e)}(t,e,r):n.test&&n.querySelector||!n.test&&document.querySelector?function(t,e,r){return e="."+e,r?t.querySelector(e):t.querySelectorAll(e)}(t,e,r):function(t,e,r){for(var n=[],s=t.getElementsByTagName("*"),i=s.length,a=new RegExp("(^|\\s)"+e+"(\\s|$)"),o=0,l=0;o<i;o++)if(a.test(s[o].className)){if(r)return s[o];n[l]=s[o],l++}return n}(t,e,r)}},"./src/utils/index-of.js":function(t){var e=[].indexOf;t.exports=function(t,r){if(e)return t.indexOf(r);for(var n=0,s=t.length;n<s;++n)if(t[n]===r)return n;return-1}},"./src/utils/to-array.js":function(t){t.exports=function(t){if(void 0===t)return[];if(null===t)return[null];if(t===window)return[window];if("string"==typeof t)return[t];if(function(t){return"[object Array]"===Object.prototype.toString.call(t)}(t))return t;if("number"!=typeof t.length)return[t];if("function"==typeof t&&t instanceof Function)return[t];for(var e=[],r=0,n=t.length;r<n;r++)(Object.prototype.hasOwnProperty.call(t,r)||r in t)&&e.push(t[r]);return e.length?e:[]}},"./src/utils/to-string.js":function(t){t.exports=function(t){return t=(t=null===(t=void 0===t?"":t)?"":t).toString()}},"./node_modules/string-natural-compare/natural-compare.js":function(t){"use strict";var e,r,n=0;function s(t){return t>=48&&t<=57}function i(t,e){for(var i=(t+="").length,a=(e+="").length,o=0,l=0;o<i&&l<a;){var u=t.charCodeAt(o),c=e.charCodeAt(l);if(s(u)){if(!s(c))return u-c;for(var f=o,h=l;48===u&&++f<i;)u=t.charCodeAt(f);for(;48===c&&++h<a;)c=e.charCodeAt(h);for(var d=f,v=h;d<i&&s(t.charCodeAt(d));)++d;for(;v<a&&s(e.charCodeAt(v));)++v;var g=d-f-v+h;if(g)return g;for(;f<d;)if(g=t.charCodeAt(f++)-e.charCodeAt(h++))return g;o=d,l=v}else{if(u!==c)return u<n&&c<n&&-1!==r[u]&&-1!==r[c]?r[u]-r[c]:u-c;++o,++l}}return o>=i&&l<a&&i>=a?-1:l>=a&&o<i&&a>=i?1:i-a}i.caseInsensitive=i.i=function(t,e){return i((""+t).toLowerCase(),(""+e).toLowerCase())},Object.defineProperties(i,{alphabet:{get:function(){return e},set:function(t){r=[];var s=0;if(e=t)for(;s<e.length;s++)r[e.charCodeAt(s)]=s;for(n=r.length,s=0;s<n;s++)void 0===r[s]&&(r[s]=-1)}}}),t.exports=i}},e={};return function r(n){if(e[n])return e[n].exports;var s=e[n]={exports:{}};return t[n](s,s.exports,r),s.exports}("./src/index.js")}();
-//# sourceMappingURL=list.min.js.map
\ No newline at end of file
+var List;
+List = (function () {
+    var t = {
+            "./src/add-async.js": function (t) {
+                t.exports = function (t) {
+                    return function e(r, n, s) {
+                        var i = r.splice(0, 50);
+                        (s = (s = s || []).concat(t.add(i))),
+                            r.length > 0
+                                ? setTimeout(function () {
+                                      e(r, n, s);
+                                  }, 1)
+                                : (t.update(), n(s));
+                    };
+                };
+            },
+            "./src/filter.js": function (t) {
+                t.exports = function (t) {
+                    return (
+                        (t.handlers.filterStart = t.handlers.filterStart || []),
+                        (t.handlers.filterComplete =
+                            t.handlers.filterComplete || []),
+                        function (e) {
+                            if (
+                                (t.trigger("filterStart"),
+                                (t.i = 1),
+                                t.reset.filter(),
+                                void 0 === e)
+                            )
+                                t.filtered = !1;
+                            else {
+                                t.filtered = !0;
+                                for (
+                                    var r = t.items, n = 0, s = r.length;
+                                    n < s;
+                                    n++
+                                ) {
+                                    var i = r[n];
+                                    e(i)
+                                        ? (i.filtered = !0)
+                                        : (i.filtered = !1);
+                                }
+                            }
+                            return (
+                                t.update(),
+                                t.trigger("filterComplete"),
+                                t.visibleItems
+                            );
+                        }
+                    );
+                };
+            },
+            "./src/fuzzy-search.js": function (t, e, r) {
+                r("./src/utils/classes.js");
+                var n = r("./src/utils/events.js"),
+                    s = r("./src/utils/extend.js"),
+                    i = r("./src/utils/to-string.js"),
+                    a = r("./src/utils/get-by-class.js"),
+                    o = r("./src/utils/fuzzy.js");
+                t.exports = function (t, e) {
+                    e = s(
+                        {
+                            location: 0,
+                            distance: 100,
+                            threshold: 0.4,
+                            multiSearch: !0,
+                            searchClass: "fuzzy-search",
+                        },
+                        (e = e || {})
+                    );
+                    var r = {
+                        search: function (n, s) {
+                            for (
+                                var i = e.multiSearch
+                                        ? n.replace(/ +$/, "").split(/ +/)
+                                        : [n],
+                                    a = 0,
+                                    o = t.items.length;
+                                a < o;
+                                a++
+                            )
+                                r.item(t.items[a], s, i);
+                        },
+                        item: function (t, e, n) {
+                            for (var s = !0, i = 0; i < n.length; i++) {
+                                for (
+                                    var a = !1, o = 0, l = e.length;
+                                    o < l;
+                                    o++
+                                )
+                                    r.values(t.values(), e[o], n[i]) &&
+                                        (a = !0);
+                                a || (s = !1);
+                            }
+                            t.found = s;
+                        },
+                        values: function (t, r, n) {
+                            if (t.hasOwnProperty(r)) {
+                                var s = i(t[r]).toLowerCase();
+                                if (o(s, n, e)) return !0;
+                            }
+                            return !1;
+                        },
+                    };
+                    return (
+                        n.bind(
+                            a(t.listContainer, e.searchClass),
+                            "keyup",
+                            t.utils.events.debounce(function (e) {
+                                var n = e.target || e.srcElement;
+                                t.search(n.value, r.search);
+                            }, t.searchDelay)
+                        ),
+                        function (e, n) {
+                            t.search(e, n, r.search);
+                        }
+                    );
+                };
+            },
+            "./src/index.js": function (t, e, r) {
+                var n = r(
+                        "./node_modules/string-natural-compare/natural-compare.js"
+                    ),
+                    s = r("./src/utils/get-by-class.js"),
+                    i = r("./src/utils/extend.js"),
+                    a = r("./src/utils/index-of.js"),
+                    o = r("./src/utils/events.js"),
+                    l = r("./src/utils/to-string.js"),
+                    u = r("./src/utils/classes.js"),
+                    c = r("./src/utils/get-attribute.js"),
+                    f = r("./src/utils/to-array.js");
+                t.exports = function (t, e, h) {
+                    var d,
+                        v = this,
+                        g = r("./src/item.js")(v),
+                        m = r("./src/add-async.js")(v),
+                        p = r("./src/pagination.js")(v);
+                    (d = {
+                        start: function () {
+                            (v.listClass = "list"),
+                                (v.searchClass = "search"),
+                                (v.sortClass = "sort"),
+                                (v.page = 1e4),
+                                (v.i = 1),
+                                (v.items = []),
+                                (v.visibleItems = []),
+                                (v.matchingItems = []),
+                                (v.searched = !1),
+                                (v.filtered = !1),
+                                (v.searchColumns = void 0),
+                                (v.searchDelay = 0),
+                                (v.handlers = { updated: [] }),
+                                (v.valueNames = []),
+                                (v.utils = {
+                                    getByClass: s,
+                                    extend: i,
+                                    indexOf: a,
+                                    events: o,
+                                    toString: l,
+                                    naturalSort: n,
+                                    classes: u,
+                                    getAttribute: c,
+                                    toArray: f,
+                                }),
+                                v.utils.extend(v, e),
+                                (v.listContainer =
+                                    "string" == typeof t
+                                        ? document.getElementById(t)
+                                        : t),
+                                v.listContainer &&
+                                    ((v.list = s(
+                                        v.listContainer,
+                                        v.listClass,
+                                        !0
+                                    )),
+                                    (v.parse = r("./src/parse.js")(v)),
+                                    (v.templater = r("./src/templater.js")(v)),
+                                    (v.search = r("./src/search.js")(v)),
+                                    (v.filter = r("./src/filter.js")(v)),
+                                    (v.sort = r("./src/sort.js")(v)),
+                                    (v.fuzzySearch = r("./src/fuzzy-search.js")(
+                                        v,
+                                        e.fuzzySearch
+                                    )),
+                                    this.handlers(),
+                                    this.items(),
+                                    this.pagination(),
+                                    v.update());
+                        },
+                        handlers: function () {
+                            for (var t in v.handlers)
+                                v[t] &&
+                                    v.handlers.hasOwnProperty(t) &&
+                                    v.on(t, v[t]);
+                        },
+                        items: function () {
+                            v.parse(v.list), void 0 !== h && v.add(h);
+                        },
+                        pagination: function () {
+                            if (void 0 !== e.pagination) {
+                                !0 === e.pagination && (e.pagination = [{}]),
+                                    void 0 === e.pagination[0] &&
+                                        (e.pagination = [e.pagination]);
+                                for (
+                                    var t = 0, r = e.pagination.length;
+                                    t < r;
+                                    t++
+                                )
+                                    p(e.pagination[t]);
+                            }
+                        },
+                    }),
+                        (this.reIndex = function () {
+                            (v.items = []),
+                                (v.visibleItems = []),
+                                (v.matchingItems = []),
+                                (v.searched = !1),
+                                (v.filtered = !1),
+                                v.parse(v.list);
+                        }),
+                        (this.toJSON = function () {
+                            for (
+                                var t = [], e = 0, r = v.items.length;
+                                e < r;
+                                e++
+                            )
+                                t.push(v.items[e].values());
+                            return t;
+                        }),
+                        (this.add = function (t, e) {
+                            if (0 !== t.length) {
+                                if (!e) {
+                                    var r = [],
+                                        n = !1;
+                                    void 0 === t[0] && (t = [t]);
+                                    for (var s = 0, i = t.length; s < i; s++) {
+                                        var a;
+                                        (n = v.items.length > v.page),
+                                            (a = new g(t[s], void 0, n)),
+                                            v.items.push(a),
+                                            r.push(a);
+                                    }
+                                    return v.update(), r;
+                                }
+                                m(t.slice(0), e);
+                            }
+                        }),
+                        (this.show = function (t, e) {
+                            return (this.i = t), (this.page = e), v.update(), v;
+                        }),
+                        (this.remove = function (t, e, r) {
+                            for (
+                                var n = 0, s = 0, i = v.items.length;
+                                s < i;
+                                s++
+                            )
+                                v.items[s].values()[t] == e &&
+                                    (v.templater.remove(v.items[s], r),
+                                    v.items.splice(s, 1),
+                                    i--,
+                                    s--,
+                                    n++);
+                            return v.update(), n;
+                        }),
+                        (this.get = function (t, e) {
+                            for (
+                                var r = [], n = 0, s = v.items.length;
+                                n < s;
+                                n++
+                            ) {
+                                var i = v.items[n];
+                                i.values()[t] == e && r.push(i);
+                            }
+                            return r;
+                        }),
+                        (this.size = function () {
+                            return v.items.length;
+                        }),
+                        (this.clear = function () {
+                            return v.templater.clear(), (v.items = []), v;
+                        }),
+                        (this.on = function (t, e) {
+                            return v.handlers[t].push(e), v;
+                        }),
+                        (this.off = function (t, e) {
+                            var r = v.handlers[t],
+                                n = a(r, e);
+                            return n > -1 && r.splice(n, 1), v;
+                        }),
+                        (this.trigger = function (t) {
+                            for (var e = v.handlers[t].length; e--; )
+                                v.handlers[t][e](v);
+                            return v;
+                        }),
+                        (this.reset = {
+                            filter: function () {
+                                for (var t = v.items, e = t.length; e--; )
+                                    t[e].filtered = !1;
+                                return v;
+                            },
+                            search: function () {
+                                for (var t = v.items, e = t.length; e--; )
+                                    t[e].found = !1;
+                                return v;
+                            },
+                        }),
+                        (this.update = function () {
+                            var t = v.items,
+                                e = t.length;
+                            (v.visibleItems = []),
+                                (v.matchingItems = []),
+                                v.templater.clear();
+                            for (var r = 0; r < e; r++)
+                                t[r].matching() &&
+                                v.matchingItems.length + 1 >= v.i &&
+                                v.visibleItems.length < v.page
+                                    ? (t[r].show(),
+                                      v.visibleItems.push(t[r]),
+                                      v.matchingItems.push(t[r]))
+                                    : t[r].matching()
+                                    ? (v.matchingItems.push(t[r]), t[r].hide())
+                                    : t[r].hide();
+                            return v.trigger("updated"), v;
+                        }),
+                        d.start();
+                };
+            },
+            "./src/item.js": function (t) {
+                t.exports = function (t) {
+                    return function (e, r, n) {
+                        var s = this;
+                        (this._values = {}),
+                            (this.found = !1),
+                            (this.filtered = !1);
+                        (this.values = function (e, r) {
+                            if (void 0 === e) return s._values;
+                            for (var n in e) s._values[n] = e[n];
+                            !0 !== r && t.templater.set(s, s.values());
+                        }),
+                            (this.show = function () {
+                                t.templater.show(s);
+                            }),
+                            (this.hide = function () {
+                                t.templater.hide(s);
+                            }),
+                            (this.matching = function () {
+                                return (
+                                    (t.filtered &&
+                                        t.searched &&
+                                        s.found &&
+                                        s.filtered) ||
+                                    (t.filtered && !t.searched && s.filtered) ||
+                                    (!t.filtered && t.searched && s.found) ||
+                                    (!t.filtered && !t.searched)
+                                );
+                            }),
+                            (this.visible = function () {
+                                return !(!s.elm || s.elm.parentNode != t.list);
+                            }),
+                            (function (e, r, n) {
+                                if (void 0 === r)
+                                    n ? s.values(e, n) : s.values(e);
+                                else {
+                                    s.elm = r;
+                                    var i = t.templater.get(s, e);
+                                    s.values(i);
+                                }
+                            })(e, r, n);
+                    };
+                };
+            },
+            "./src/pagination.js": function (t, e, r) {
+                var n = r("./src/utils/classes.js"),
+                    s = r("./src/utils/events.js"),
+                    i = r("./src/index.js");
+                t.exports = function (t) {
+                    var e = !1,
+                        r = function (r, s) {
+                            if (t.page < 1)
+                                return (
+                                    (t.listContainer.style.display = "none"),
+                                    void (e = !0)
+                                );
+                            e && (t.listContainer.style.display = "block");
+                            var i,
+                                o = t.matchingItems.length,
+                                l = t.i,
+                                u = t.page,
+                                c = Math.ceil(o / u),
+                                f = Math.ceil(l / u),
+                                h = s.innerWindow || 2,
+                                d = s.left || s.outerWindow || 0,
+                                v = s.right || s.outerWindow || 0;
+                            (v = c - v), r.clear();
+                            for (var g = 1; g <= c; g++) {
+                                var m = f === g ? "active" : "";
+                                a.number(g, d, v, f, h)
+                                    ? ((i = r.add({ page: g, dotted: !1 })[0]),
+                                      m && n(i.elm).add(m),
+                                      i.elm.firstChild.setAttribute(
+                                          "data-i",
+                                          g
+                                      ),
+                                      i.elm.firstChild.setAttribute(
+                                          "data-page",
+                                          u
+                                      ))
+                                    : a.dotted(r, g, d, v, f, h, r.size()) &&
+                                      ((i = r.add({
+                                          page: "...",
+                                          dotted: !0,
+                                      })[0]),
+                                      n(i.elm).add("disabled"));
+                            }
+                        },
+                        a = {
+                            number: function (t, e, r, n, s) {
+                                return (
+                                    this.left(t, e) ||
+                                    this.right(t, r) ||
+                                    this.innerWindow(t, n, s)
+                                );
+                            },
+                            left: function (t, e) {
+                                return t <= e;
+                            },
+                            right: function (t, e) {
+                                return t > e;
+                            },
+                            innerWindow: function (t, e, r) {
+                                return t >= e - r && t <= e + r;
+                            },
+                            dotted: function (t, e, r, n, s, i, a) {
+                                return (
+                                    this.dottedLeft(t, e, r, n, s, i) ||
+                                    this.dottedRight(t, e, r, n, s, i, a)
+                                );
+                            },
+                            dottedLeft: function (t, e, r, n, s, i) {
+                                return (
+                                    e == r + 1 &&
+                                    !this.innerWindow(e, s, i) &&
+                                    !this.right(e, n)
+                                );
+                            },
+                            dottedRight: function (t, e, r, n, s, i, a) {
+                                return (
+                                    !t.items[a - 1].values().dotted &&
+                                    e == n &&
+                                    !this.innerWindow(e, s, i) &&
+                                    !this.right(e, n)
+                                );
+                            },
+                        };
+                    return function (e) {
+                        var n = new i(t.listContainer.id, {
+                            listClass: e.paginationClass || "pagination",
+                            item:
+                                e.item ||
+                                "<li><a class='page' href='#'></a></li>",
+                            valueNames: ["page", "dotted"],
+                            searchClass:
+                                "pagination-search-that-is-not-supposed-to-exist",
+                            sortClass:
+                                "pagination-sort-that-is-not-supposed-to-exist",
+                        });
+                        s.bind(n.listContainer, "click", function (e) {
+                            var r = e.target || e.srcElement,
+                                n = t.utils.getAttribute(r, "data-page"),
+                                s = t.utils.getAttribute(r, "data-i");
+                            s && t.show((s - 1) * n + 1, n);
+                        }),
+                            t.on("updated", function () {
+                                r(n, e);
+                            }),
+                            r(n, e);
+                    };
+                };
+            },
+            "./src/parse.js": function (t, e, r) {
+                t.exports = function (t) {
+                    var e = r("./src/item.js")(t),
+                        n = function (r, n) {
+                            for (var s = 0, i = r.length; s < i; s++)
+                                t.items.push(new e(n, r[s]));
+                        },
+                        s = function e(r, s) {
+                            var i = r.splice(0, 50);
+                            n(i, s),
+                                r.length > 0
+                                    ? setTimeout(function () {
+                                          e(r, s);
+                                      }, 1)
+                                    : (t.update(), t.trigger("parseComplete"));
+                        };
+                    return (
+                        (t.handlers.parseComplete =
+                            t.handlers.parseComplete || []),
+                        function () {
+                            var e = (function (t) {
+                                    for (
+                                        var e = t.childNodes,
+                                            r = [],
+                                            n = 0,
+                                            s = e.length;
+                                        n < s;
+                                        n++
+                                    )
+                                        void 0 === e[n].data && r.push(e[n]);
+                                    return r;
+                                })(t.list),
+                                r = t.valueNames;
+                            t.indexAsync ? s(e, r) : n(e, r);
+                        }
+                    );
+                };
+            },
+            "./src/search.js": function (t) {
+                t.exports = function (t) {
+                    var e,
+                        r,
+                        n,
+                        s = {
+                            resetList: function () {
+                                (t.i = 1), t.templater.clear(), (n = void 0);
+                            },
+                            setOptions: function (t) {
+                                2 == t.length && t[1] instanceof Array
+                                    ? (e = t[1])
+                                    : 2 == t.length && "function" == typeof t[1]
+                                    ? ((e = void 0), (n = t[1]))
+                                    : 3 == t.length
+                                    ? ((e = t[1]), (n = t[2]))
+                                    : (e = void 0);
+                            },
+                            setColumns: function () {
+                                0 !== t.items.length &&
+                                    void 0 === e &&
+                                    (e =
+                                        void 0 === t.searchColumns
+                                            ? s.toArray(t.items[0].values())
+                                            : t.searchColumns);
+                            },
+                            setSearchString: function (e) {
+                                (e = (e = t.utils
+                                    .toString(e)
+                                    .toLowerCase()).replace(
+                                    /[-[\]{}()*+?.,\\^$|#]/g,
+                                    "\\$&"
+                                )),
+                                    (r = e);
+                            },
+                            toArray: function (t) {
+                                var e = [];
+                                for (var r in t) e.push(r);
+                                return e;
+                            },
+                        },
+                        i = function () {
+                            for (
+                                var n, s = [], i = r;
+                                null !== (n = i.match(/"([^"]+)"/));
+
+                            )
+                                s.push(n[1]),
+                                    (i =
+                                        i.substring(0, n.index) +
+                                        i.substring(n.index + n[0].length));
+                            (i = i.trim()).length &&
+                                (s = s.concat(i.split(/\s+/)));
+                            for (var a = 0, o = t.items.length; a < o; a++) {
+                                var l = t.items[a];
+                                if (((l.found = !1), s.length)) {
+                                    for (var u = 0, c = s.length; u < c; u++) {
+                                        for (
+                                            var f = !1, h = 0, d = e.length;
+                                            h < d;
+                                            h++
+                                        ) {
+                                            var v = l.values(),
+                                                g = e[h];
+                                            if (
+                                                v.hasOwnProperty(g) &&
+                                                void 0 !== v[g] &&
+                                                null !== v[g]
+                                            )
+                                                if (
+                                                    -1 !==
+                                                    ("string" != typeof v[g]
+                                                        ? v[g].toString()
+                                                        : v[g]
+                                                    )
+                                                        .toLowerCase()
+                                                        .indexOf(s[u])
+                                                ) {
+                                                    f = !0;
+                                                    break;
+                                                }
+                                        }
+                                        if (!f) break;
+                                    }
+                                    l.found = f;
+                                }
+                            }
+                        },
+                        a = function () {
+                            t.reset.search(), (t.searched = !1);
+                        },
+                        o = function (o) {
+                            return (
+                                t.trigger("searchStart"),
+                                s.resetList(),
+                                s.setSearchString(o),
+                                s.setOptions(arguments),
+                                s.setColumns(),
+                                "" === r
+                                    ? a()
+                                    : ((t.searched = !0), n ? n(r, e) : i()),
+                                t.update(),
+                                t.trigger("searchComplete"),
+                                t.visibleItems
+                            );
+                        };
+                    return (
+                        (t.handlers.searchStart = t.handlers.searchStart || []),
+                        (t.handlers.searchComplete =
+                            t.handlers.searchComplete || []),
+                        t.utils.events.bind(
+                            t.utils.getByClass(t.listContainer, t.searchClass),
+                            "keyup",
+                            t.utils.events.debounce(function (e) {
+                                var r = e.target || e.srcElement;
+                                ("" === r.value && !t.searched) || o(r.value);
+                            }, t.searchDelay)
+                        ),
+                        t.utils.events.bind(
+                            t.utils.getByClass(t.listContainer, t.searchClass),
+                            "input",
+                            function (t) {
+                                "" === (t.target || t.srcElement).value &&
+                                    o("");
+                            }
+                        ),
+                        o
+                    );
+                };
+            },
+            "./src/sort.js": function (t) {
+                t.exports = function (t) {
+                    var e = {
+                            els: void 0,
+                            clear: function () {
+                                for (var r = 0, n = e.els.length; r < n; r++)
+                                    t.utils.classes(e.els[r]).remove("asc"),
+                                        t.utils
+                                            .classes(e.els[r])
+                                            .remove("desc");
+                            },
+                            getOrder: function (e) {
+                                var r = t.utils.getAttribute(e, "data-order");
+                                return "asc" == r || "desc" == r
+                                    ? r
+                                    : t.utils.classes(e).has("desc")
+                                    ? "asc"
+                                    : t.utils.classes(e).has("asc")
+                                    ? "desc"
+                                    : "asc";
+                            },
+                            getInSensitive: function (e, r) {
+                                var n = t.utils.getAttribute(
+                                    e,
+                                    "data-insensitive"
+                                );
+                                r.insensitive = "false" !== n;
+                            },
+                            setOrder: function (r) {
+                                for (var n = 0, s = e.els.length; n < s; n++) {
+                                    var i = e.els[n];
+                                    if (
+                                        t.utils.getAttribute(i, "data-sort") ===
+                                        r.valueName
+                                    ) {
+                                        var a = t.utils.getAttribute(
+                                            i,
+                                            "data-order"
+                                        );
+                                        "asc" == a || "desc" == a
+                                            ? a == r.order &&
+                                              t.utils.classes(i).add(r.order)
+                                            : t.utils.classes(i).add(r.order);
+                                    }
+                                }
+                            },
+                        },
+                        r = function () {
+                            t.trigger("sortStart");
+                            var r = {},
+                                n =
+                                    arguments[0].currentTarget ||
+                                    arguments[0].srcElement ||
+                                    void 0;
+                            n
+                                ? ((r.valueName = t.utils.getAttribute(
+                                      n,
+                                      "data-sort"
+                                  )),
+                                  e.getInSensitive(n, r),
+                                  (r.order = e.getOrder(n)))
+                                : (((r = arguments[1] || r).valueName =
+                                      arguments[0]),
+                                  (r.order = r.order || "asc"),
+                                  (r.insensitive =
+                                      void 0 === r.insensitive ||
+                                      r.insensitive)),
+                                e.clear(),
+                                e.setOrder(r);
+                            var s,
+                                i = r.sortFunction || t.sortFunction || null,
+                                a = "desc" === r.order ? -1 : 1;
+                            (s = i
+                                ? function (t, e) {
+                                      return i(t, e, r) * a;
+                                  }
+                                : function (e, n) {
+                                      var s = t.utils.naturalSort;
+                                      return (
+                                          (s.alphabet =
+                                              t.alphabet ||
+                                              r.alphabet ||
+                                              void 0),
+                                          !s.alphabet &&
+                                              r.insensitive &&
+                                              (s =
+                                                  t.utils.naturalSort
+                                                      .caseInsensitive),
+                                          s(
+                                              e.values()[r.valueName],
+                                              n.values()[r.valueName]
+                                          ) * a
+                                      );
+                                  }),
+                                t.items.sort(s),
+                                t.update(),
+                                t.trigger("sortComplete");
+                        };
+                    return (
+                        (t.handlers.sortStart = t.handlers.sortStart || []),
+                        (t.handlers.sortComplete =
+                            t.handlers.sortComplete || []),
+                        (e.els = t.utils.getByClass(
+                            t.listContainer,
+                            t.sortClass
+                        )),
+                        t.utils.events.bind(e.els, "click", r),
+                        t.on("searchStart", e.clear),
+                        t.on("filterStart", e.clear),
+                        r
+                    );
+                };
+            },
+            "./src/templater.js": function (t) {
+                var e = function (t) {
+                    var e,
+                        r = this,
+                        n = function (e, r) {
+                            var n = e.cloneNode(!0);
+                            n.removeAttribute("id");
+                            for (var s = 0, i = r.length; s < i; s++) {
+                                var a = void 0,
+                                    o = r[s];
+                                if (o.data)
+                                    for (
+                                        var l = 0, u = o.data.length;
+                                        l < u;
+                                        l++
+                                    )
+                                        n.setAttribute("data-" + o.data[l], "");
+                                else
+                                    o.attr && o.name
+                                        ? (a = t.utils.getByClass(
+                                              n,
+                                              o.name,
+                                              !0
+                                          )) && a.setAttribute(o.attr, "")
+                                        : (a = t.utils.getByClass(n, o, !0)) &&
+                                          (a.innerHTML = "");
+                            }
+                            return n;
+                        },
+                        s = function () {
+                            for (
+                                var e = t.list.childNodes, r = 0, n = e.length;
+                                r < n;
+                                r++
+                            )
+                                if (void 0 === e[r].data)
+                                    return e[r].cloneNode(!0);
+                        },
+                        i = function (t) {
+                            if ("string" == typeof t) {
+                                if (/<tr[\s>]/g.exec(t)) {
+                                    var e = document.createElement("tbody");
+                                    return (
+                                        (e.innerHTML = t), e.firstElementChild
+                                    );
+                                }
+                                if (-1 !== t.indexOf("<")) {
+                                    var r = document.createElement("div");
+                                    return (
+                                        (r.innerHTML = t), r.firstElementChild
+                                    );
+                                }
+                            }
+                        },
+                        a = function (e, r, n) {
+                            var s = void 0,
+                                i = (function (e) {
+                                    for (
+                                        var r = 0, n = t.valueNames.length;
+                                        r < n;
+                                        r++
+                                    ) {
+                                        var s = t.valueNames[r];
+                                        if (s.data) {
+                                            for (
+                                                var i = s.data,
+                                                    a = 0,
+                                                    o = i.length;
+                                                a < o;
+                                                a++
+                                            )
+                                                if (i[a] === e)
+                                                    return { data: e };
+                                        } else {
+                                            if (s.attr && s.name && s.name == e)
+                                                return s;
+                                            if (s === e) return e;
+                                        }
+                                    }
+                                })(r);
+                            i &&
+                                (i.data
+                                    ? e.elm.setAttribute("data-" + i.data, n)
+                                    : i.attr && i.name
+                                    ? (s = t.utils.getByClass(
+                                          e.elm,
+                                          i.name,
+                                          !0
+                                      )) && s.setAttribute(i.attr, n)
+                                    : (s = t.utils.getByClass(e.elm, i, !0)) &&
+                                      (s.innerHTML = n));
+                        };
+                    (this.get = function (e, n) {
+                        r.create(e);
+                        for (var s = {}, i = 0, a = n.length; i < a; i++) {
+                            var o = void 0,
+                                l = n[i];
+                            if (l.data)
+                                for (var u = 0, c = l.data.length; u < c; u++)
+                                    s[l.data[u]] = t.utils.getAttribute(
+                                        e.elm,
+                                        "data-" + l.data[u]
+                                    );
+                            else
+                                l.attr && l.name
+                                    ? ((o = t.utils.getByClass(
+                                          e.elm,
+                                          l.name,
+                                          !0
+                                      )),
+                                      (s[l.name] = o
+                                          ? t.utils.getAttribute(o, l.attr)
+                                          : ""))
+                                    : ((o = t.utils.getByClass(e.elm, l, !0)),
+                                      (s[l] = o ? o.innerHTML : ""));
+                        }
+                        return s;
+                    }),
+                        (this.set = function (t, e) {
+                            if (!r.create(t))
+                                for (var n in e)
+                                    e.hasOwnProperty(n) && a(t, n, e[n]);
+                        }),
+                        (this.create = function (t) {
+                            return (
+                                void 0 === t.elm &&
+                                ((t.elm = e(t.values())),
+                                r.set(t, t.values()),
+                                !0)
+                            );
+                        }),
+                        (this.remove = function (e) {
+                            e.elm.parentNode === t.list &&
+                                t.list.removeChild(e.elm);
+                        }),
+                        (this.show = function (e) {
+                            r.create(e), t.list.appendChild(e.elm);
+                        }),
+                        (this.hide = function (e) {
+                            void 0 !== e.elm &&
+                                e.elm.parentNode === t.list &&
+                                t.list.removeChild(e.elm);
+                        }),
+                        (this.clear = function () {
+                            if (t.list.hasChildNodes())
+                                for (; t.list.childNodes.length >= 1; )
+                                    t.list.removeChild(t.list.firstChild);
+                        }),
+                        (function () {
+                            var r;
+                            if ("function" != typeof t.item) {
+                                if (
+                                    !(r =
+                                        "string" == typeof t.item
+                                            ? -1 === t.item.indexOf("<")
+                                                ? document.getElementById(
+                                                      t.item
+                                                  )
+                                                : i(t.item)
+                                            : s())
+                                )
+                                    throw new Error(
+                                        "The list needs to have at least one item on init otherwise you'll have to add a template."
+                                    );
+                                (r = n(r, t.valueNames)),
+                                    (e = function () {
+                                        return r.cloneNode(!0);
+                                    });
+                            } else
+                                e = function (e) {
+                                    var r = t.item(e);
+                                    return i(r);
+                                };
+                        })();
+                };
+                t.exports = function (t) {
+                    return new e(t);
+                };
+            },
+            "./src/utils/classes.js": function (t, e, r) {
+                var n = r("./src/utils/index-of.js"),
+                    s = /\s+/;
+                Object.prototype.toString;
+                function i(t) {
+                    if (!t || !t.nodeType)
+                        throw new Error("A DOM element reference is required");
+                    (this.el = t), (this.list = t.classList);
+                }
+                (t.exports = function (t) {
+                    return new i(t);
+                }),
+                    (i.prototype.add = function (t) {
+                        if (this.list) return this.list.add(t), this;
+                        var e = this.array();
+                        return (
+                            ~n(e, t) || e.push(t),
+                            (this.el.className = e.join(" ")),
+                            this
+                        );
+                    }),
+                    (i.prototype.remove = function (t) {
+                        if (this.list) return this.list.remove(t), this;
+                        var e = this.array(),
+                            r = n(e, t);
+                        return (
+                            ~r && e.splice(r, 1),
+                            (this.el.className = e.join(" ")),
+                            this
+                        );
+                    }),
+                    (i.prototype.toggle = function (t, e) {
+                        return this.list
+                            ? (void 0 !== e
+                                  ? e !== this.list.toggle(t, e) &&
+                                    this.list.toggle(t)
+                                  : this.list.toggle(t),
+                              this)
+                            : (void 0 !== e
+                                  ? e
+                                      ? this.add(t)
+                                      : this.remove(t)
+                                  : this.has(t)
+                                  ? this.remove(t)
+                                  : this.add(t),
+                              this);
+                    }),
+                    (i.prototype.array = function () {
+                        var t = (this.el.getAttribute("class") || "")
+                            .replace(/^\s+|\s+$/g, "")
+                            .split(s);
+                        return "" === t[0] && t.shift(), t;
+                    }),
+                    (i.prototype.has = i.prototype.contains =
+                        function (t) {
+                            return this.list
+                                ? this.list.contains(t)
+                                : !!~n(this.array(), t);
+                        });
+            },
+            "./src/utils/events.js": function (t, e, r) {
+                var n = window.addEventListener
+                        ? "addEventListener"
+                        : "attachEvent",
+                    s = window.removeEventListener
+                        ? "removeEventListener"
+                        : "detachEvent",
+                    i = "addEventListener" !== n ? "on" : "",
+                    a = r("./src/utils/to-array.js");
+                (e.bind = function (t, e, r, s) {
+                    for (var o = 0, l = (t = a(t)).length; o < l; o++)
+                        t[o][n](i + e, r, s || !1);
+                }),
+                    (e.unbind = function (t, e, r, n) {
+                        for (var o = 0, l = (t = a(t)).length; o < l; o++)
+                            t[o][s](i + e, r, n || !1);
+                    }),
+                    (e.debounce = function (t, e, r) {
+                        var n;
+                        return e
+                            ? function () {
+                                  var s = this,
+                                      i = arguments,
+                                      a = function () {
+                                          (n = null), r || t.apply(s, i);
+                                      },
+                                      o = r && !n;
+                                  clearTimeout(n),
+                                      (n = setTimeout(a, e)),
+                                      o && t.apply(s, i);
+                              }
+                            : t;
+                    });
+            },
+            "./src/utils/extend.js": function (t) {
+                t.exports = function (t) {
+                    for (
+                        var e,
+                            r = Array.prototype.slice.call(arguments, 1),
+                            n = 0;
+                        (e = r[n]);
+                        n++
+                    )
+                        if (e) for (var s in e) t[s] = e[s];
+                    return t;
+                };
+            },
+            "./src/utils/fuzzy.js": function (t) {
+                t.exports = function (t, e, r) {
+                    var n = r.location || 0,
+                        s = r.distance || 100,
+                        i = r.threshold || 0.4;
+                    if (e === t) return !0;
+                    if (e.length > 32) return !1;
+                    var a = n,
+                        o = (function () {
+                            var t,
+                                r = {};
+                            for (t = 0; t < e.length; t++) r[e.charAt(t)] = 0;
+                            for (t = 0; t < e.length; t++)
+                                r[e.charAt(t)] |= 1 << (e.length - t - 1);
+                            return r;
+                        })();
+                    function l(t, r) {
+                        var n = t / e.length,
+                            i = Math.abs(a - r);
+                        return s ? n + i / s : i ? 1 : n;
+                    }
+                    var u = i,
+                        c = t.indexOf(e, a);
+                    -1 != c &&
+                        ((u = Math.min(l(0, c), u)),
+                        -1 != (c = t.lastIndexOf(e, a + e.length)) &&
+                            (u = Math.min(l(0, c), u)));
+                    var f,
+                        h,
+                        d = 1 << (e.length - 1);
+                    c = -1;
+                    for (
+                        var v, g = e.length + t.length, m = 0;
+                        m < e.length;
+                        m++
+                    ) {
+                        for (f = 0, h = g; f < h; )
+                            l(m, a + h) <= u ? (f = h) : (g = h),
+                                (h = Math.floor((g - f) / 2 + f));
+                        g = h;
+                        var p = Math.max(1, a - h + 1),
+                            y = Math.min(a + h, t.length) + e.length,
+                            C = Array(y + 2);
+                        C[y + 1] = (1 << m) - 1;
+                        for (var b = y; b >= p; b--) {
+                            var j = o[t.charAt(b - 1)];
+                            if (
+                                ((C[b] =
+                                    0 === m
+                                        ? ((C[b + 1] << 1) | 1) & j
+                                        : (((C[b + 1] << 1) | 1) & j) |
+                                          ((v[b + 1] | v[b]) << 1) |
+                                          1 |
+                                          v[b + 1]),
+                                C[b] & d)
+                            ) {
+                                var x = l(m, b - 1);
+                                if (x <= u) {
+                                    if (((u = x), !((c = b - 1) > a))) break;
+                                    p = Math.max(1, 2 * a - c);
+                                }
+                            }
+                        }
+                        if (l(m + 1, a) > u) break;
+                        v = C;
+                    }
+                    return !(c < 0);
+                };
+            },
+            "./src/utils/get-attribute.js": function (t) {
+                t.exports = function (t, e) {
+                    var r = (t.getAttribute && t.getAttribute(e)) || null;
+                    if (!r)
+                        for (
+                            var n = t.attributes, s = n.length, i = 0;
+                            i < s;
+                            i++
+                        )
+                            void 0 !== n[i] &&
+                                n[i].nodeName === e &&
+                                (r = n[i].nodeValue);
+                    return r;
+                };
+            },
+            "./src/utils/get-by-class.js": function (t) {
+                t.exports = function (t, e, r, n) {
+                    return ((n = n || {}).test && n.getElementsByClassName) ||
+                        (!n.test && document.getElementsByClassName)
+                        ? (function (t, e, r) {
+                              return r
+                                  ? t.getElementsByClassName(e)[0]
+                                  : t.getElementsByClassName(e);
+                          })(t, e, r)
+                        : (n.test && n.querySelector) ||
+                          (!n.test && document.querySelector)
+                        ? (function (t, e, r) {
+                              return (
+                                  (e = "." + e),
+                                  r ? t.querySelector(e) : t.querySelectorAll(e)
+                              );
+                          })(t, e, r)
+                        : (function (t, e, r) {
+                              for (
+                                  var n = [],
+                                      s = t.getElementsByTagName("*"),
+                                      i = s.length,
+                                      a = new RegExp("(^|\\s)" + e + "(\\s|$)"),
+                                      o = 0,
+                                      l = 0;
+                                  o < i;
+                                  o++
+                              )
+                                  if (a.test(s[o].className)) {
+                                      if (r) return s[o];
+                                      (n[l] = s[o]), l++;
+                                  }
+                              return n;
+                          })(t, e, r);
+                };
+            },
+            "./src/utils/index-of.js": function (t) {
+                var e = [].indexOf;
+                t.exports = function (t, r) {
+                    if (e) return t.indexOf(r);
+                    for (var n = 0, s = t.length; n < s; ++n)
+                        if (t[n] === r) return n;
+                    return -1;
+                };
+            },
+            "./src/utils/to-array.js": function (t) {
+                t.exports = function (t) {
+                    if (void 0 === t) return [];
+                    if (null === t) return [null];
+                    if (t === window) return [window];
+                    if ("string" == typeof t) return [t];
+                    if (
+                        (function (t) {
+                            return (
+                                "[object Array]" ===
+                                Object.prototype.toString.call(t)
+                            );
+                        })(t)
+                    )
+                        return t;
+                    if ("number" != typeof t.length) return [t];
+                    if ("function" == typeof t && t instanceof Function)
+                        return [t];
+                    for (var e = [], r = 0, n = t.length; r < n; r++)
+                        (Object.prototype.hasOwnProperty.call(t, r) ||
+                            r in t) &&
+                            e.push(t[r]);
+                    return e.length ? e : [];
+                };
+            },
+            "./src/utils/to-string.js": function (t) {
+                t.exports = function (t) {
+                    return (t = (t =
+                        null === (t = void 0 === t ? "" : t)
+                            ? ""
+                            : t).toString());
+                };
+            },
+            "./node_modules/string-natural-compare/natural-compare.js":
+                function (t) {
+                    "use strict";
+                    var e,
+                        r,
+                        n = 0;
+                    function s(t) {
+                        return t >= 48 && t <= 57;
+                    }
+                    function i(t, e) {
+                        for (
+                            var i = (t += "").length,
+                                a = (e += "").length,
+                                o = 0,
+                                l = 0;
+                            o < i && l < a;
+
+                        ) {
+                            var u = t.charCodeAt(o),
+                                c = e.charCodeAt(l);
+                            if (s(u)) {
+                                if (!s(c)) return u - c;
+                                for (var f = o, h = l; 48 === u && ++f < i; )
+                                    u = t.charCodeAt(f);
+                                for (; 48 === c && ++h < a; )
+                                    c = e.charCodeAt(h);
+                                for (
+                                    var d = f, v = h;
+                                    d < i && s(t.charCodeAt(d));
+
+                                )
+                                    ++d;
+                                for (; v < a && s(e.charCodeAt(v)); ) ++v;
+                                var g = d - f - v + h;
+                                if (g) return g;
+                                for (; f < d; )
+                                    if (
+                                        (g =
+                                            t.charCodeAt(f++) -
+                                            e.charCodeAt(h++))
+                                    )
+                                        return g;
+                                (o = d), (l = v);
+                            } else {
+                                if (u !== c)
+                                    return u < n &&
+                                        c < n &&
+                                        -1 !== r[u] &&
+                                        -1 !== r[c]
+                                        ? r[u] - r[c]
+                                        : u - c;
+                                ++o, ++l;
+                            }
+                        }
+                        return o >= i && l < a && i >= a
+                            ? -1
+                            : l >= a && o < i && a >= i
+                            ? 1
+                            : i - a;
+                    }
+                    (i.caseInsensitive = i.i =
+                        function (t, e) {
+                            return i(
+                                ("" + t).toLowerCase(),
+                                ("" + e).toLowerCase()
+                            );
+                        }),
+                        Object.defineProperties(i, {
+                            alphabet: {
+                                get: function () {
+                                    return e;
+                                },
+                                set: function (t) {
+                                    r = [];
+                                    var s = 0;
+                                    if ((e = t))
+                                        for (; s < e.length; s++)
+                                            r[e.charCodeAt(s)] = s;
+                                    for (n = r.length, s = 0; s < n; s++)
+                                        void 0 === r[s] && (r[s] = -1);
+                                },
+                            },
+                        }),
+                        (t.exports = i);
+                },
+        },
+        e = {};
+    return (function r(n) {
+        if (e[n]) return e[n].exports;
+        var s = (e[n] = { exports: {} });
+        return t[n](s, s.exports, r), s.exports;
+    })("./src/index.js");
+})();
+//# sourceMappingURL=list.min.js.map
diff --git a/resources/views/auth/profile.blade.php b/resources/views/auth/profile.blade.php
new file mode 100644
index 0000000..add2edd
--- /dev/null
+++ b/resources/views/auth/profile.blade.php
@@ -0,0 +1,195 @@
+@extends('layouts.app')
+@push('title', 'Profile')
+@section('content')
+    <div class="page-content">
+        <div class="container-fluid">
+
+            <div class="position-relative mx-n4 mt-n4">
+                <div class="profile-wid-bg profile-setting-img">
+                    <img src="assets/images/profile-bg.jpg" class="profile-wid-img" alt="">
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-xxl-3">
+                    <div class="card mt-n5">
+                        <div class="card-body p-4">
+                            <div class="text-center">
+                                <div class="profile-user position-relative d-inline-block mx-auto  mb-4">
+                                    <img src="{{ $user->avatar ? asset('storage/' . $user->avatar) : asset('assets/images/users/user-dummy-img.jpg') }}"
+                                        class="rounded-circle avatar-xl img-thumbnail user-profile-image"
+                                        alt="user-profile-image" id="preview-img">
+                                </div>
+                                <h5 class="fs-16 mb-1">{{ $user->name }}</h5>
+                                <p class="text-muted mb-0">{{ $user->role }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!--end card-->
+                </div>
+                <!--end col-->
+                <div class="col-xxl-9">
+                    <div class="card mt-xxl-n5">
+                        <div class="card-header">
+                            <ul class="nav nav-tabs-custom rounded card-header-tabs border-bottom-0" role="tablist">
+                                <li class="nav-item">
+                                    <a class="nav-link active" data-bs-toggle="tab" href="#personalDetails" role="tab">
+                                        <i class="fas fa-home"></i>
+                                        Data Personal
+                                    </a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link" data-bs-toggle="tab" href="#changePassword" role="tab">
+                                        <i class="far fa-user"></i>
+                                        Ubah Password
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="card-body p-4">
+                            <div class="tab-content">
+                                <div class="tab-pane active" id="personalDetails" role="tabpanel">
+                                    <form action="{{ route('profile.update_data') }}" class="needs-validation" novalidate
+                                        id="personalDetailsForm" method="POST" enctype="multipart/form-data">
+                                        @csrf
+                                        @method('PUT')
+                                        <div class="row">
+                                            <div class="col-lg-6">
+                                                <div class="mb-3">
+                                                    <label for="username" class="form-label">Username</label>
+                                                    <input type="text" class="form-control" id="username"
+                                                        placeholder="Masukan username anda" name="username"
+                                                        value="{{ old('username', $user->username) }}" required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan username anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-6">
+                                                <div class="mb-3">
+                                                    <label for="fullname" class="form-label">Nama Lengkap</label>
+                                                    <input type="text" class="form-control" id="name"
+                                                        placeholder="Masukan nama lengkap anda" name="name"
+                                                        value="{{ old('name', $user->name) }}" required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan nama lengkap anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-6">
+                                                <div class="mb-3">
+                                                    <label for="emailInput" class="form-label">Alamat Email</label>
+                                                    <input type="email" class="form-control" id="email"
+                                                        placeholder="Masukan alamat email anda" name="email"
+                                                        value="{{ old('email', $user->email) }}" required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan alamat email anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-6">
+                                                <div class="mb-3">
+                                                    <label for="avatarInput" class="form-label">Foto Profile</label>
+                                                    <input type="file" class="form-control" id="avatar" name="avatar"
+                                                        accept="image/jpeg,image/png,image/jpg"
+                                                        onchange="previewImage(event)">
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-12">
+                                                <div class="hstack gap-2 justify-content-end">
+                                                    <button type="submit" class="btn btn-success">Ubah</button>
+                                                    <button type="button" class="btn btn-soft-secondary">Batal</button>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                        </div>
+                                        <!--end row-->
+                                    </form>
+                                </div>
+                                <!--end tab-pane-->
+                                <div class="tab-pane" id="changePassword" role="tabpanel">
+                                    <form action="{{ route('profile.update_password') }}" class="needs-validation"
+                                        novalidate id="changePasswordForm" method="POST">
+                                        @csrf
+                                        @method('PUT')
+                                        <div class="row g-2">
+                                            <div class="col-lg-4">
+                                                <div>
+                                                    <label for="oldpasswordInput" class="form-label">Password
+                                                        Lama</label>
+                                                    <input type="password" class="form-control" id="oldpasswordInput"
+                                                        placeholder="Masukan password lama anda" name="old_password"
+                                                        required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan password lama anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-4">
+                                                <div>
+                                                    <label for="newpasswordInput" class="form-label">Password
+                                                        Baru</label>
+                                                    <input type="password" class="form-control" id="newpasswordInput"
+                                                        placeholder="Masukan password baru anda" name="new_password"
+                                                        required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan password baru anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            <div class="col-lg-4">
+                                                <div>
+                                                    <label for="confirmpasswordInput" class="form-label">Konfirmasi
+                                                        Password</label>
+                                                    <input type="password" class="form-control" id="confirmpasswordInput"
+                                                        placeholder="Masukan konfirmasi password baru anda"
+                                                        name="new_password_confirmation" required>
+                                                    <div class="invalid-feedback">
+                                                        Harap masukan konfirmasi password baru anda
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                            {{-- <div class="col-lg-12">
+                                                <div class="mb-3">
+                                                    <a href="javascript:void(0);"
+                                                        class="link-primary text-decoration-underline">Lupa Password ?</a>
+                                                </div>
+                                            </div> --}}
+                                            <!--end col-->
+                                            <div class="col-lg-12">
+                                                <div class="text-end">
+                                                    <button type="submit" class="btn btn-success">Ubah Password</button>
+                                                </div>
+                                            </div>
+                                            <!--end col-->
+                                        </div>
+                                        <!--end row-->
+                                    </form>
+                                </div>
+                                <!--end tab-pane-->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--end col-->
+            </div>
+            <!--end row-->
+
+        </div>
+        <!-- container-fluid -->
+    </div><!-- End Page-content -->
+
+    @push('other-js')
+        <!-- profile-setting init js -->
+        <script src="{{ asset('assets/js/pages/customJs/auth/profile.js') }}"></script>
+
+        <script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
+    @endpush
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9989515..563ee55 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -604,7 +604,7 @@ class="form-check-input">
     @stack('other-js')
 
     <!-- App js -->
-    <script src="assets/js/app.js"></script>
+    <script src="assets/js/customApp.js"></script>
     <script src="assets/libs/jquery/jquery.min.js"></script>
 </body>
 
diff --git a/resources/views/partials/navbar.blade.php b/resources/views/partials/navbar.blade.php
index d284cb7..2e0d4f9 100644
--- a/resources/views/partials/navbar.blade.php
+++ b/resources/views/partials/navbar.blade.php
@@ -168,7 +168,8 @@ class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle light-dark-mod
                     <button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown"
                         aria-haspopup="true" aria-expanded="false">
                         <span class="d-flex align-items-center">
-                            <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-1.jpg"
+                            <img class="rounded-circle header-profile-user"
+                                src="{{ Auth::user()->avatar ? asset('storage/' . Auth::user()->avatar) : asset('assets/images/users/user-dummy-img.jpg') }}"
                                 alt="Header Avatar">
                             <span class="text-start ms-xl-2">
                                 <span
@@ -181,29 +182,10 @@ class="d-none d-xl-block ms-1 fs-12 text-muted user-name-sub-text">{{ Auth::user
                     <div class="dropdown-menu dropdown-menu-end">
                         <!-- item-->
                         <h6 class="dropdown-header">Selamat Datang {{ Auth::user()->name }}!</h6>
-                        <a class="dropdown-item" href="pages-profile.html"><i
+                        <a class="dropdown-item" href="{{ route('profile.index') }}"><i
                                 class="mdi mdi-account-circle text-muted fs-16 align-middle me-1"></i> <span
                                 class="align-middle">Profile</span></a>
-                        <a class="dropdown-item" href="apps-chat.html"><i
-                                class="mdi mdi-message-text-outline text-muted fs-16 align-middle me-1"></i>
-                            <span class="align-middle">Messages</span></a>
-                        <a class="dropdown-item" href="apps-tasks-kanban.html"><i
-                                class="mdi mdi-calendar-check-outline text-muted fs-16 align-middle me-1"></i>
-                            <span class="align-middle">Taskboard</span></a>
-                        <a class="dropdown-item" href="pages-faqs.html"><i
-                                class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span
-                                class="align-middle">Help</span></a>
                         <div class="dropdown-divider"></div>
-                        <a class="dropdown-item" href="pages-profile.html"><i
-                                class="mdi mdi-wallet text-muted fs-16 align-middle me-1"></i> <span
-                                class="align-middle">Balance : <b>$5971.67</b></span></a>
-                        <a class="dropdown-item" href="pages-profile-settings.html"><span
-                                class="badge bg-soft-success text-success mt-1 float-end">New</span><i
-                                class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span
-                                class="align-middle">Settings</span></a>
-                        <a class="dropdown-item" href="auth-lockscreen-basic.html"><i
-                                class="mdi mdi-lock text-muted fs-16 align-middle me-1"></i> <span
-                                class="align-middle">Lock screen</span></a>
                         <form action="{{ route('auth.logout') }}" class="d-inline" method="POST">
                             @csrf
                             <button type="submit" class="dropdown-item">
@@ -211,9 +193,6 @@ class="align-middle">Lock screen</span></a>
                                     class="align-middle" data-key="t-logout">Logout</span>
                             </button>
                         </form>
-                        {{-- <a class="dropdown-item" href="auth-logout-basic.html"><i
-                                class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span
-                                class="align-middle" data-key="t-logout">Logout</span></a> --}}
                     </div>
                 </div>
             </div>
diff --git a/routes/web.php b/routes/web.php
index c68ac3b..4c39a89 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -4,6 +4,7 @@
 use App\Http\Controllers\AssessmentHistoryController;
 use App\Http\Controllers\Auth\AuthenticatedSessionController;
 use App\Http\Controllers\Auth\PasswordResetLinkController;
+use App\Http\Controllers\Auth\ProfileController;
 use App\Http\Controllers\Auth\RegisteredUserController;
 use App\Http\Controllers\Auth\TwoStepVerifyController;
 use App\Http\Controllers\DashboardController;
@@ -60,6 +61,12 @@
 Route::middleware(['auth', 'verifiedAcount'])->group(function () {
     Route::post('/logout', [AuthenticatedSessionController::class, 'destroy'])->name('auth.logout');
 
+    Route::prefix('profile')->controller(ProfileController::class)->name('profile.')->group(function () {
+        Route::get('/', 'index')->name('index');
+        Route::put('/', 'updateData')->name('update_data');
+        Route::put('/password', 'updatePassword')->name('update_password');
+    });
+
     Route::prefix('location')->controller(LocationController::class)->name('location.')->group(function () {
         Route::get('/get-province', 'getProvinces')->name('get_provinces');
         Route::get('/get-regency/{id}', 'getRegencies')->name('get_regencies');