diff --git a/app/Http/Controllers/AdminController.php b/app/Http/Controllers/AdminController.php
index 1e2b9ab..05e2193 100755
--- a/app/Http/Controllers/AdminController.php
+++ b/app/Http/Controllers/AdminController.php
@@ -223,6 +223,21 @@ public function SendTestMail(Request $request)
         return redirect('admin/users/all');
     }
 
+    //Delete existing user with POST request
+    public function deleteTableUser(request $request)
+    {
+        $id = $request->id;
+
+        Link::where('user_id', $id)->delete();
+    
+        Schema::disableForeignKeyConstraints();
+        
+        $user = User::find($id);
+        $user->forceDelete();
+    
+        Schema::enableForeignKeyConstraints();
+    }
+
     //Show user to edit
     public function showUser(request $request)
     {
diff --git a/app/Http/Livewire/UserTable.php b/app/Http/Livewire/UserTable.php
new file mode 100644
index 0000000..cf9dfab
--- /dev/null
+++ b/app/Http/Livewire/UserTable.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use App\Http\Livewire;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+use App\Models\User;
+use App\Models\Link;
+
+class UserTable extends DataTableComponent
+{
+    protected $model = User::class;
+
+    public function configure(): void
+    {
+        $this->setPrimaryKey('id');
+        $this->setPerPageAccepted([50, 100, 250, 500, 1000, -1]);
+        $this->setColumnSelectEnabled();
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make(__('messages.ID'), "id")
+                ->sortable()
+                ->searchable(),
+            Column::make(__('messages.Name'), "name")
+                ->sortable()
+                ->searchable(),
+            Column::make(__('messages.E-Mail'), "email")
+                ->sortable()
+                ->searchable(),
+            Column::make(__('messages.Page'), "littlelink_name")
+                ->sortable()
+                ->searchable()
+                ->format(function ($value, $row, Column $column) {
+                    if (!$row->littlelink_name == NULL) {
+                        return "<a href='" . url('') . "/@" . $row->littlelink_name . "' target='_blank' class='text-info'><i class='bi bi-box-arrow-up-right'></i>&nbsp; " . $row->littlelink_name . " </a>";
+                    } else {
+                        return 'N/A';
+                    }
+                })
+                ->html(),
+            Column::make(__('messages.Role'), "role")
+                ->sortable()
+                ->searchable(),
+            Column::make(__('messages.Links'), "id")
+                ->format(function ($value, $row) {
+                    $linkCount = Link::where('user_id', $row->id)->count();
+                    return $linkCount;
+                }),
+            Column::make(__('messages.Clicks'), "id")
+                ->format(function ($value, $row) {
+                    $clicksSum = Link::where('user_id', $row->id)->sum('click_number');
+                    return $clicksSum;
+                }),
+            Column::make(__('messages.E-Mail'), "email_verified_at")
+                ->sortable()
+                ->format(function ($value, $row, Column $column) {
+                    if (env('REGISTER_AUTH') !== 'auth') {
+                        if ($row->role == 'admin' && $row->email_verified_at != '') {
+                            return '<center>-</center>';
+                        } else {
+                            $verifyLink = route('verifyUser', [
+                                'verify' => '-' . $row->email_verified_at,
+                                'id' => $row->id
+                            ]);
+                            if ($row->email_verified_at == '') {
+                                return '<a style="cursor:pointer" data-id="'.$verifyLink.'" class="user-email text-danger"><span class="badge bg-danger">' . __('messages.Pending') . '</span></a>';
+                            } else {
+                                return '<a style="cursor:pointer" data-id="'.$verifyLink.'" class="user-email text-danger"><span class="badge bg-success">' . __('messages.Verified') . '</span></a>';
+                            }
+                        }
+                    } else {
+                        return '<center>-</center>';
+                    }
+                    return '';
+                })->html(),
+            Column::make(__('messages.Status'), "block")
+                ->sortable()
+                ->format(function ($value, $row, Column $column) {
+                    if ($row->role === 'admin' && $row->id === 1) {
+                        return '<center>-</center>';
+                    } else {
+                        $route = route('blockUser', ['block' => $row->block, 'id' => $row->id]);
+                        if ($row->block === 'yes') {
+                            $badge = '<a style="cursor:pointer" data-id="'.$route.'" class="user-block text-danger"><span class="badge bg-danger">'.__('messages.Pending').'</span></a>';
+                        } elseif ($row->block === 'no') {
+                            $badge = '<a style="cursor:pointer" data-id="'.$route.'" class="user-block text-danger"><span class="badge bg-success">'.__('messages.Approved').'</span></a>';
+                        }
+                        return "<a href=\"$route\">$badge</a>";
+                    }
+                })
+                ->html(),
+            Column::make(__('messages.Created at'), "created_at")
+                ->sortable()
+                ->format(function ($value) {
+                    if ($value) {
+                        return $value->format('d/m/y');
+                    } else {
+                        return '';
+                    }
+                }),
+            Column::make(__('messages.Last seen'), "updated_at")
+                ->sortable()
+                ->format(function ($value) {
+                    $now = now();
+                    $diff = $now->diff($value);
+            
+                    if ($diff->d < 1 && $diff->h < 1) {
+                        return 'Now';
+                    } elseif ($diff->d < 1 && $diff->h < 24) {
+                        return $diff->h . ' hours ago';
+                    } elseif ($diff->d < 365) {
+                        return $diff->d . ' days ago';
+                    } else {
+                        return $diff->y . ' years ago';
+                    }
+                }),
+                Column::make(__('messages.Action'), "id")
+                ->format(function ($value, $row, Column $column) {
+                    return view('components.table-components.action', ['user' => $row]);
+                }),
+        ];
+    }
+}
diff --git a/app/Providers/LivewireServiceProvider.php b/app/Providers/LivewireServiceProvider.php
new file mode 100644
index 0000000..c09c807
--- /dev/null
+++ b/app/Providers/LivewireServiceProvider.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class LivewireServiceProvider extends ServiceProvider
+{
+    public function register()
+    {
+        $assetUrl = url('');
+        config(['livewire.asset_url' => $assetUrl]);
+    }
+}
\ No newline at end of file
diff --git a/assets/js/cdn.min.js b/assets/js/cdn.min.js
new file mode 100644
index 0000000..922cc02
--- /dev/null
+++ b/assets/js/cdn.min.js
@@ -0,0 +1,5 @@
+(()=>{var Ze=!1,Qe=!1,H=[],et=-1;function zt(e){En(e)}function En(e){H.includes(e)||H.push(e),vn()}function we(e){let t=H.indexOf(e);t!==-1&&t>et&&H.splice(t,1)}function vn(){!Qe&&!Ze&&(Ze=!0,queueMicrotask(Sn))}function Sn(){Ze=!1,Qe=!0;for(let e=0;e<H.length;e++)H[e](),et=e;H.length=0,et=-1,Qe=!1}var T,I,L,rt,tt=!0;function Vt(e){tt=!1,e(),tt=!0}function Ht(e){T=e.reactive,L=e.release,I=t=>e.effect(t,{scheduler:r=>{tt?zt(r):r()}}),rt=e.raw}function nt(e){I=e}function qt(e){let t=()=>{};return[n=>{let i=I(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),L(i))},i},()=>{t()}]}function q(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function O(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>O(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)O(n,t,!1),n=n.nextElementSibling}function v(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var Ut=!1;function Wt(){Ut&&v("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Ut=!0,document.body||v("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),q(document,"alpine:init"),q(document,"alpine:initializing"),ce(),er(t=>S(t,O)),Q(t=>ae(t)),Se((t,r)=>{le(t,r).forEach(n=>n())});let e=t=>!U(t.parentElement,!0);Array.from(document.querySelectorAll(Yt())).filter(e).forEach(t=>{S(t)}),q(document,"alpine:initialized")}var it=[],Gt=[];function Jt(){return it.map(e=>e())}function Yt(){return it.concat(Gt).map(e=>e())}function Ee(e){it.push(e)}function ve(e){Gt.push(e)}function U(e,t=!1){return Z(e,r=>{if((t?Yt():Jt()).some(i=>r.matches(i)))return!0})}function Z(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Z(e.parentElement,t)}}function Xt(e){return Jt().some(t=>e.matches(t))}var Zt=[];function Qt(e){Zt.push(e)}function S(e,t=O,r=()=>{}){rr(()=>{t(e,(n,i)=>{r(n,i),Zt.forEach(o=>o(n,i)),le(n,n.attributes).forEach(o=>o()),n._x_ignore&&i()})})}function ae(e){O(e,t=>{ot(t),tr(t)})}var nr=[],ir=[],or=[];function er(e){or.push(e)}function Q(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,ir.push(t))}function Se(e){nr.push(e)}function Oe(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function ot(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function tr(e){if(e._x_cleanups)for(;e._x_cleanups.length;)e._x_cleanups.pop()()}var at=new MutationObserver(ft),ct=!1;function ce(){at.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ct=!0}function lt(){An(),at.disconnect(),ct=!1}var ue=[],st=!1;function An(){ue=ue.concat(at.takeRecords()),ue.length&&!st&&(st=!0,queueMicrotask(()=>{On(),st=!1}))}function On(){ft(ue),ue.length=0}function h(e){if(!ct)return e();lt();let t=e();return ce(),t}var ut=!1,Ae=[];function sr(){ut=!0}function ar(){ut=!1,ft(Ae),Ae=[]}function ft(e){if(ut){Ae=Ae.concat(e);return}let t=[],r=[],n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].addedNodes.forEach(s=>s.nodeType===1&&t.push(s)),e[o].removedNodes.forEach(s=>s.nodeType===1&&r.push(s))),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{ot(s,o)}),n.forEach((o,s)=>{nr.forEach(a=>a(s,o))});for(let o of r)t.includes(o)||(ir.forEach(s=>s(o)),ae(o));t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.includes(o)||o.isConnected&&(delete o._x_ignoreSelf,delete o._x_ignore,or.forEach(s=>s(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function Ce(e){return j($(e))}function N(e,t,r){return e._x_dataStack=[t,...$(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function $(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?$(e.host):e.parentNode?$(e.parentNode):[]}function j(e){return new Proxy({objects:e},Cn)}var Cn={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t))},get({objects:e},t,r){return t=="toJSON"?Tn:Reflect.get(e.find(n=>Object.prototype.hasOwnProperty.call(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?Reflect.set(i,t,r,n):Reflect.set(i,t,r)}};function Tn(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Te(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Re(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>Rn(n,i),s=>dt(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function Rn(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function dt(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),dt(e[t[0]],t.slice(1),r)}}var cr={};function y(e,t){cr[e]=t}function fe(e,t){return Object.entries(cr).forEach(([r,n])=>{let i=null;function o(){if(i)return i;{let[s,a]=pt(t);return i={interceptor:Re,...s},Q(t,a),i}}Object.defineProperty(e,`$${r}`,{get(){return n(t,o())},enumerable:!1})}),e}function lr(e,t,r,...n){try{return r(...n)}catch(i){ee(i,e,t)}}function ee(e,t,r=void 0){Object.assign(e,{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,t),setTimeout(()=>{throw e},0)}var Me=!0;function Pe(e){let t=Me;Me=!1;let r=e();return Me=t,r}function R(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return ur(...e)}var ur=ht;function fr(e){ur=e}function ht(e,t){let r={};fe(r,e);let n=[r,...$(e)],i=typeof t=="function"?Mn(n,t):Pn(n,t,e);return lr.bind(null,e,t,i)}function Mn(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(j([n,...e]),i);Ne(r,o)}}var mt={};function Nn(e,t){if(mt[e])return mt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${e}`}),s}catch(s){return ee(s,t,e),Promise.resolve()}})();return mt[e]=o,o}function Pn(e,t,r){let n=Nn(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=j([o,...e]);if(typeof n=="function"){let c=n(n,a).catch(l=>ee(l,r,t));n.finished?(Ne(i,n.result,a,s,r),n.result=void 0):c.then(l=>{Ne(i,l,a,s,r)}).catch(l=>ee(l,r,t)).finally(()=>n.result=void 0)}}}function Ne(e,t,r,n,i){if(Me&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ne(e,s,r,n)).catch(s=>ee(s,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var yt="x-";function C(e=""){return yt+e}function dr(e){yt=e}var _t={};function d(e,t){return _t[e]=t,{before(r){if(!_t[r]){console.warn("Cannot find directive `${directive}`. `${name}` will use the default order of execution");return}let n=W.indexOf(r);W.splice(n>=0?n:W.indexOf("DEFAULT"),0,e)}}}function le(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=bt(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(mr((o,s)=>n[o]=s)).filter(_r).map(Dn(n,r)).sort(kn).map(o=>In(e,o))}function bt(e){return Array.from(e).map(mr()).filter(t=>!_r(t))}var gt=!1,de=new Map,pr=Symbol();function rr(e){gt=!0;let t=Symbol();pr=t,de.set(t,[]);let r=()=>{for(;de.get(t).length;)de.get(t).shift()();de.delete(t)},n=()=>{gt=!1,r()};e(r),n()}function pt(e){let t=[],r=a=>t.push(a),[n,i]=qt(e);return t.push(i),[{Alpine:F,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:R.bind(R,e)},()=>t.forEach(a=>a())]}function In(e,t){let r=()=>{},n=_t[t.type]||r,[i,o]=pt(e);Oe(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),gt?de.get(pr).push(n):n())};return s.runCleanups=o,s}var Ie=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),De=e=>e;function mr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=hr.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var hr=[];function te(e){hr.push(e)}function _r({name:e}){return gr().test(e)}var gr=()=>new RegExp(`^${yt}([^:^.]+)\\b`);function Dn(e,t){return({name:r,value:n})=>{let i=r.match(gr()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var xt="DEFAULT",W=["ignore","ref","data","id","bind","init","for","model","modelable","transition","show","if",xt,"teleport"];function kn(e,t){let r=W.indexOf(e.type)===-1?xt:e.type,n=W.indexOf(t.type)===-1?xt:t.type;return W.indexOf(r)-W.indexOf(n)}var wt=[],Et=!1;function re(e=()=>{}){return queueMicrotask(()=>{Et||setTimeout(()=>{ke()})}),new Promise(t=>{wt.push(()=>{e(),t()})})}function ke(){for(Et=!1;wt.length;)wt.shift()()}function xr(){Et=!0}function pe(e,t){return Array.isArray(t)?yr(e,t.join(" ")):typeof t=="object"&&t!==null?Ln(e,t):typeof t=="function"?pe(e,t()):yr(e,t)}function yr(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function Ln(e,t){let r=a=>a.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function G(e,t){return typeof t=="object"&&t!==null?$n(e,t):jn(e,t)}function $n(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Fn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{G(e,r)}}function jn(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Fn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function me(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?Kn(e,r,t):Bn(e,n,t))});function Bn(e,t,r){br(e,pe,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function Kn(e,t,r){br(e,G);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((g,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((g,b)=>b>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),a=s||t.includes("opacity"),c=s||t.includes("scale"),l=a?0:1,u=c?he(t,"scale",95)/100:1,p=he(t,"delay",0)/1e3,m=he(t,"origin","center"),w="opacity, transform",k=he(t,"duration",150)/1e3,be=he(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:m,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${k}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:m,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${be}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function br(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Le(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Le(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=wr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function wr(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:wr(t)}function Le(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;zn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function zn(e,t){let r,n,i,o=me(()=>{h(()=>{r=!0,n||t.before(),i||(t.end(),ke()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:me(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},h(()=>{t.start(),t.during()}),xr(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),h(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(h(()=>{t.end()}),ke(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function he(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var D=!1;function B(e,t=()=>{}){return(...r)=>D?t(...r):e(...r)}function Er(e){return(...t)=>D&&e(...t)}function vr(e,t){e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0)),D=!0,Ar(()=>{S(t,(r,n)=>{n(r,()=>{})})}),D=!1}var vt=!1;function Sr(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),D=!0,vt=!0,Ar(()=>{Vn(t)}),D=!1,vt=!1}function Vn(e){let t=!1;S(e,(n,i)=>{O(n,(o,s)=>{if(t&&Xt(o))return s();t=!0,i(o,s)})})}function Ar(e){let t=I;nt((r,n)=>{let i=t(r);return L(i),()=>{}}),e(),nt(t)}function Or(e){return D?vt?!0:e.hasAttribute("data-has-alpine-state"):!1}function _e(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=T({})),e._x_bindings[t]=r,t=n.includes("camel")?Xn(t):t,t){case"value":Hn(e,r);break;case"style":Un(e,r);break;case"class":qn(e,r);break;case"selected":case"checked":Wn(e,t,r);break;default:Tr(e,t,r);break}}function Hn(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(e.checked=Cr(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Cr(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")Yn(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function qn(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=pe(e,t)}function Un(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=G(e,t)}function Wn(e,t,r){Tr(e,t,r),Jn(e,t,r)}function Tr(e,t,r){[null,void 0,!1].includes(r)&&Zn(t)?e.removeAttribute(t):(Rr(t)&&(r=t),Gn(e,t,r))}function Gn(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function Jn(e,t,r){e[t]!==r&&(e[t]=r)}function Yn(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Xn(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Cr(e,t){return e==t}function Rr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Zn(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Mr(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Pr(e,t,r)}function Nr(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,Pe(()=>R(e,i.expression))}return Pr(e,t,r)}function Pr(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Rr(t)?!![t,"true"].includes(n):n}function $e(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function je(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function Fe({get:e,set:t},{get:r,set:n}){let i=!0,o,s=I(()=>{let a=e(),c=r();if(i)n(St(a)),i=!1,o=JSON.stringify(a);else{let l=JSON.stringify(a);l!==o?(n(St(a)),o=l):(t(St(c)),o=JSON.stringify(c))}JSON.stringify(r()),JSON.stringify(e())});return()=>{L(s)}}function St(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function Ir(e){(Array.isArray(e)?e:[e]).forEach(r=>r(F))}var J={},Dr=!1;function kr(e,t){if(Dr||(J=T(J),Dr=!0),t===void 0)return J[e];J[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&J[e].init(),Te(J[e])}function Lr(){return J}var $r={};function jr(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?At(e,r()):($r[e]=r,()=>{})}function Fr(e){return Object.entries($r).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function At(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=bt(i);return i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),le(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Br={};function Kr(e,t){Br[e]=t}function zr(e,t){return Object.entries(Br).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var Qn={get reactive(){return T},get release(){return L},get effect(){return I},get raw(){return rt},version:"3.13.2",flushAndStopDeferringMutations:ar,dontAutoEvaluateFunctions:Pe,disableEffectScheduling:Vt,startObservingMutations:ce,stopObservingMutations:lt,setReactivityEngine:Ht,onAttributeRemoved:Oe,onAttributesAdded:Se,closestDataStack:$,skipDuringClone:B,onlyDuringClone:Er,addRootSelector:Ee,addInitSelector:ve,addScopeToNode:N,deferMutations:sr,mapAttributes:te,evaluateLater:x,interceptInit:Qt,setEvaluator:fr,mergeProxies:j,extractProp:Nr,findClosest:Z,onElRemoved:Q,closestRoot:U,destroyTree:ae,interceptor:Re,transition:Le,setStyles:G,mutateDom:h,directive:d,entangle:Fe,throttle:je,debounce:$e,evaluate:R,initTree:S,nextTick:re,prefixed:C,prefix:dr,plugin:Ir,magic:y,store:kr,start:Wt,clone:Sr,cloneNode:vr,bound:Mr,$data:Ce,walk:O,data:Kr,bind:jr},F=Qn;function Ot(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ei="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var Rs=Ot(ei+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var Vr=Object.freeze({}),Ms=Object.freeze([]);var ti=Object.prototype.hasOwnProperty,ge=(e,t)=>ti.call(e,t),K=Array.isArray,ne=e=>Hr(e)==="[object Map]";var ri=e=>typeof e=="string",Be=e=>typeof e=="symbol",xe=e=>e!==null&&typeof e=="object";var ni=Object.prototype.toString,Hr=e=>ni.call(e),Ct=e=>Hr(e).slice(8,-1);var Ke=e=>ri(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e;var ze=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},ii=/-(\w)/g,Ns=ze(e=>e.replace(ii,(t,r)=>r?r.toUpperCase():"")),oi=/\B([A-Z])/g,Ps=ze(e=>e.replace(oi,"-$1").toLowerCase()),Tt=ze(e=>e.charAt(0).toUpperCase()+e.slice(1)),Is=ze(e=>e?`on${Tt(e)}`:""),Rt=(e,t)=>e!==t&&(e===e||t===t);var Mt=new WeakMap,ye=[],P,Y=Symbol("iterate"),Nt=Symbol("Map key iterate");function si(e){return e&&e._isEffect===!0}function Yr(e,t=Vr){si(e)&&(e=e.raw);let r=ci(e,t);return t.lazy||r(),r}function Xr(e){e.active&&(Zr(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var ai=0;function ci(e,t){let r=function(){if(!r.active)return e();if(!ye.includes(r)){Zr(r);try{return ui(),ye.push(r),P=r,e()}finally{ye.pop(),Qr(),P=ye[ye.length-1]}}};return r.id=ai++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function Zr(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var ie=!0,It=[];function li(){It.push(ie),ie=!1}function ui(){It.push(ie),ie=!0}function Qr(){let e=It.pop();ie=e===void 0?!0:e}function M(e,t,r){if(!ie||P===void 0)return;let n=Mt.get(e);n||Mt.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(P)||(i.add(P),P.deps.push(i),P.options.onTrack&&P.options.onTrack({effect:P,target:e,type:t,key:r}))}function V(e,t,r,n,i,o){let s=Mt.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==P||p.allowRecurse)&&a.add(p)})};if(t==="clear")s.forEach(c);else if(r==="length"&&K(e))s.forEach((u,p)=>{(p==="length"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case"add":K(e)?Ke(r)&&c(s.get("length")):(c(s.get(Y)),ne(e)&&c(s.get(Nt)));break;case"delete":K(e)||(c(s.get(Y)),ne(e)&&c(s.get(Nt)));break;case"set":ne(e)&&c(s.get(Y));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var fi=Ot("__proto__,__v_isRef,__isVue"),en=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Be)),di=tn();var pi=tn(!0);var qr=mi();function mi(){let e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){let n=_(this);for(let o=0,s=this.length;o<s;o++)M(n,"get",o+"");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(_)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){li();let n=_(this)[t].apply(this,r);return Qr(),n}}),e}function tn(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?Mi:sn:t?Ri:on).get(n))return n;let s=K(n);if(!e&&s&&ge(qr,i))return Reflect.get(qr,i,o);let a=Reflect.get(n,i,o);return(Be(i)?en.has(i):fi(i))||(e||M(n,"get",i),t)?a:Pt(a)?!s||!Ke(i)?a.value:a:xe(a)?e?an(a):Je(a):a}}var hi=_i();function _i(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=_(i),s=_(s),!K(r)&&Pt(s)&&!Pt(i)))return s.value=i,!0;let a=K(r)&&Ke(n)?Number(n)<r.length:ge(r,n),c=Reflect.set(r,n,i,o);return r===_(o)&&(a?Rt(i,s)&&V(r,"set",n,i,s):V(r,"add",n,i)),c}}function gi(e,t){let r=ge(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&V(e,"delete",t,void 0,n),i}function xi(e,t){let r=Reflect.has(e,t);return(!Be(t)||!en.has(t))&&M(e,"has",t),r}function yi(e){return M(e,"iterate",K(e)?"length":Y),Reflect.ownKeys(e)}var bi={get:di,set:hi,deleteProperty:gi,has:xi,ownKeys:yi},wi={get:pi,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}};var Dt=e=>xe(e)?Je(e):e,kt=e=>xe(e)?an(e):e,Lt=e=>e,Ge=e=>Reflect.getPrototypeOf(e);function Ve(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),o=_(t);t!==o&&!r&&M(i,"get",t),!r&&M(i,"get",o);let{has:s}=Ge(i),a=n?Lt:r?kt:Dt;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function He(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&M(n,"has",e),!t&&M(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function qe(e,t=!1){return e=e.__v_raw,!t&&M(_(e),"iterate",Y),Reflect.get(e,"size",e)}function Ur(e){e=_(e);let t=_(this);return Ge(t).has.call(t,e)||(t.add(e),V(t,"add",e,e)),this}function Wr(e,t){t=_(t);let r=_(this),{has:n,get:i}=Ge(r),o=n.call(r,e);o?nn(r,n,e):(e=_(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?Rt(t,s)&&V(r,"set",e,t,s):V(r,"add",e,t),this}function Gr(e){let t=_(this),{has:r,get:n}=Ge(t),i=r.call(t,e);i?nn(t,r,e):(e=_(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&V(t,"delete",e,void 0,o),s}function Jr(){let e=_(this),t=e.size!==0,r=ne(e)?new Map(e):new Set(e),n=e.clear();return t&&V(e,"clear",void 0,void 0,r),n}function Ue(e,t){return function(n,i){let o=this,s=o.__v_raw,a=_(s),c=t?Lt:e?kt:Dt;return!e&&M(a,"iterate",Y),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function We(e,t,r){return function(...n){let i=this.__v_raw,o=_(i),s=ne(o),a=e==="entries"||e===Symbol.iterator&&s,c=e==="keys"&&s,l=i[e](...n),u=r?Lt:t?kt:Dt;return!t&&M(o,"iterate",c?Nt:Y),{next(){let{value:p,done:m}=l.next();return m?{value:p,done:m}:{value:a?[u(p[0]),u(p[1])]:u(p),done:m}},[Symbol.iterator](){return this}}}}function z(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Tt(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}function Ei(){let e={get(o){return Ve(this,o)},get size(){return qe(this)},has:He,add:Ur,set:Wr,delete:Gr,clear:Jr,forEach:Ue(!1,!1)},t={get(o){return Ve(this,o,!1,!0)},get size(){return qe(this)},has:He,add:Ur,set:Wr,delete:Gr,clear:Jr,forEach:Ue(!1,!0)},r={get(o){return Ve(this,o,!0)},get size(){return qe(this,!0)},has(o){return He.call(this,o,!0)},add:z("add"),set:z("set"),delete:z("delete"),clear:z("clear"),forEach:Ue(!0,!1)},n={get(o){return Ve(this,o,!0,!0)},get size(){return qe(this,!0)},has(o){return He.call(this,o,!0)},add:z("add"),set:z("set"),delete:z("delete"),clear:z("clear"),forEach:Ue(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=We(o,!1,!1),r[o]=We(o,!0,!1),t[o]=We(o,!1,!0),n[o]=We(o,!0,!0)}),[e,r,t,n]}var[vi,Si,Ai,Oi]=Ei();function rn(e,t){let r=t?e?Oi:Ai:e?Si:vi;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(ge(r,i)&&i in n?r:n,i,o)}var Ci={get:rn(!1,!1)};var Ti={get:rn(!0,!1)};function nn(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=Ct(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var on=new WeakMap,Ri=new WeakMap,sn=new WeakMap,Mi=new WeakMap;function Ni(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Pi(e){return e.__v_skip||!Object.isExtensible(e)?0:Ni(Ct(e))}function Je(e){return e&&e.__v_isReadonly?e:cn(e,!1,bi,Ci,on)}function an(e){return cn(e,!0,wi,Ti,sn)}function cn(e,t,r,n,i){if(!xe(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=Pi(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function _(e){return e&&_(e.__v_raw)||e}function Pt(e){return Boolean(e&&e.__v_isRef===!0)}y("nextTick",()=>re);y("dispatch",e=>q.bind(q,e));y("watch",(e,{evaluateLater:t,effect:r})=>(n,i)=>{let o=t(n),s=!0,a,c=r(()=>o(l=>{JSON.stringify(l),s?a=l:queueMicrotask(()=>{i(l,a),a=l}),s=!1}));e._x_effects.delete(c)});y("store",Lr);y("data",e=>Ce(e));y("root",e=>U(e));y("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=j(Ii(e))),e._x_refs_proxy));function Ii(e){let t=[],r=e;for(;r;)r._x_refs&&t.push(r._x_refs),r=r.parentNode;return t}var $t={};function jt(e){return $t[e]||($t[e]=0),++$t[e]}function ln(e,t){return Z(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function un(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=jt(t))}y("id",e=>(t,r=null)=>{let n=ln(e,t),i=n?n._x_ids[t]:jt(t);return r?`${t}-${i}-${r}`:`${t}-${i}`});y("el",e=>e);fn("Focus","focus","focus");fn("Persist","persist","persist");function fn(e,t,r){y(t,n=>v(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),s=()=>{let u;return o(p=>u=p),u},a=n(`${t} = __placeholder`),c=u=>a(()=>{},{scope:{__placeholder:u}}),l=s();c(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let u=e._x_model.get,p=e._x_model.set,m=Fe({get(){return u()},set(w){p(w)}},{get(){return s()},set(w){c(w)}});i(m)})});d("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&v("x-teleport can only be used on a <template> tag",e);let i=dn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(a=>{o.addEventListener(a,c=>{c.stopPropagation(),e.dispatchEvent(new c.constructor(c.type,c))})}),N(o,{},e);let s=(a,c,l)=>{l.includes("prepend")?c.parentNode.insertBefore(a,c):l.includes("append")?c.parentNode.insertBefore(a,c.nextSibling):c.appendChild(a)};h(()=>{s(o,i,t),S(o),o._x_ignore=!0}),e._x_teleportPutBack=()=>{let a=dn(r);h(()=>{s(e._x_teleport,a,t)})},n(()=>o.remove())});var Di=document.createElement("div");function dn(e){let t=B(()=>document.querySelector(e),()=>Di)();return t||v(`Cannot find x-teleport element for selector: "${e}"`),t}var pn=()=>{};pn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};d("ignore",pn);d("effect",(e,{expression:t},{effect:r})=>r(x(e,t)));function oe(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes("dot")&&(t=ki(t)),r.includes("camel")&&(t=Li(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let c=r[r.indexOf("debounce")+1]||"invalid-wait",l=Ye(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=$e(o,l)}if(r.includes("throttle")){let c=r[r.indexOf("throttle")+1]||"invalid-wait",l=Ye(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=je(o,l)}return r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),o=a(o,(c,l)=>{ji(t)&&Fi(l,r)||c(l)}),i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function ki(e){return e.replace(/-/g,".")}function Li(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Ye(e){return!Array.isArray(e)&&!isNaN(e)}function $i(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function ji(e){return["keydown","keyup"].includes(e)}function Fi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,Ye((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,Ye((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&mn(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&mn(e.key).includes(r[0]))}function mn(e){if(!e)return[];e=$i(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let s=x(o,r),a;typeof r=="string"?a=x(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?a=x(o,`${r()} = __placeholder`):a=()=>{};let c=()=>{let m;return s(w=>m=w),hn(m)?m.get():m},l=m=>{let w;s(k=>w=k),hn(w)?w.set(m):a(()=>{},{scope:{__placeholder:m}})};typeof r=="string"&&e.type==="radio"&&h(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var u=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let p=D?()=>{}:oe(e,u,t,m=>{l(Bi(e,t,m,c()))});if(t.includes("fill")&&([null,""].includes(c())||e.type==="checkbox"&&Array.isArray(c()))&&e.dispatchEvent(new Event(u,{})),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=p,i(()=>e._x_removeModelListeners.default()),e.form){let m=oe(e.form,"reset",[],w=>{re(()=>e._x_model&&e._x_model.set(e.value))});i(()=>m())}e._x_model={get(){return c()},set(m){l(m)}},e._x_forceModelUpdate=m=>{m===void 0&&typeof r=="string"&&r.match(/\./)&&(m=""),window.fromModel=!0,h(()=>_e(e,"value",m)),delete window.fromModel},n(()=>{let m=c();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(m)})});function Bi(e,t,r,n){return h(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(e.type==="checkbox")if(Array.isArray(n)){let i=t.includes("number")?Ft(r.target.value):r.target.value;return r.target.checked?n.concat([i]):n.filter(o=>!Ki(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Ft(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i=r.target.value;return t.includes("number")?Ft(i):t.includes("trim")?i.trim():i}}})}function Ft(e){let t=e?parseFloat(e):null;return zi(t)?t:e}function Ki(e,t){return e==t}function zi(e){return!Array.isArray(e)&&!isNaN(e)}function hn(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}d("cloak",e=>queueMicrotask(()=>h(()=>e.removeAttribute(C("cloak")))));ve(()=>`[${C("init")}]`);d("init",B((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{h(()=>{e.textContent=o})})})});d("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{h(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,S(e),delete e._x_ignoreSelf})})})});te(Ie(":",De(C("bind:"))));var _n=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o})=>{if(!t){let a={};Fr(a),x(e,n)(l=>{At(e,l,i)},{scope:a});return}if(t==="key")return Vi(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let s=x(e,n);o(()=>s(a=>{a===void 0&&typeof n=="string"&&n.match(/\./)&&(a=""),h(()=>_e(e,t,a,r))}))};_n.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};d("bind",_n);function Vi(e,t){e._x_keyExpression=t}Ee(()=>`[${C("data")}]`);d("data",(e,{expression:t},{cleanup:r})=>{if(Or(e))return;t=t===""?"{}":t;let n={};fe(n,e);let i={};zr(i,n);let o=R(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),fe(o,e);let s=T(o);Te(s);let a=N(e,s);s.init&&R(e,s.init),r(()=>{s.destroy&&R(e,s.destroy),a()})});d("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=x(e,r);e._x_doHide||(e._x_doHide=()=>{h(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{h(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=me(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes("immediate")&&(p?a():o()),c(p),l=p,u=!1)}))});d("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=qi(t),o=x(e,i.items),s=x(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Hi(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>a.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Hi(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),o=e;r(s=>{Ui(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,g])=>{let b=gn(t,g,f,s);n(E=>u.push(E),{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let g=gn(t,s[f],f,s);n(b=>u.push(b),{scope:{index:f,...g}}),l.push(g)}let p=[],m=[],w=[],k=[];for(let f=0;f<c.length;f++){let g=c[f];u.indexOf(g)===-1&&w.push(g)}c=c.filter(f=>!w.includes(f));let be="template";for(let f=0;f<u.length;f++){let g=u[f],b=c.indexOf(g);if(b===-1)c.splice(f,0,g),p.push([be,f]);else if(b!==f){let E=c.splice(f,1)[0],A=c.splice(b-1,1)[0];c.splice(f,0,A),c.splice(b,0,E),m.push([E,A])}else k.push(g);be=g}for(let f=0;f<w.length;f++){let g=w[f];a[g]._x_effects&&a[g]._x_effects.forEach(we),a[g].remove(),a[g]=null,delete a[g]}for(let f=0;f<m.length;f++){let[g,b]=m[f],E=a[g],A=a[b],X=document.createElement("div");h(()=>{A||v('x-for ":key" is undefined or invalid',o),A.after(X),E.after(A),A._x_currentIfEl&&A.after(A._x_currentIfEl),X.before(E),E._x_currentIfEl&&E.after(E._x_currentIfEl),X.remove()}),A._x_refreshXForScope(l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[g,b]=p[f],E=g==="template"?o:a[g];E._x_currentIfEl&&(E=E._x_currentIfEl);let A=l[b],X=u[b],se=document.importNode(o.content,!0).firstElementChild,Kt=T(A);N(se,Kt,o),se._x_refreshXForScope=yn=>{Object.entries(yn).forEach(([bn,wn])=>{Kt[bn]=wn})},h(()=>{E.after(se),S(se)}),typeof X=="object"&&v("x-for key cannot be an object, it must be a string or an integer",o),a[X]=se}for(let f=0;f<k.length;f++)a[k[f]]._x_refreshXForScope(l[u.indexOf(k[f])]);o._x_prevKeys=u})}function qi(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(t);return a?(o.item=s.replace(t,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function gn(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Ui(e){return!Array.isArray(e)&&!isNaN(e)}function xn(){}xn.inline=(e,{expression:t},{cleanup:r})=>{let n=U(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d("ref",xn);d("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&v("x-if can only be used on a <template> tag",e);let i=x(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return N(a,{},e),h(()=>{e.after(a),S(a)}),e._x_currentIfEl=a,e._x_undoIf=()=>{O(a,c=>{c._x_effects&&c._x_effects.forEach(we)}),a.remove(),delete e._x_currentIfEl},a},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>un(e,i))});te(Ie("@",De(C("on:"))));d("on",B((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?x(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=oe(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));Xe("Collapse","collapse","collapse");Xe("Intersect","intersect","intersect");Xe("Focus","trap","focus");Xe("Mask","mask","mask");function Xe(e,t,r){d(t,n=>v(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}F.setEvaluator(ht);F.setReactivityEngine({reactive:Je,effect:Yr,release:Xr,raw:_});var Bt=F;window.Alpine=Bt;queueMicrotask(()=>{Bt.start()});})();
diff --git a/assets/js/livewire-sortable.js b/assets/js/livewire-sortable.js
new file mode 100644
index 0000000..619736e
--- /dev/null
+++ b/assets/js/livewire-sortable.js
@@ -0,0 +1,8 @@
+(()=>{function le(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(n,i).enumerable})),e.push.apply(e,o)}return e}function G(n){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?le(Object(e),!0).forEach(function(o){Pe(n,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):le(Object(e)).forEach(function(o){Object.defineProperty(n,o,Object.getOwnPropertyDescriptor(e,o))})}return n}function It(n){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?It=function(t){return typeof t}:It=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},It(n)}function Pe(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function U(){return U=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},U.apply(this,arguments)}function Me(n,t){if(n==null)return{};var e={},o=Object.keys(n),i,r;for(r=0;r<o.length;r++)i=o[r],!(t.indexOf(i)>=0)&&(e[i]=n[i]);return e}function xe(n,t){if(n==null)return{};var e=Me(n,t),o,i;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);for(i=0;i<r.length;i++)o=r[i],!(t.indexOf(o)>=0)&&(!Object.prototype.propertyIsEnumerable.call(n,o)||(e[o]=n[o]))}return e}var Fe="1.14.0";function q(n){if(typeof window!="undefined"&&window.navigator)return!!navigator.userAgent.match(n)}var $=q(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),bt=q(/Edge/i),se=q(/firefox/i),wt=q(/safari/i)&&!q(/chrome/i)&&!q(/android/i),ue=q(/iP(ad|od|hone)/i),Re=q(/chrome/i)&&q(/android/i),ce={capture:!1,passive:!1};function w(n,t,e){n.addEventListener(t,e,!$&&ce)}function b(n,t,e){n.removeEventListener(t,e,!$&&ce)}function Nt(n,t){if(!!t){if(t[0]===">"&&(t=t.substring(1)),n)try{if(n.matches)return n.matches(t);if(n.msMatchesSelector)return n.msMatchesSelector(t);if(n.webkitMatchesSelector)return n.webkitMatchesSelector(t)}catch(e){return!1}return!1}}function ke(n){return n.host&&n!==document&&n.host.nodeType?n.host:n.parentNode}function W(n,t,e,o){if(n){e=e||document;do{if(t!=null&&(t[0]===">"?n.parentNode===e&&Nt(n,t):Nt(n,t))||o&&n===e)return n;if(n===e)break}while(n=ke(n))}return null}var fe=/\s+/g;function x(n,t,e){if(n&&t)if(n.classList)n.classList[e?"add":"remove"](t);else{var o=(" "+n.className+" ").replace(fe," ").replace(" "+t+" "," ");n.className=(o+(e?" "+t:"")).replace(fe," ")}}function h(n,t,e){var o=n&&n.style;if(o){if(e===void 0)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(n,""):n.currentStyle&&(e=n.currentStyle),t===void 0?e:e[t];!(t in o)&&t.indexOf("webkit")===-1&&(t="-webkit-"+t),o[t]=e+(typeof e=="string"?"":"px")}}function lt(n,t){var e="";if(typeof n=="string")e=n;else do{var o=h(n,"transform");o&&o!=="none"&&(e=o+" "+e)}while(!t&&(n=n.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(e)}function de(n,t,e){if(n){var o=n.getElementsByTagName(t),i=0,r=o.length;if(e)for(;i<r;i++)e(o[i],i);return o}return[]}function K(){var n=document.scrollingElement;return n||document.documentElement}function O(n,t,e,o,i){if(!(!n.getBoundingClientRect&&n!==window)){var r,a,l,s,u,d,f;if(n!==window&&n.parentNode&&n!==K()?(r=n.getBoundingClientRect(),a=r.top,l=r.left,s=r.bottom,u=r.right,d=r.height,f=r.width):(a=0,l=0,s=window.innerHeight,u=window.innerWidth,d=window.innerHeight,f=window.innerWidth),(t||e)&&n!==window&&(i=i||n.parentNode,!$))do if(i&&i.getBoundingClientRect&&(h(i,"transform")!=="none"||e&&h(i,"position")!=="static")){var m=i.getBoundingClientRect();a-=m.top+parseInt(h(i,"border-top-width")),l-=m.left+parseInt(h(i,"border-left-width")),s=a+r.height,u=l+r.width;break}while(i=i.parentNode);if(o&&n!==window){var E=lt(i||n),v=E&&E.a,y=E&&E.d;E&&(a/=y,l/=v,f/=v,d/=y,s=a+d,u=l+f)}return{top:a,left:l,bottom:s,right:u,width:f,height:d}}}function he(n,t,e){for(var o=Q(n,!0),i=O(n)[t];o;){var r=O(o)[e],a=void 0;if(e==="top"||e==="left"?a=i>=r:a=i<=r,!a)return o;if(o===K())break;o=Q(o,!1)}return!1}function st(n,t,e,o){for(var i=0,r=0,a=n.children;r<a.length;){if(a[r].style.display!=="none"&&a[r]!==p.ghost&&(o||a[r]!==p.dragged)&&W(a[r],e.draggable,n,!1)){if(i===t)return a[r];i++}r++}return null}function Kt(n,t){for(var e=n.lastElementChild;e&&(e===p.ghost||h(e,"display")==="none"||t&&!Nt(e,t));)e=e.previousElementSibling;return e||null}function k(n,t){var e=0;if(!n||!n.parentNode)return-1;for(;n=n.previousElementSibling;)n.nodeName.toUpperCase()!=="TEMPLATE"&&n!==p.clone&&(!t||Nt(n,t))&&e++;return e}function pe(n){var t=0,e=0,o=K();if(n)do{var i=lt(n),r=i.a,a=i.d;t+=n.scrollLeft*r,e+=n.scrollTop*a}while(n!==o&&(n=n.parentNode));return[t,e]}function Xe(n,t){for(var e in n)if(!!n.hasOwnProperty(e)){for(var o in t)if(t.hasOwnProperty(o)&&t[o]===n[e][o])return Number(e)}return-1}function Q(n,t){if(!n||!n.getBoundingClientRect)return K();var e=n,o=!1;do if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var i=h(e);if(e.clientWidth<e.scrollWidth&&(i.overflowX=="auto"||i.overflowX=="scroll")||e.clientHeight<e.scrollHeight&&(i.overflowY=="auto"||i.overflowY=="scroll")){if(!e.getBoundingClientRect||e===document.body)return K();if(o||t)return e;o=!0}}while(e=e.parentNode);return K()}function Ye(n,t){if(n&&t)for(var e in t)t.hasOwnProperty(e)&&(n[e]=t[e]);return n}function jt(n,t){return Math.round(n.top)===Math.round(t.top)&&Math.round(n.left)===Math.round(t.left)&&Math.round(n.height)===Math.round(t.height)&&Math.round(n.width)===Math.round(t.width)}var yt;function ge(n,t){return function(){if(!yt){var e=arguments,o=this;e.length===1?n.call(o,e[0]):n.apply(o,e),yt=setTimeout(function(){yt=void 0},t)}}}function Be(){clearTimeout(yt),yt=void 0}function me(n,t,e){n.scrollLeft+=t,n.scrollTop+=e}function ve(n){var t=window.Polymer,e=window.jQuery||window.Zepto;return t&&t.dom?t.dom(n).cloneNode(!0):e?e(n).clone(!0)[0]:n.cloneNode(!0)}var F="Sortable"+new Date().getTime();function He(){var n=[],t;return{captureAnimationState:function(){if(n=[],!!this.options.animation){var o=[].slice.call(this.el.children);o.forEach(function(i){if(!(h(i,"display")==="none"||i===p.ghost)){n.push({target:i,rect:O(i)});var r=G({},n[n.length-1].rect);if(i.thisAnimationDuration){var a=lt(i,!0);a&&(r.top-=a.f,r.left-=a.e)}i.fromRect=r}})}},addAnimationState:function(o){n.push(o)},removeAnimationState:function(o){n.splice(Xe(n,{target:o}),1)},animateAll:function(o){var i=this;if(!this.options.animation){clearTimeout(t),typeof o=="function"&&o();return}var r=!1,a=0;n.forEach(function(l){var s=0,u=l.target,d=u.fromRect,f=O(u),m=u.prevFromRect,E=u.prevToRect,v=l.rect,y=lt(u,!0);y&&(f.top-=y.f,f.left-=y.e),u.toRect=f,u.thisAnimationDuration&&jt(m,f)&&!jt(d,f)&&(v.top-f.top)/(v.left-f.left)==(d.top-f.top)/(d.left-f.left)&&(s=Ge(v,m,E,i.options)),jt(f,d)||(u.prevFromRect=d,u.prevToRect=f,s||(s=i.options.animation),i.animate(u,v,f,s)),s&&(r=!0,a=Math.max(a,s),clearTimeout(u.animationResetTimer),u.animationResetTimer=setTimeout(function(){u.animationTime=0,u.prevFromRect=null,u.fromRect=null,u.prevToRect=null,u.thisAnimationDuration=null},s),u.thisAnimationDuration=s)}),clearTimeout(t),r?t=setTimeout(function(){typeof o=="function"&&o()},a):typeof o=="function"&&o(),n=[]},animate:function(o,i,r,a){if(a){h(o,"transition",""),h(o,"transform","");var l=lt(this.el),s=l&&l.a,u=l&&l.d,d=(i.left-r.left)/(s||1),f=(i.top-r.top)/(u||1);o.animatingX=!!d,o.animatingY=!!f,h(o,"transform","translate3d("+d+"px,"+f+"px,0)"),this.forRepaintDummy=Le(o),h(o,"transition","transform "+a+"ms"+(this.options.easing?" "+this.options.easing:"")),h(o,"transform","translate3d(0,0,0)"),typeof o.animated=="number"&&clearTimeout(o.animated),o.animated=setTimeout(function(){h(o,"transition",""),h(o,"transform",""),o.animated=!1,o.animatingX=!1,o.animatingY=!1},a)}}}}function Le(n){return n.offsetWidth}function Ge(n,t,e,o){return Math.sqrt(Math.pow(t.top-n.top,2)+Math.pow(t.left-n.left,2))/Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))*o.animation}var ut=[],zt={initializeByDefault:!0},Et={mount:function(t){for(var e in zt)zt.hasOwnProperty(e)&&!(e in t)&&(t[e]=zt[e]);ut.forEach(function(o){if(o.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}),ut.push(t)},pluginEvent:function(t,e,o){var i=this;this.eventCanceled=!1,o.cancel=function(){i.eventCanceled=!0};var r=t+"Global";ut.forEach(function(a){!e[a.pluginName]||(e[a.pluginName][r]&&e[a.pluginName][r](G({sortable:e},o)),e.options[a.pluginName]&&e[a.pluginName][t]&&e[a.pluginName][t](G({sortable:e},o)))})},initializePlugins:function(t,e,o,i){ut.forEach(function(l){var s=l.pluginName;if(!(!t.options[s]&&!l.initializeByDefault)){var u=new l(t,e,t.options);u.sortable=t,u.options=t.options,t[s]=u,U(o,u.defaults)}});for(var r in t.options)if(!!t.options.hasOwnProperty(r)){var a=this.modifyOption(t,r,t.options[r]);typeof a!="undefined"&&(t.options[r]=a)}},getEventProperties:function(t,e){var o={};return ut.forEach(function(i){typeof i.eventProperties=="function"&&U(o,i.eventProperties.call(e[i.pluginName],t))}),o},modifyOption:function(t,e,o){var i;return ut.forEach(function(r){!t[r.pluginName]||r.optionListeners&&typeof r.optionListeners[e]=="function"&&(i=r.optionListeners[e].call(t[r.pluginName],o))}),i}};function We(n){var t=n.sortable,e=n.rootEl,o=n.name,i=n.targetEl,r=n.cloneEl,a=n.toEl,l=n.fromEl,s=n.oldIndex,u=n.newIndex,d=n.oldDraggableIndex,f=n.newDraggableIndex,m=n.originalEvent,E=n.putSortable,v=n.extraEventProperties;if(t=t||e&&e[F],!!t){var y,X=t.options,j="on"+o.charAt(0).toUpperCase()+o.substr(1);window.CustomEvent&&!$&&!bt?y=new CustomEvent(o,{bubbles:!0,cancelable:!0}):(y=document.createEvent("Event"),y.initEvent(o,!0,!0)),y.to=a||e,y.from=l||e,y.item=i||e,y.clone=r,y.oldIndex=s,y.newIndex=u,y.oldDraggableIndex=d,y.newDraggableIndex=f,y.originalEvent=m,y.pullMode=E?E.lastPutMode:void 0;var I=G(G({},v),Et.getEventProperties(o,t));for(var Y in I)y[Y]=I[Y];e&&e.dispatchEvent(y),X[j]&&X[j].call(t,y)}}var Ke=["evt"],P=function(t,e){var o=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},i=o.evt,r=xe(o,Ke);Et.pluginEvent.bind(p)(t,e,G({dragEl:c,parentEl:D,ghostEl:g,rootEl:S,nextEl:it,lastDownEl:Pt,cloneEl:_,cloneHidden:J,dragStarted:Dt,putSortable:T,activeSortable:p.active,originalEvent:i,oldIndex:ct,oldDraggableIndex:St,newIndex:R,newDraggableIndex:tt,hideGhostForTarget:_e,unhideGhostForTarget:Ce,cloneNowHidden:function(){J=!0},cloneNowShown:function(){J=!1},dispatchSortableEvent:function(l){N({sortable:e,name:l,originalEvent:i})}},r))};function N(n){We(G({putSortable:T,cloneEl:_,targetEl:c,rootEl:S,oldIndex:ct,oldDraggableIndex:St,newIndex:R,newDraggableIndex:tt},n))}var c,D,g,S,it,Pt,_,J,ct,R,St,tt,Mt,T,ft=!1,xt=!1,Ft=[],rt,B,Ut,qt,be,we,Dt,dt,_t,Ct=!1,Rt=!1,kt,A,$t=[],Vt=!1,Xt=[],Yt=typeof document!="undefined",Bt=ue,ye=bt||$?"cssFloat":"float",je=Yt&&!Re&&!ue&&"draggable"in document.createElement("div"),Ee=function(){if(!!Yt){if($)return!1;var n=document.createElement("x");return n.style.cssText="pointer-events:auto",n.style.pointerEvents==="auto"}}(),Se=function(t,e){var o=h(t),i=parseInt(o.width)-parseInt(o.paddingLeft)-parseInt(o.paddingRight)-parseInt(o.borderLeftWidth)-parseInt(o.borderRightWidth),r=st(t,0,e),a=st(t,1,e),l=r&&h(r),s=a&&h(a),u=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+O(r).width,d=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+O(a).width;if(o.display==="flex")return o.flexDirection==="column"||o.flexDirection==="column-reverse"?"vertical":"horizontal";if(o.display==="grid")return o.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(r&&l.float&&l.float!=="none"){var f=l.float==="left"?"left":"right";return a&&(s.clear==="both"||s.clear===f)?"vertical":"horizontal"}return r&&(l.display==="block"||l.display==="flex"||l.display==="table"||l.display==="grid"||u>=i&&o[ye]==="none"||a&&o[ye]==="none"&&u+d>i)?"vertical":"horizontal"},ze=function(t,e,o){var i=o?t.left:t.top,r=o?t.right:t.bottom,a=o?t.width:t.height,l=o?e.left:e.top,s=o?e.right:e.bottom,u=o?e.width:e.height;return i===l||r===s||i+a/2===l+u/2},Ue=function(t,e){var o;return Ft.some(function(i){var r=i[F].options.emptyInsertThreshold;if(!(!r||Kt(i))){var a=O(i),l=t>=a.left-r&&t<=a.right+r,s=e>=a.top-r&&e<=a.bottom+r;if(l&&s)return o=i}}),o},De=function(t){function e(r,a){return function(l,s,u,d){var f=l.options.group.name&&s.options.group.name&&l.options.group.name===s.options.group.name;if(r==null&&(a||f))return!0;if(r==null||r===!1)return!1;if(a&&r==="clone")return r;if(typeof r=="function")return e(r(l,s,u,d),a)(l,s,u,d);var m=(a?l:s).options.group.name;return r===!0||typeof r=="string"&&r===m||r.join&&r.indexOf(m)>-1}}var o={},i=t.group;(!i||It(i)!="object")&&(i={name:i}),o.name=i.name,o.checkPull=e(i.pull,!0),o.checkPut=e(i.put),o.revertClone=i.revertClone,t.group=o},_e=function(){!Ee&&g&&h(g,"display","none")},Ce=function(){!Ee&&g&&h(g,"display","")};Yt&&document.addEventListener("click",function(n){if(xt)return n.preventDefault(),n.stopPropagation&&n.stopPropagation(),n.stopImmediatePropagation&&n.stopImmediatePropagation(),xt=!1,!1},!0);var at=function(t){if(c){t=t.touches?t.touches[0]:t;var e=Ue(t.clientX,t.clientY);if(e){var o={};for(var i in t)t.hasOwnProperty(i)&&(o[i]=t[i]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[F]._onDragOver(o)}}},qe=function(t){c&&c.parentNode[F]._isOutsideThisEl(t.target)};function p(n,t){if(!(n&&n.nodeType&&n.nodeType===1))throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(n));this.el=n,this.options=t=U({},t),n[F]=this;var e={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(n.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Se(n,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(a,l){a.setData("Text",l.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:p.supportPointer!==!1&&"PointerEvent"in window&&!wt,emptyInsertThreshold:5};Et.initializePlugins(this,n,e);for(var o in e)!(o in t)&&(t[o]=e[o]);De(t);for(var i in this)i.charAt(0)==="_"&&typeof this[i]=="function"&&(this[i]=this[i].bind(this));this.nativeDraggable=t.forceFallback?!1:je,this.nativeDraggable&&(this.options.touchStartThreshold=1),t.supportPointer?w(n,"pointerdown",this._onTapStart):(w(n,"mousedown",this._onTapStart),w(n,"touchstart",this._onTapStart)),this.nativeDraggable&&(w(n,"dragover",this),w(n,"dragenter",this)),Ft.push(this.el),t.store&&t.store.get&&this.sort(t.store.get(this)||[]),U(this,He())}p.prototype={constructor:p,_isOutsideThisEl:function(t){!this.el.contains(t)&&t!==this.el&&(dt=null)},_getDirection:function(t,e){return typeof this.options.direction=="function"?this.options.direction.call(this,t,e,c):this.options.direction},_onTapStart:function(t){if(!!t.cancelable){var e=this,o=this.el,i=this.options,r=i.preventOnFilter,a=t.type,l=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,s=(l||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||s,d=i.filter;if(nn(o),!c&&!(/mousedown|pointerdown/.test(a)&&t.button!==0||i.disabled)&&!u.isContentEditable&&!(!this.nativeDraggable&&wt&&s&&s.tagName.toUpperCase()==="SELECT")&&(s=W(s,i.draggable,o,!1),!(s&&s.animated)&&Pt!==s)){if(ct=k(s),St=k(s,i.draggable),typeof d=="function"){if(d.call(this,t,s,this)){N({sortable:e,rootEl:u,name:"filter",targetEl:s,toEl:o,fromEl:o}),P("filter",e,{evt:t}),r&&t.cancelable&&t.preventDefault();return}}else if(d&&(d=d.split(",").some(function(f){if(f=W(u,f.trim(),o,!1),f)return N({sortable:e,rootEl:f,name:"filter",targetEl:s,fromEl:o,toEl:o}),P("filter",e,{evt:t}),!0}),d)){r&&t.cancelable&&t.preventDefault();return}i.handle&&!W(u,i.handle,o,!1)||this._prepareDragStart(t,l,s)}}},_prepareDragStart:function(t,e,o){var i=this,r=i.el,a=i.options,l=r.ownerDocument,s;if(o&&!c&&o.parentNode===r){var u=O(o);if(S=r,c=o,D=c.parentNode,it=c.nextSibling,Pt=o,Mt=a.group,p.dragged=c,rt={target:c,clientX:(e||t).clientX,clientY:(e||t).clientY},be=rt.clientX-u.left,we=rt.clientY-u.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,c.style["will-change"]="all",s=function(){if(P("delayEnded",i,{evt:t}),p.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents(),!se&&i.nativeDraggable&&(c.draggable=!0),i._triggerDragStart(t,e),N({sortable:i,name:"choose",originalEvent:t}),x(c,a.chosenClass,!0)},a.ignore.split(",").forEach(function(d){de(c,d.trim(),Zt)}),w(l,"dragover",at),w(l,"mousemove",at),w(l,"touchmove",at),w(l,"mouseup",i._onDrop),w(l,"touchend",i._onDrop),w(l,"touchcancel",i._onDrop),se&&this.nativeDraggable&&(this.options.touchStartThreshold=4,c.draggable=!0),P("delayStart",this,{evt:t}),a.delay&&(!a.delayOnTouchOnly||e)&&(!this.nativeDraggable||!(bt||$))){if(p.eventCanceled){this._onDrop();return}w(l,"mouseup",i._disableDelayedDrag),w(l,"touchend",i._disableDelayedDrag),w(l,"touchcancel",i._disableDelayedDrag),w(l,"mousemove",i._delayedDragTouchMoveHandler),w(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&w(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(s,a.delay)}else s()}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){c&&Zt(c),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;b(t,"mouseup",this._disableDelayedDrag),b(t,"touchend",this._disableDelayedDrag),b(t,"touchcancel",this._disableDelayedDrag),b(t,"mousemove",this._delayedDragTouchMoveHandler),b(t,"touchmove",this._delayedDragTouchMoveHandler),b(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||t.pointerType=="touch"&&t,!this.nativeDraggable||e?this.options.supportPointer?w(document,"pointermove",this._onTouchMove):e?w(document,"touchmove",this._onTouchMove):w(document,"mousemove",this._onTouchMove):(w(c,"dragend",this),w(S,"dragstart",this._onDragStart));try{document.selection?Lt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(o){}},_dragStarted:function(t,e){if(ft=!1,S&&c){P("dragStarted",this,{evt:e}),this.nativeDraggable&&w(document,"dragover",qe);var o=this.options;!t&&x(c,o.dragClass,!1),x(c,o.ghostClass,!0),p.active=this,t&&this._appendGhost(),N({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(B){this._lastX=B.clientX,this._lastY=B.clientY,_e();for(var t=document.elementFromPoint(B.clientX,B.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(B.clientX,B.clientY),t!==e);)e=t;if(c.parentNode[F]._isOutsideThisEl(t),e)do{if(e[F]){var o=void 0;if(o=e[F]._onDragOver({clientX:B.clientX,clientY:B.clientY,target:t,rootEl:e}),o&&!this.options.dragoverBubble)break}t=e}while(e=e.parentNode);Ce()}},_onTouchMove:function(t){if(rt){var e=this.options,o=e.fallbackTolerance,i=e.fallbackOffset,r=t.touches?t.touches[0]:t,a=g&&lt(g,!0),l=g&&a&&a.a,s=g&&a&&a.d,u=Bt&&A&&pe(A),d=(r.clientX-rt.clientX+i.x)/(l||1)+(u?u[0]-$t[0]:0)/(l||1),f=(r.clientY-rt.clientY+i.y)/(s||1)+(u?u[1]-$t[1]:0)/(s||1);if(!p.active&&!ft){if(o&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<o)return;this._onDragStart(t,!0)}if(g){a?(a.e+=d-(Ut||0),a.f+=f-(qt||0)):a={a:1,b:0,c:0,d:1,e:d,f};var m="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");h(g,"webkitTransform",m),h(g,"mozTransform",m),h(g,"msTransform",m),h(g,"transform",m),Ut=d,qt=f,B=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!g){var t=this.options.fallbackOnBody?document.body:S,e=O(c,!0,Bt,!0,t),o=this.options;if(Bt){for(A=t;h(A,"position")==="static"&&h(A,"transform")==="none"&&A!==document;)A=A.parentNode;A!==document.body&&A!==document.documentElement?(A===document&&(A=K()),e.top+=A.scrollTop,e.left+=A.scrollLeft):A=K(),$t=pe(A)}g=c.cloneNode(!0),x(g,o.ghostClass,!1),x(g,o.fallbackClass,!0),x(g,o.dragClass,!0),h(g,"transition",""),h(g,"transform",""),h(g,"box-sizing","border-box"),h(g,"margin",0),h(g,"top",e.top),h(g,"left",e.left),h(g,"width",e.width),h(g,"height",e.height),h(g,"opacity","0.8"),h(g,"position",Bt?"absolute":"fixed"),h(g,"zIndex","100000"),h(g,"pointerEvents","none"),p.ghost=g,t.appendChild(g),h(g,"transform-origin",be/parseInt(g.style.width)*100+"% "+we/parseInt(g.style.height)*100+"%")}},_onDragStart:function(t,e){var o=this,i=t.dataTransfer,r=o.options;if(P("dragStart",this,{evt:t}),p.eventCanceled){this._onDrop();return}P("setupClone",this),p.eventCanceled||(_=ve(c),_.draggable=!1,_.style["will-change"]="",this._hideClone(),x(_,this.options.chosenClass,!1),p.clone=_),o.cloneId=Lt(function(){P("clone",o),!p.eventCanceled&&(o.options.removeCloneOnHide||S.insertBefore(_,c),o._hideClone(),N({sortable:o,name:"clone"}))}),!e&&x(c,r.dragClass,!0),e?(xt=!0,o._loopId=setInterval(o._emulateDragOver,50)):(b(document,"mouseup",o._onDrop),b(document,"touchend",o._onDrop),b(document,"touchcancel",o._onDrop),i&&(i.effectAllowed="move",r.setData&&r.setData.call(o,i,c)),w(document,"drop",o),h(c,"transform","translateZ(0)")),ft=!0,o._dragStartId=Lt(o._dragStarted.bind(o,e,t)),w(document,"selectstart",o),Dt=!0,wt&&h(document.body,"user-select","none")},_onDragOver:function(t){var e=this.el,o=t.target,i,r,a,l=this.options,s=l.group,u=p.active,d=Mt===s,f=l.sort,m=T||u,E,v=this,y=!1;if(Vt)return;function X(vt,Ie){P(vt,v,G({evt:t,isOwner:d,axis:E?"vertical":"horizontal",revert:a,dragRect:i,targetRect:r,canSort:f,fromSortable:m,target:o,completed:I,onMove:function(ae,Ne){return Ht(S,e,c,i,ae,O(ae),t,Ne)},changed:Y},Ie))}function j(){X("dragOverAnimationCapture"),v.captureAnimationState(),v!==m&&m.captureAnimationState()}function I(vt){return X("dragOverCompleted",{insertion:vt}),vt&&(d?u._hideClone():u._showClone(v),v!==m&&(x(c,T?T.options.ghostClass:u.options.ghostClass,!1),x(c,l.ghostClass,!0)),T!==v&&v!==p.active?T=v:v===p.active&&T&&(T=null),m===v&&(v._ignoreWhileAnimating=o),v.animateAll(function(){X("dragOverAnimationComplete"),v._ignoreWhileAnimating=null}),v!==m&&(m.animateAll(),m._ignoreWhileAnimating=null)),(o===c&&!c.animated||o===e&&!o.animated)&&(dt=null),!l.dragoverBubble&&!t.rootEl&&o!==document&&(c.parentNode[F]._isOutsideThisEl(t.target),!vt&&at(t)),!l.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),y=!0}function Y(){R=k(c),tt=k(c,l.draggable),N({sortable:v,name:"change",toEl:e,newIndex:R,newDraggableIndex:tt,originalEvent:t})}if(t.preventDefault!==void 0&&t.cancelable&&t.preventDefault(),o=W(o,l.draggable,e,!0),X("dragOver"),p.eventCanceled)return y;if(c.contains(t.target)||o.animated&&o.animatingX&&o.animatingY||v._ignoreWhileAnimating===o)return I(!1);if(xt=!1,u&&!l.disabled&&(d?f||(a=D!==S):T===this||(this.lastPutMode=Mt.checkPull(this,u,c,t))&&s.checkPut(this,u,c,t))){if(E=this._getDirection(t,o)==="vertical",i=O(c),X("dragOverValid"),p.eventCanceled)return y;if(a)return D=S,j(),this._hideClone(),X("revert"),p.eventCanceled||(it?S.insertBefore(c,it):S.appendChild(c)),I(!0);var H=Kt(e,l.draggable);if(!H||Qe(t,E,this)&&!H.animated){if(H===c)return I(!1);if(H&&e===t.target&&(o=H),o&&(r=O(o)),Ht(S,e,c,i,o,r,t,!!o)!==!1)return j(),e.appendChild(c),D=e,Y(),I(!0)}else if(H&&Ze(t,E,this)){var et=st(e,0,l,!0);if(et===c)return I(!1);if(o=et,r=O(o),Ht(S,e,c,i,o,r,t,!1)!==!1)return j(),e.insertBefore(c,et),D=e,Y(),I(!0)}else if(o.parentNode===e){r=O(o);var L=0,nt,ht=c.parentNode!==e,M=!ze(c.animated&&c.toRect||i,o.animated&&o.toRect||r,E),pt=E?"top":"left",V=he(o,"top","top")||he(c,"top","top"),gt=V?V.scrollTop:void 0;dt!==o&&(nt=r[pt],Ct=!1,Rt=!M&&l.invertSwap||ht),L=Je(t,o,r,E,M?1:l.swapThreshold,l.invertedSwapThreshold==null?l.swapThreshold:l.invertedSwapThreshold,Rt,dt===o);var z;if(L!==0){var ot=k(c);do ot-=L,z=D.children[ot];while(z&&(h(z,"display")==="none"||z===g))}if(L===0||z===o)return I(!1);dt=o,_t=L;var mt=o.nextElementSibling,Z=!1;Z=L===1;var At=Ht(S,e,c,i,o,r,t,Z);if(At!==!1)return(At===1||At===-1)&&(Z=At===1),Vt=!0,setTimeout(Ve,30),j(),Z&&!mt?e.appendChild(c):o.parentNode.insertBefore(c,Z?mt:o),V&&me(V,0,gt-V.scrollTop),D=c.parentNode,nt!==void 0&&!Rt&&(kt=Math.abs(nt-O(o)[pt])),Y(),I(!0)}if(e.contains(c))return I(!1)}return!1},_ignoreWhileAnimating:null,_offMoveEvents:function(){b(document,"mousemove",this._onTouchMove),b(document,"touchmove",this._onTouchMove),b(document,"pointermove",this._onTouchMove),b(document,"dragover",at),b(document,"mousemove",at),b(document,"touchmove",at)},_offUpEvents:function(){var t=this.el.ownerDocument;b(t,"mouseup",this._onDrop),b(t,"touchend",this._onDrop),b(t,"pointerup",this._onDrop),b(t,"touchcancel",this._onDrop),b(document,"selectstart",this)},_onDrop:function(t){var e=this.el,o=this.options;if(R=k(c),tt=k(c,o.draggable),P("drop",this,{evt:t}),D=c&&c.parentNode,R=k(c),tt=k(c,o.draggable),p.eventCanceled){this._nulling();return}ft=!1,Rt=!1,Ct=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Qt(this.cloneId),Qt(this._dragStartId),this.nativeDraggable&&(b(document,"drop",this),b(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),wt&&h(document.body,"user-select",""),h(c,"transform",""),t&&(Dt&&(t.cancelable&&t.preventDefault(),!o.dropBubble&&t.stopPropagation()),g&&g.parentNode&&g.parentNode.removeChild(g),(S===D||T&&T.lastPutMode!=="clone")&&_&&_.parentNode&&_.parentNode.removeChild(_),c&&(this.nativeDraggable&&b(c,"dragend",this),Zt(c),c.style["will-change"]="",Dt&&!ft&&x(c,T?T.options.ghostClass:this.options.ghostClass,!1),x(c,this.options.chosenClass,!1),N({sortable:this,name:"unchoose",toEl:D,newIndex:null,newDraggableIndex:null,originalEvent:t}),S!==D?(R>=0&&(N({rootEl:D,name:"add",toEl:D,fromEl:S,originalEvent:t}),N({sortable:this,name:"remove",toEl:D,originalEvent:t}),N({rootEl:D,name:"sort",toEl:D,fromEl:S,originalEvent:t}),N({sortable:this,name:"sort",toEl:D,originalEvent:t})),T&&T.save()):R!==ct&&R>=0&&(N({sortable:this,name:"update",toEl:D,originalEvent:t}),N({sortable:this,name:"sort",toEl:D,originalEvent:t})),p.active&&((R==null||R===-1)&&(R=ct,tt=St),N({sortable:this,name:"end",toEl:D,originalEvent:t}),this.save()))),this._nulling()},_nulling:function(){P("nulling",this),S=c=D=g=it=_=Pt=J=rt=B=Dt=R=tt=ct=St=dt=_t=T=Mt=p.dragged=p.ghost=p.clone=p.active=null,Xt.forEach(function(t){t.checked=!0}),Xt.length=Ut=qt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":c&&(this._onDragOver(t),$e(t));break;case"selectstart":t.preventDefault();break}},toArray:function(){for(var t=[],e,o=this.el.children,i=0,r=o.length,a=this.options;i<r;i++)e=o[i],W(e,a.draggable,this.el,!1)&&t.push(e.getAttribute(a.dataIdAttr)||en(e));return t},sort:function(t,e){var o={},i=this.el;this.toArray().forEach(function(r,a){var l=i.children[a];W(l,this.options.draggable,i,!1)&&(o[r]=l)},this),e&&this.captureAnimationState(),t.forEach(function(r){o[r]&&(i.removeChild(o[r]),i.appendChild(o[r]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return W(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var o=this.options;if(e===void 0)return o[t];var i=Et.modifyOption(this,t,e);typeof i!="undefined"?o[t]=i:o[t]=e,t==="group"&&De(o)},destroy:function(){P("destroy",this);var t=this.el;t[F]=null,b(t,"mousedown",this._onTapStart),b(t,"touchstart",this._onTapStart),b(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(b(t,"dragover",this),b(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(e){e.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),Ft.splice(Ft.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!J){if(P("hideClone",this),p.eventCanceled)return;h(_,"display","none"),this.options.removeCloneOnHide&&_.parentNode&&_.parentNode.removeChild(_),J=!0}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(J){if(P("showClone",this),p.eventCanceled)return;c.parentNode==S&&!this.options.group.revertClone?S.insertBefore(_,c):it?S.insertBefore(_,it):S.appendChild(_),this.options.group.revertClone&&this.animate(c,_),h(_,"display",""),J=!1}}};function $e(n){n.dataTransfer&&(n.dataTransfer.dropEffect="move"),n.cancelable&&n.preventDefault()}function Ht(n,t,e,o,i,r,a,l){var s,u=n[F],d=u.options.onMove,f;return window.CustomEvent&&!$&&!bt?s=new CustomEvent("move",{bubbles:!0,cancelable:!0}):(s=document.createEvent("Event"),s.initEvent("move",!0,!0)),s.to=t,s.from=n,s.dragged=e,s.draggedRect=o,s.related=i||t,s.relatedRect=r||O(t),s.willInsertAfter=l,s.originalEvent=a,n.dispatchEvent(s),d&&(f=d.call(u,s,a)),f}function Zt(n){n.draggable=!1}function Ve(){Vt=!1}function Ze(n,t,e){var o=O(st(e.el,0,e.options,!0)),i=10;return t?n.clientX<o.left-i||n.clientY<o.top&&n.clientX<o.right:n.clientY<o.top-i||n.clientY<o.bottom&&n.clientX<o.left}function Qe(n,t,e){var o=O(Kt(e.el,e.options.draggable)),i=10;return t?n.clientX>o.right+i||n.clientX<=o.right&&n.clientY>o.bottom&&n.clientX>=o.left:n.clientX>o.right&&n.clientY>o.top||n.clientX<=o.right&&n.clientY>o.bottom+i}function Je(n,t,e,o,i,r,a,l){var s=o?n.clientY:n.clientX,u=o?e.height:e.width,d=o?e.top:e.left,f=o?e.bottom:e.right,m=!1;if(!a){if(l&&kt<u*i){if(!Ct&&(_t===1?s>d+u*r/2:s<f-u*r/2)&&(Ct=!0),Ct)m=!0;else if(_t===1?s<d+kt:s>f-kt)return-_t}else if(s>d+u*(1-i)/2&&s<f-u*(1-i)/2)return tn(t)}return m=m||a,m&&(s<d+u*r/2||s>f-u*r/2)?s>d+u/2?1:-1:0}function tn(n){return k(c)<k(n)?1:-1}function en(n){for(var t=n.tagName+n.className+n.src+n.href+n.textContent,e=t.length,o=0;e--;)o+=t.charCodeAt(e);return o.toString(36)}function nn(n){Xt.length=0;for(var t=n.getElementsByTagName("input"),e=t.length;e--;){var o=t[e];o.checked&&Xt.push(o)}}function Lt(n){return setTimeout(n,0)}function Qt(n){return clearTimeout(n)}Yt&&w(document,"touchmove",function(n){(p.active||ft)&&n.cancelable&&n.preventDefault()});p.utils={on:w,off:b,css:h,find:de,is:function(t,e){return!!W(t,e,t,!1)},extend:Ye,throttle:ge,closest:W,toggleClass:x,clone:ve,index:k,nextTick:Lt,cancelNextTick:Qt,detectDirection:Se,getChild:st};p.get=function(n){return n[F]};p.mount=function(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];t[0].constructor===Array&&(t=t[0]),t.forEach(function(o){if(!o.prototype||!o.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));o.utils&&(p.utils=G(G({},p.utils),o.utils)),Et.mount(o)})};p.create=function(n,t){return new p(n,t)};p.version=Fe;var C=[],Ot,Jt,te=!1,ee,ne,Gt,Tt;function on(){function n(){this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0};for(var t in this)t.charAt(0)==="_"&&typeof this[t]=="function"&&(this[t]=this[t].bind(this))}return n.prototype={dragStarted:function(e){var o=e.originalEvent;this.sortable.nativeDraggable?w(document,"dragover",this._handleAutoScroll):this.options.supportPointer?w(document,"pointermove",this._handleFallbackAutoScroll):o.touches?w(document,"touchmove",this._handleFallbackAutoScroll):w(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(e){var o=e.originalEvent;!this.options.dragOverBubble&&!o.rootEl&&this._handleAutoScroll(o)},drop:function(){this.sortable.nativeDraggable?b(document,"dragover",this._handleAutoScroll):(b(document,"pointermove",this._handleFallbackAutoScroll),b(document,"touchmove",this._handleFallbackAutoScroll),b(document,"mousemove",this._handleFallbackAutoScroll)),Oe(),Wt(),Be()},nulling:function(){Gt=Jt=Ot=te=Tt=ee=ne=null,C.length=0},_handleFallbackAutoScroll:function(e){this._handleAutoScroll(e,!0)},_handleAutoScroll:function(e,o){var i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,l=document.elementFromPoint(r,a);if(Gt=e,o||this.options.forceAutoScrollFallback||bt||$||wt){oe(e,this.options,l,o);var s=Q(l,!0);te&&(!Tt||r!==ee||a!==ne)&&(Tt&&Oe(),Tt=setInterval(function(){var u=Q(document.elementFromPoint(r,a),!0);u!==s&&(s=u,Wt()),oe(e,i.options,u,o)},10),ee=r,ne=a)}else{if(!this.options.bubbleScroll||Q(l,!0)===K()){Wt();return}oe(e,this.options,Q(l,!1),!1)}}},U(n,{pluginName:"scroll",initializeByDefault:!0})}function Wt(){C.forEach(function(n){clearInterval(n.pid)}),C=[]}function Oe(){clearInterval(Tt)}var oe=ge(function(n,t,e,o){if(!!t.scroll){var i=(n.touches?n.touches[0]:n).clientX,r=(n.touches?n.touches[0]:n).clientY,a=t.scrollSensitivity,l=t.scrollSpeed,s=K(),u=!1,d;Jt!==e&&(Jt=e,Wt(),Ot=t.scroll,d=t.scrollFn,Ot===!0&&(Ot=Q(e,!0)));var f=0,m=Ot;do{var E=m,v=O(E),y=v.top,X=v.bottom,j=v.left,I=v.right,Y=v.width,H=v.height,et=void 0,L=void 0,nt=E.scrollWidth,ht=E.scrollHeight,M=h(E),pt=E.scrollLeft,V=E.scrollTop;E===s?(et=Y<nt&&(M.overflowX==="auto"||M.overflowX==="scroll"||M.overflowX==="visible"),L=H<ht&&(M.overflowY==="auto"||M.overflowY==="scroll"||M.overflowY==="visible")):(et=Y<nt&&(M.overflowX==="auto"||M.overflowX==="scroll"),L=H<ht&&(M.overflowY==="auto"||M.overflowY==="scroll"));var gt=et&&(Math.abs(I-i)<=a&&pt+Y<nt)-(Math.abs(j-i)<=a&&!!pt),z=L&&(Math.abs(X-r)<=a&&V+H<ht)-(Math.abs(y-r)<=a&&!!V);if(!C[f])for(var ot=0;ot<=f;ot++)C[ot]||(C[ot]={});(C[f].vx!=gt||C[f].vy!=z||C[f].el!==E)&&(C[f].el=E,C[f].vx=gt,C[f].vy=z,clearInterval(C[f].pid),(gt!=0||z!=0)&&(u=!0,C[f].pid=setInterval(function(){o&&this.layer===0&&p.active._onTouchMove(Gt);var mt=C[this.layer].vy?C[this.layer].vy*l:0,Z=C[this.layer].vx?C[this.layer].vx*l:0;typeof d=="function"&&d.call(p.dragged.parentNode[F],Z,mt,n,Gt,C[this.layer].el)!=="continue"||me(C[this.layer].el,Z,mt)}.bind({layer:f}),24))),f++}while(t.bubbleScroll&&m!==s&&(m=Q(m,!1)));te=u}},30),Te=function(t){var e=t.originalEvent,o=t.putSortable,i=t.dragEl,r=t.activeSortable,a=t.dispatchSortableEvent,l=t.hideGhostForTarget,s=t.unhideGhostForTarget;if(!!e){var u=o||r;l();var d=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,f=document.elementFromPoint(d.clientX,d.clientY);s(),u&&!u.el.contains(f)&&(a("spill"),this.onSpill({dragEl:i,putSortable:o}))}};function ie(){}ie.prototype={startIndex:null,dragStart:function(t){var e=t.oldDraggableIndex;this.startIndex=e},onSpill:function(t){var e=t.dragEl,o=t.putSortable;this.sortable.captureAnimationState(),o&&o.captureAnimationState();var i=st(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(e,i):this.sortable.el.appendChild(e),this.sortable.animateAll(),o&&o.animateAll()},drop:Te};U(ie,{pluginName:"revertOnSpill"});function re(){}re.prototype={onSpill:function(t){var e=t.dragEl,o=t.putSortable,i=o||this.sortable;i.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),i.animateAll()},drop:Te};U(re,{pluginName:"removeOnSpill"});p.mount(new on);p.mount(re,ie);var Ae=p;window.Sortable=Ae;if(typeof window.Livewire=="undefined")throw"Livewire Sortable.js Plugin: window.Livewire is undefined. Make sure @livewireScripts is placed above this script include";window.Livewire.directive("sortable",(n,t,e)=>{t.modifiers.length>0||(n.livewire_sortable=window.Sortable.create(n,{draggable:"[wire\\:sortable\\.item]",handle:n.querySelector("[wire\\:sortable\\.handle]")?"[wire\\:sortable\\.handle]":null,sort:!0,dataIdAttr:"wire:sortable.item",group:{name:n.getAttribute("wire:sortable"),pull:!1,put:!1},store:{set:function(o){let i=o.toArray().map((r,a)=>({order:a+1,value:r}));e.call(t.method,i)}}}))});window.Livewire.directive("sortable-group",(n,t,e)=>{!t.modifiers.includes("item-group")||(n.livewire_sortable=window.Sortable.create(n,{draggable:"[wire\\:sortable-group\\.item]",handle:n.querySelector("[wire\\:sortable-group\\.handle]")?"[wire\\:sortable-group\\.handle]":null,sort:!0,dataIdAttr:"wire:sortable-group.item",group:{name:n.closest("[wire\\:sortable-group]").getAttribute("wire:sortable-group"),pull:!0,put:!0},onSort:()=>{let o=n.closest("[wire\\:sortable-group]"),i=Array.from(o.querySelectorAll("[wire\\:sortable-group\\.item-group]")).map((r,a)=>({order:a+1,value:r.getAttribute("wire:sortable-group.item-group"),items:r.livewire_sortable.toArray().map((l,s)=>({order:s+1,value:l}))}));e.call(o.getAttribute("wire:sortable-group"),i)}}))});})();
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+//# sourceMappingURL=livewire-sortable.js.map
diff --git a/composer.json b/composer.json
index 366fd8e..7bf79c5 100644
--- a/composer.json
+++ b/composer.json
@@ -18,6 +18,8 @@
         "laravel/framework": "^9.52.4",
         "laravel/socialite": "^5.5",
         "laravel/tinker": "^2.5",
+        "livewire/livewire": "^2.12",
+        "rappasoft/laravel-livewire-tables": "^2.15",
         "spatie/laravel-backup": "^8.17"
     },
     "require-dev": {
diff --git a/composer.lock b/composer.lock
index a9dc60e..b6cfa07 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "f681cfe300acd922f41ba6210924fd7f",
+    "content-hash": "b2eafc10eb774aaa9bb7ce8353b44da2",
     "packages": [
         {
             "name": "awssat/laravel-visits",
@@ -2962,6 +2962,79 @@
             ],
             "time": "2021-06-28T04:27:21+00:00"
         },
+        {
+            "name": "livewire/livewire",
+            "version": "v2.12.6",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/livewire/livewire.git",
+                "reference": "7d3a57b3193299cf1a0639a3935c696f4da2cf92"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/livewire/livewire/zipball/7d3a57b3193299cf1a0639a3935c696f4da2cf92",
+                "reference": "7d3a57b3193299cf1a0639a3935c696f4da2cf92",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/database": "^7.0|^8.0|^9.0|^10.0",
+                "illuminate/support": "^7.0|^8.0|^9.0|^10.0",
+                "illuminate/validation": "^7.0|^8.0|^9.0|^10.0",
+                "league/mime-type-detection": "^1.9",
+                "php": "^7.2.5|^8.0",
+                "symfony/http-kernel": "^5.0|^6.0"
+            },
+            "require-dev": {
+                "calebporzio/sushi": "^2.1",
+                "laravel/framework": "^7.0|^8.0|^9.0|^10.0",
+                "mockery/mockery": "^1.3.1",
+                "orchestra/testbench": "^5.0|^6.0|^7.0|^8.0",
+                "orchestra/testbench-dusk": "^5.2|^6.0|^7.0|^8.0",
+                "phpunit/phpunit": "^8.4|^9.0",
+                "psy/psysh": "@stable"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Livewire\\LivewireServiceProvider"
+                    ],
+                    "aliases": {
+                        "Livewire": "Livewire\\Livewire"
+                    }
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Livewire\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Caleb Porzio",
+                    "email": "calebporzio@gmail.com"
+                }
+            ],
+            "description": "A front-end framework for Laravel.",
+            "support": {
+                "issues": "https://github.com/livewire/livewire/issues",
+                "source": "https://github.com/livewire/livewire/tree/v2.12.6"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/livewire",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-08-11T04:02:34+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "2.9.1",
@@ -4460,6 +4533,78 @@
             ],
             "time": "2023-04-15T23:01:58+00:00"
         },
+        {
+            "name": "rappasoft/laravel-livewire-tables",
+            "version": "v2.15.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/rappasoft/laravel-livewire-tables.git",
+                "reference": "26c596d4d4bb0e0efdfcd48de16071fc5ed969ef"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/rappasoft/laravel-livewire-tables/zipball/26c596d4d4bb0e0efdfcd48de16071fc5ed969ef",
+                "reference": "26c596d4d4bb0e0efdfcd48de16071fc5ed969ef",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/contracts": "^8.0|^9.0|^10.0",
+                "livewire/livewire": "^2.6",
+                "php": "^7.4|^8.0|^8.1|^8.2",
+                "spatie/laravel-package-tools": "^1.4.3"
+            },
+            "require-dev": {
+                "brianium/paratest": "^4.0|^5.0|^6.0|^7.0",
+                "ext-sqlite3": "*",
+                "nunomaduro/collision": "^4.0|^5.0|^6.0|^7.0",
+                "orchestra/testbench": "^6.0|^7.0|^8.0",
+                "phpunit/phpunit": "^9.0|^10.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Rappasoft\\LaravelLivewireTables\\LaravelLivewireTablesServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Rappasoft\\LaravelLivewireTables\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Anthony Rappa",
+                    "email": "rappa819@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A dynamic table component for Laravel Livewire",
+            "homepage": "https://github.com/rappasoft/laravel-livewire-tables",
+            "keywords": [
+                "datatables",
+                "laravel",
+                "livewire",
+                "rappasoft",
+                "tables"
+            ],
+            "support": {
+                "issues": "https://github.com/rappasoft/laravel-livewire-tables/issues",
+                "source": "https://github.com/rappasoft/laravel-livewire-tables/tree/v2.15.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/rappasoft",
+                    "type": "github"
+                }
+            ],
+            "time": "2023-07-15T19:50:12+00:00"
+        },
         {
             "name": "spatie/db-dumper",
             "version": "3.4.0",
diff --git a/config/app.php b/config/app.php
index 2d82abb..5d7e3da 100755
--- a/config/app.php
+++ b/config/app.php
@@ -181,6 +181,7 @@ return [
         Illuminate\Validation\ValidationServiceProvider::class,
         Illuminate\View\ViewServiceProvider::class,
         Laravel\Socialite\SocialiteServiceProvider::class,
+        App\Providers\LivewireServiceProvider::class,
 
 
 
diff --git a/config/livewire-tables.php b/config/livewire-tables.php
new file mode 100644
index 0000000..eb949f7
--- /dev/null
+++ b/config/livewire-tables.php
@@ -0,0 +1,8 @@
+<?php
+
+return [
+    /**
+     * Options: tailwind | bootstrap-4 | bootstrap-5.
+     */
+    'theme' => 'bootstrap-5',
+];
diff --git a/config/livewire.php b/config/livewire.php
new file mode 100644
index 0000000..59f8d5c
--- /dev/null
+++ b/config/livewire.php
@@ -0,0 +1,158 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Class Namespace
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the root namespace for Livewire component classes in
+    | your application. This value affects component auto-discovery and
+    | any Livewire file helper commands, like `artisan make:livewire`.
+    |
+    | After changing this item, run: `php artisan livewire:discover`.
+    |
+    */
+
+    'class_namespace' => 'App\\Http\\Livewire',
+
+    /*
+    |--------------------------------------------------------------------------
+    | View Path
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path for Livewire component views. This affects
+    | file manipulation helper commands like `artisan make:livewire`.
+    |
+    */
+
+    'view_path' => resource_path('views/livewire'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Layout
+    |--------------------------------------------------------------------------
+    | The default layout view that will be used when rendering a component via
+    | Route::get('/some-endpoint', SomeComponent::class);. In this case the
+    | the view returned by SomeComponent will be wrapped in "layouts.app"
+    |
+    */
+
+    'layout' => 'layouts.app',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Assets URL
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path to Livewire JavaScript assets, for cases where
+    | your app's domain root is not the correct path. By default, Livewire
+    | will load its JavaScript assets from the app's "relative root".
+    |
+    | Examples: "/assets", "myurl.com/app".
+    |
+    */
+
+    'asset_url' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire App URL
+    |--------------------------------------------------------------------------
+    |
+    | This value should be used if livewire assets are served from CDN.
+    | Livewire will communicate with an app through this url.
+    |
+    | Examples: "https://my-app.com", "myurl.com/app".
+    |
+    */
+
+    'app_url' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Endpoint Middleware Group
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the middleware group that will be applied to the main
+    | Livewire "message" endpoint (the endpoint that gets hit everytime
+    | a Livewire component updates). It is set to "web" by default.
+    |
+    */
+
+    'middleware_group' => 'web',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Livewire Temporary File Uploads Endpoint Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Livewire handles file uploads by storing uploads in a temporary directory
+    | before the file is validated and stored permanently. All file uploads
+    | are directed to a global endpoint for temporary storage. The config
+    | items below are used for customizing the way the endpoint works.
+    |
+    */
+
+    'temporary_file_upload' => [
+        'disk' => null,        // Example: 'local', 's3'              Default: 'default'
+        'rules' => null,       // Example: ['file', 'mimes:png,jpg']  Default: ['required', 'file', 'max:12288'] (12MB)
+        'directory' => null,   // Example: 'tmp'                      Default  'livewire-tmp'
+        'middleware' => null,  // Example: 'throttle:5,1'             Default: 'throttle:60,1'
+        'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs.
+            'png', 'gif', 'bmp', 'svg', 'wav', 'mp4',
+            'mov', 'avi', 'wmv', 'mp3', 'm4a',
+            'jpg', 'jpeg', 'mpga', 'webp', 'wma',
+        ],
+        'max_upload_time' => 5, // Max duration (in minutes) before an upload gets invalidated.
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Manifest File Path
+    |--------------------------------------------------------------------------
+    |
+    | This value sets the path to the Livewire manifest file.
+    | The default should work for most cases (which is
+    | "<app_root>/bootstrap/cache/livewire-components.php"), but for specific
+    | cases like when hosting on Laravel Vapor, it could be set to a different value.
+    |
+    | Example: for Laravel Vapor, it would be "/tmp/storage/bootstrap/cache/livewire-components.php".
+    |
+    */
+
+    'manifest_path' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Back Button Cache
+    |--------------------------------------------------------------------------
+    |
+    | This value determines whether the back button cache will be used on pages
+    | that contain Livewire. By disabling back button cache, it ensures that
+    | the back button shows the correct state of components, instead of
+    | potentially stale, cached data.
+    |
+    | Setting it to "false" (default) will disable back button cache.
+    |
+    */
+
+    'back_button_cache' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Render On Redirect
+    |--------------------------------------------------------------------------
+    |
+    | This value determines whether Livewire will render before it's redirected
+    | or not. Setting it to "false" (default) will mean the render method is
+    | skipped when redirecting. And "true" will mean the render method is
+    | run before redirecting. Browsers bfcache can store a potentially
+    | stale view if render is skipped on redirect.
+    |
+    */
+
+    'render_on_redirect' => false,
+
+];
diff --git a/resources/views/components/table-components/action.blade.php b/resources/views/components/table-components/action.blade.php
new file mode 100644
index 0000000..3036f30
--- /dev/null
+++ b/resources/views/components/table-components/action.blade.php
@@ -0,0 +1,39 @@
+@if($user->role == 'admin' and $user->id == 1)<center>-</center>
+@else
+<div class="flex align-items-center list-user-action">
+  <a class="btn btn-sm btn-icon btn-success" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.All links')}}" href="{{ route('showLinksUser', $user->id ) }}" aria-label="All links" data-bs-original-title="All links">
+     <span class="btn-inner">
+        <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle>
+          <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+        </svg>                                                               
+     </span>
+  </a>
+  <a class="btn btn-sm btn-icon btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Edit')}}" href="{{ route('editUser', $user->id ) }}" aria-label="Edit" data-bs-original-title="Edit">
+     <span class="btn-inner">
+        <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+           <path d="M11.4925 2.78906H7.75349C4.67849 2.78906 2.75049 4.96606 2.75049 8.04806V16.3621C2.75049 19.4441 4.66949 21.6211 7.75349 21.6211H16.5775C19.6625 21.6211 21.5815 19.4441 21.5815 16.3621V12.3341" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+           <path fill-rule="evenodd" clip-rule="evenodd" d="M8.82812 10.921L16.3011 3.44799C17.2321 2.51799 18.7411 2.51799 19.6721 3.44799L20.8891 4.66499C21.8201 5.59599 21.8201 7.10599 20.8891 8.03599L13.3801 15.545C12.9731 15.952 12.4211 16.181 11.8451 16.181H8.09912L8.19312 12.401C8.20712 11.845 8.43412 11.315 8.82812 10.921Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+           <path d="M15.1655 4.60254L19.7315 9.16854" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+        </svg>
+     </span>
+  </a>
+  <a class="btn btn-sm btn-icon btn-primary" style="@if(!$user->adminUser && Auth::user()->id !== $user->id && $user->block !== 'yes' && ($user->email_verified_at != '' || env('REGISTER_AUTH') == 'auth')) background:#3a57e8;border-color:#3a57e8; @else background:#6c757d;border-color:#6c757d; @endif" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Impersonate')}}" @if(!$user->adminUser && Auth::user()->id !== $user->id && $user->block !== 'yes' && ($user->email_verified_at != '' || env('REGISTER_AUTH') == 'auth')) href="{{ route('authAsID', $user->id ) }}" @endif aria-label="Impersonate" data-bs-original-title="Impersonate">
+    <span class="btn-inner">   
+       <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.59151 15.2068C13.2805 15.2068 16.4335 15.7658 16.4335 17.9988C16.4335 20.2318 13.3015 20.8068 9.59151 20.8068C5.90151 20.8068 2.74951 20.2528 2.74951 18.0188C2.74951 15.7848 5.88051 15.2068 9.59151 15.2068Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.59157 12.0198C7.16957 12.0198 5.20557 10.0568 5.20557 7.63476C5.20557 5.21276 7.16957 3.24976 9.59157 3.24976C12.0126 3.24976 13.9766 5.21276 13.9766 7.63476C13.9856 10.0478 12.0356 12.0108 9.62257 12.0198H9.59157Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                    <path d="M16.4829 10.8815C18.0839 10.6565 19.3169 9.28253 19.3199 7.61953C19.3199 5.98053 18.1249 4.62053 16.5579 4.36353" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                    <path d="M18.5952 14.7322C20.1462 14.9632 21.2292 15.5072 21.2292 16.6272C21.2292 17.3982 20.7192 17.8982 19.8952 18.2112" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+       </svg>                                                               
+    </span>
+ </a>
+  <a class="btn btn-sm btn-icon btn-danger confirmation" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Delete')}}" href="{{ route('deleteUser', ['id' => $user->id] ) }}" aria-label="Delete" data-bs-original-title="Delete">
+     <span class="btn-inner">
+        <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
+           <path d="M19.3248 9.46826C19.3248 9.46826 18.7818 16.2033 18.4668 19.0403C18.3168 20.3953 17.4798 21.1893 16.1088 21.2143C13.4998 21.2613 10.8878 21.2643 8.27979 21.2093C6.96079 21.1823 6.13779 20.3783 5.99079 19.0473C5.67379 16.1853 5.13379 9.46826 5.13379 9.46826" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+           <path d="M20.708 6.23975H3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+           <path d="M17.4406 6.23973C16.6556 6.23973 15.9796 5.68473 15.8256 4.91573L15.5826 3.69973C15.4326 3.13873 14.9246 2.75073 14.3456 2.75073H10.1126C9.53358 2.75073 9.02558 3.13873 8.87558 3.69973L8.63258 4.91573C8.47858 5.68473 7.80258 6.23973 7.01758 6.23973" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+        </svg>
+     </span>
+  </a>
+</div>
+@endif
\ No newline at end of file
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
index e504803..74ad3c4 100755
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -791,7 +791,6 @@ $usrhandl = Auth::user()->littlelink_name;
 <script src="{{ asset('assets/js/jquery-block-ui.js') }}"></script>
 <script src="{{ asset('assets/js/main-dashboard.js') }}"></script>
 
-
 @stack('sidebar-scripts')
 
   </body>
diff --git a/resources/views/panel/users.blade.php b/resources/views/panel/users.blade.php
index 3484957..a18a0f2 100755
--- a/resources/views/panel/users.blade.php
+++ b/resources/views/panel/users.blade.php
@@ -4,7 +4,9 @@
 
 @section('content')
 
-<style>#cs{cursor: pointer;}.delete{color:transparent; background-color:tomato; border-radius:5px; padding:8px 12px; cursor: pointer;}.delete:hover{color:transparent;background-color:#f13d1d;}html,body{max-width:100%;overflow-x:hidden;}.shorten{cursor:help;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}</style>
+<style>
+  [x-cloak] { display: none !important; }
+</style>
 
 <div class="conatiner-fluid content-inner mt-n5 py-0">
   <div class="row">   
@@ -19,143 +21,100 @@
                       <section class="text-gray-400">
                         <h2 class="mb-4 card-header"><i class="bi bi-person"> {{__('messages.Manage Users')}}</i></h2>
                         <div class="card-body p-0 p-md-3">
-                
-                        <form action="{{ route('searchUser') }}" method="post">
-                        @csrf
-                          <div class="row">
-                            <div class="col-lg-8">
-                              <div class="input-group mb-3">
-                                <input type="text" name="name" placeholder="{{__('messages.Search user')}}" class="form-control">
-                                <div class="input-group-append">
-                                  <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i></button>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </form>
-                        {{__('messages.Users:')}}
-                        <a href="{{ url('') }}/admin/users/all">All</a> - 
-                        <a href="{{ url('') }}/admin/users/user">User</a> - 
-                        <a href="{{ url('') }}/admin/users/vip">Vip</a> - 
-                        <a href="{{ url('') }}/admin/users/admin">Admin</a> 
-                
-                        <div class="row"><div class="table-responsive">
-                          <table id="sortable" class="table table-stripped">
-                            <thead>
-                              <tr>
-                                <th id="cs" scope="col" data-sort="id" data-order="asc">{{__('messages.ID')}}</th>
-                                <th id="cs" scope="col" data-sort="name" data-order="asc">{{__('messages.Name')}}</th>
-                                <th id="cs" scope="col" data-sort="email" data-order="asc">{{__('messages.E-Mail')}}</th>
-                                <th id="cs" scope="col" data-sort="page" data-order="asc">{{__('messages.Page')}}</th>
-                                <th id="cs" scope="col" data-sort="role" data-order="asc">{{__('messages.Role')}}</th>              
-                                <th id="cs" scope="col" data-sort="links" data-order="asc">{{__('messages.Links')}}</th>
-                                <th id="cs" scope="col" data-sort="clicks" data-order="asc">{{__('messages.Clicks')}}</th>
-                                <th id="cs" scope="col" data-sort="created" data-order="asc">{{__('messages.Created at')}}</th>
-                                <th id="cs" scope="col" data-sort="last" data-order="asc">{{__('messages.Last seen')}}</th>
-                                @if(env('REGISTER_AUTH') !== 'auth')<th id="cs" scope="col">{{__('messages.E-Mail')}}</th>@endif
-                                <th id="cs" scope="col" data-sort="block" data-order="asc">{{__('messages.Status')}}</th>
-                                <th scope="col" data-sortable="false">{{__('messages.Action')}}</th>
-                              </tr>
-                            </thead>
-                            <tbody>
-                            @foreach($users as $user)
-                            @php
-                            $dateFormat = __('messages.date.format');
-                  
-                            $date = date($dateFormat, strtotime($user->created_at));
-                            if(!isset($user->created_at)){$date = __('messages.N/A');}
-                  
-                            $lastSeen = $user->updated_at;
-                            $lastSeenDate = date($dateFormat, strtotime($lastSeen));
-                            $timezone = new DateTimeZone(date_default_timezone_get()); 
-                            $datetime = new DateTime($lastSeen, $timezone);
-                            $now = new DateTime(null, $timezone);
-                            $interval = $now->diff($datetime);
-                            $daysAgo = $interval->days." ".__('messages.days ago');
-                            if($interval->days == 1) $daysAgo = __('messages.1 day ago');
-                            if($interval->days == 0) $daysAgo = __('messages.Today');
-                            if ($interval->days >= 365) {
-                            $yearsAgo = floor($interval->days / 365);
-                            if ($yearsAgo == 1) {
-                                $daysAgo = __('messages.1 year ago');
-                            } else {
-                                $daysAgo = $yearsAgo . __('messages.years ago');
-                            }}
-                            @endphp
-                              <tr>
-                                <td data-id>{{ $user->id }}</td>
-                                <td class="shorten" title="{{ $user->name }}" data-name> {{ $user->name }} </td>
-                                <td class="shorten" title="{{ $user->email }}" data-email> {{ $user->email }} </td>
-                                <td class="shorten" title="{{ $user->littlelink_name }}" data-page>@if(isset($user->littlelink_name))<a href="{{ url('') }}/@<?= $user->littlelink_name ?>" target="_blank" class="text-info"><i class="bi bi-box-arrow-up-right"></i>&nbsp; {{ $user->littlelink_name }} </a>@else {{__('messages.N/A')}} @endif</td>
-                                <td data-role>{{ $user->role }}</td>
-                                <td data-links>{{$user->links}}</td>
-                                <td data-clicks>{{$user->clicks}}</td>
-                                <td data-created>{{$date}}</td>
-                                <td class="shorten" data-last title="{{ $lastSeenDate }}">{{$daysAgo}}</td>
-                                @if(env('REGISTER_AUTH') !== 'auth')
-                                <td>@if($user->role == 'admin' and $user->email_verified_at != '')<center>-</center> @else
-                                <a href="{{ route('verifyUser', ['verify' => '-' . $user->email_verified_at, 'id' => $user->id] ) }}" class="text-danger">@if($user->email_verified_at == '')<span class="badge bg-danger">{{__('messages.Pending')}}</span>@else<span class="badge bg-success">{{__('messages.Verified')}}</span></a>@endif</td>
-                                @endif
-                                @endif
-                                <td>@if($user->role == 'admin' and $user->id == 1)<center>-</center>@else<a href="{{ route('blockUser', ['block' => $user->block, 'id' => $user->id] ) }}">@if($user->block == 'yes') <span class="badge bg-danger">{{__('messages.Pending')}}</span> @elseif($user->block == 'no') <span class="badge bg-success">{{__('messages.Approved')}}</span> @endif</a>@endif</td>
-                                <td>
-                                  @if($user->role == 'admin' and $user->id == 1)<center>-</center>
-                                  @else
-                                  <div class="flex align-items-center list-user-action">
-                                    <a class="btn btn-sm btn-icon btn-success" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.All links')}}" href="{{ route('showLinksUser', $user->id ) }}" aria-label="All links" data-bs-original-title="All links">
-                                       <span class="btn-inner">   
-                                          <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                            <circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle>
-                                            <path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                          </svg>                                                               
-                                       </span>
-                                    </a>
-                                    <a class="btn btn-sm btn-icon btn-warning" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Edit')}}" href="{{ route('editUser', $user->id ) }}" aria-label="Edit" data-bs-original-title="Edit">
-                                       <span class="btn-inner">
-                                          <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                             <path d="M11.4925 2.78906H7.75349C4.67849 2.78906 2.75049 4.96606 2.75049 8.04806V16.3621C2.75049 19.4441 4.66949 21.6211 7.75349 21.6211H16.5775C19.6625 21.6211 21.5815 19.4441 21.5815 16.3621V12.3341" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                             <path fill-rule="evenodd" clip-rule="evenodd" d="M8.82812 10.921L16.3011 3.44799C17.2321 2.51799 18.7411 2.51799 19.6721 3.44799L20.8891 4.66499C21.8201 5.59599 21.8201 7.10599 20.8891 8.03599L13.3801 15.545C12.9731 15.952 12.4211 16.181 11.8451 16.181H8.09912L8.19312 12.401C8.20712 11.845 8.43412 11.315 8.82812 10.921Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                             <path d="M15.1655 4.60254L19.7315 9.16854" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                          </svg>
-                                       </span>
-                                    </a>
-                                    <a class="btn btn-sm btn-icon btn-primary" style="@if(!$user->adminUser && Auth::user()->id !== $user->id && $user->block !== 'yes' && ($user->email_verified_at != '' || env('REGISTER_AUTH') == 'auth')) background:#3a57e8;border-color:#3a57e8; @else background:#6c757d;border-color:#6c757d; @endif" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Impersonate')}}" @if(!$user->adminUser && Auth::user()->id !== $user->id && $user->block !== 'yes' && ($user->email_verified_at != '' || env('REGISTER_AUTH') == 'auth')) href="{{ route('authAsID', $user->id ) }}" @endif aria-label="Impersonate" data-bs-original-title="Impersonate">
-                                      <span class="btn-inner">   
-                                         <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.59151 15.2068C13.2805 15.2068 16.4335 15.7658 16.4335 17.9988C16.4335 20.2318 13.3015 20.8068 9.59151 20.8068C5.90151 20.8068 2.74951 20.2528 2.74951 18.0188C2.74951 15.7848 5.88051 15.2068 9.59151 15.2068Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.59157 12.0198C7.16957 12.0198 5.20557 10.0568 5.20557 7.63476C5.20557 5.21276 7.16957 3.24976 9.59157 3.24976C12.0126 3.24976 13.9766 5.21276 13.9766 7.63476C13.9856 10.0478 12.0356 12.0108 9.62257 12.0198H9.59157Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                    <path d="M16.4829 10.8815C18.0839 10.6565 19.3169 9.28253 19.3199 7.61953C19.3199 5.98053 18.1249 4.62053 16.5579 4.36353" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>                                    <path d="M18.5952 14.7322C20.1462 14.9632 21.2292 15.5072 21.2292 16.6272C21.2292 17.3982 20.7192 17.8982 19.8952 18.2112" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                         </svg>                                                               
-                                      </span>
-                                   </a>
-                                    <a class="btn btn-sm btn-icon btn-danger confirmation" data-bs-toggle="tooltip" data-bs-placement="top" data-original-title="{{__('messages.tt.Delete')}}" href="{{ route('deleteUser', ['id' => $user->id] ) }}" aria-label="Delete" data-bs-original-title="Delete">
-                                       <span class="btn-inner">
-                                          <svg class="icon-20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
-                                             <path d="M19.3248 9.46826C19.3248 9.46826 18.7818 16.2033 18.4668 19.0403C18.3168 20.3953 17.4798 21.1893 16.1088 21.2143C13.4998 21.2613 10.8878 21.2643 8.27979 21.2093C6.96079 21.1823 6.13779 20.3783 5.99079 19.0473C5.67379 16.1853 5.13379 9.46826 5.13379 9.46826" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                             <path d="M20.708 6.23975H3.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                             <path d="M17.4406 6.23973C16.6556 6.23973 15.9796 5.68473 15.8256 4.91573L15.5826 3.69973C15.4326 3.13873 14.9246 2.75073 14.3456 2.75073H10.1126C9.53358 2.75073 9.02558 3.13873 8.87558 3.69973L8.63258 4.91573C8.47858 5.68473 7.80258 6.23973 7.01758 6.23973" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-                                          </svg>
-                                       </span>
-                                    </a>
-                                 </div>
-                                  @endif
-                                </td>
-                              </tr>
-                              @endforeach
-                            </tbody>
-                          </table>
-                        </div></div></div>
+
+                        <livewire:user-table />
+                        
                         <a href="{{ url('') }}/admin/new-user">+ {{__('messages.Add new user')}}</a>
                 
-                              <script type="text/javascript">
-                                var elems = document.getElementsByClassName('confirmation');
-                                var confirmIt = function (e) {
-                                    if (!confirm("{{__('messages.confirm.delete.user')}}")) e.preventDefault();
-                                };
-                                for (var i = 0, l = elems.length; i < l; i++) {
-                                    elems[i].addEventListener('click', confirmIt, false);
-                                }
-                              </script>
-                
+                        <script type="text/javascript">
+                          // Function to confirm and delete users
+                          var elems = document.getElementsByClassName('confirmation');
+                          var confirmIt = function (e) {
+                              e.preventDefault();
+                              if (confirm("{{ __('messages.confirm.delete.user') }}")) {
+                                  var userId = this.getAttribute('data-id');
+                                  deleteUserData(userId);
+                              }
+                          };
+                          
+                          var deleteUserData = function(userId) {
+                              var url = "{{ route('deleteTableUser', ['id' => ':id']) }}".replace(':id', userId);
+                              var xhr = new XMLHttpRequest();
+                              xhr.open('POST', url, true);
+                              xhr.setRequestHeader('X-CSRF-TOKEN', '{{ csrf_token() }}');
+                              xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
+                              xhr.onreadystatechange = function () {
+                                  if (xhr.readyState === 4 && xhr.status === 200) {
+                                      refreshLivewireTable();
+                                  }
+                              };
+                              var data = JSON.stringify({ id: userId });
+                              xhr.send(data);
+                          };
+                          
+                          // Function to refresh the Livewire table
+                          var refreshLivewireTable = function () {
+                            Livewire.components.getComponentsByName('user-table')[0].$wire.$refresh()
+                          };
+                          
+                          // Attach click event listeners to elements with class 'confirmation'
+                          for (var i = 0, l = elems.length; i < l; i++) {
+                              elems[i].addEventListener('click', confirmIt, false);
+                          }
+                       </script>
+                       <script type="text/javascript">
+                          // Function to handle user verification requests
+                          var elems = document.getElementsByClassName('user-email');
+                          
+                          var handleUserClick = function (e) {
+                            e.preventDefault();
+                            var userId = this.getAttribute('data-id');
+                            sendVerificationRequest(userId);
+                          };
+                          
+                          var sendVerificationRequest = function(userId) {
+                            var xhr = new XMLHttpRequest();
+                            xhr.open('GET', userId, true);
+                            xhr.onreadystatechange = function () {
+                              if (xhr.readyState === 4 && xhr.status === 200) {
+                                refreshLivewireTable();
+                              }
+                            };
+                            xhr.send();
+                          };
+                          
+                          // Attach click event listeners to elements with class 'user-email'
+                          for (var i = 0, l = elems.length; i < l; i++) {
+                            elems[i].addEventListener('click', handleUserClick, false);
+                          }
+                       </script>
+                       <script type="text/javascript">
+                          // Function to handle user blocking
+                          var elems = document.getElementsByClassName('user-block');
+                          
+                          var handleUserClick = function (e) {
+                            e.preventDefault();
+                            var userId = this.getAttribute('data-id');
+                            sendVerificationRequest(userId);
+                          };
+                          
+                          var sendVerificationRequest = function(userId) {
+                            var xhr = new XMLHttpRequest();
+                            xhr.open('GET', userId, true);
+                            xhr.onreadystatechange = function () {
+                              if (xhr.readyState === 4 && xhr.status === 200) {
+                                refreshLivewireTable();
+                              }
+                            };
+                            xhr.send();
+                          };
+                          
+                          // Attach click event listeners to elements with class 'user-block'
+                          for (var i = 0, l = elems.length; i < l; i++) {
+                            elems[i].addEventListener('click', handleUserClick, false);
+                          }
+                       </script>
+
                           </div>
                 </section>
   
@@ -169,53 +128,14 @@
     </div>
   </div>
 
+@push('sidebar-stylesheets')
+<script defer src="{{url('assets/js/cdn.min.js')}}"></script>
+<script src="{{url('vendor/livewire/livewire/dist/livewire.js')}}"></script>
+@endpush
+
 @push('sidebar-scripts')
-<script>
-  const getCellValue = (tr, idx) => tr.children[idx].innerText || tr.children[idx].textContent;
-
-  const comparer = (idx, asc) => (a, b) =>
-    ((v1, v2) =>
-      v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ? v1 - v2 : v1.toString().localeCompare(v2)
-    )(getCellValue(asc ? a : b, idx), getCellValue(asc ? b : a, idx));
-
-  document.addEventListener('DOMContentLoaded', () => {
-    // Find the sortable table and its headers
-    const table = document.querySelector('#sortable.table.table-stripped');
-    const headers = table.querySelectorAll('th[data-sort]');
-
-    // Add caret icon to initial header element
-    const initialHeader = table.querySelector('[data-order]');
-    initialHeader.innerHTML = `${initialHeader.innerText} <i class="bi bi-caret-down-fill"></i>`;
-
-    // Attach click event listener to all sortable headers
-    headers.forEach(th => th.addEventListener('click', function() {
-      // Get the clicked header's index, sort order, and sortable attribute
-      const thIndex = Array.from(th.parentNode.children).indexOf(th);
-      const isAscending = this.asc = !this.asc;
-      const isSortable = th.getAttribute('data-sortable') !== 'false';
-
-      // If the column is not sortable, do nothing
-      if (!isSortable) {
-        return;
-      }
-
-      // Remove caret icon and active class from all headers
-      headers.forEach(h => {
-        h.classList.remove('active');
-        h.innerHTML = h.innerText;
-      });
-
-      // Add caret icon and active class to clicked header
-      th.classList.add('active');
-      th.innerHTML = `${th.innerText} ${isAscending ? '<i class="bi bi-caret-down-fill"></i>' : '<i class="bi bi-caret-up-fill"></i>'}`;
-
-      // Sort the table rows based on the clicked header
-      Array.from(table.querySelectorAll('tbody tr'))
-        .sort(comparer(thIndex, isAscending))
-        .forEach(tr => table.querySelector('tbody').appendChild(tr));
-    }));
-  });
-</script>
+<livewire:scripts />
+<script src="{{url('assets/js/livewire-sortable.js')}}"></script>
 @endpush
 
 @endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 2bf9c4d..dfdd54b 100755
--- a/routes/web.php
+++ b/routes/web.php
@@ -171,6 +171,7 @@ Route::group([
     Route::post('/admin/edit-user/{id}', [AdminController::class, 'editUser'])->name('editUser');
     Route::get('/admin/new-user', [AdminController::class, 'createNewUser'])->name('createNewUser')->middleware('max.users');
     Route::get('/admin/delete-user/{id}', [AdminController::class, 'deleteUser'])->name('deleteUser');
+    Route::post('/admin/delete-table-user/{id}', [AdminController::class, 'deleteTableUser'])->name('deleteTableUser');
     Route::get('/admin/pages', [AdminController::class, 'showSitePage'])->name('showSitePage');
     Route::post('/admin/pages', [AdminController::class, 'editSitePage'])->name('editSitePage');
     Route::get('/admin/advanced-config', [AdminController::class, 'showFileEditor'])->name('showFileEditor');