diff --git a/status.html b/status.html
index 1c41369..b34e6ba 100644
--- a/status.html
+++ b/status.html
@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta content="width=device-width, initial-scale=1" name="viewport">
     <title>ALHP Status</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
           integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" rel="stylesheet">
 </head>
@@ -35,88 +36,67 @@
     </div>
 
     <h3 class="mt-5">Packages</h3>
-    <div class="accordion" id="accordion-{{$march.Name}}">
-        {{range $repo := $march.Repos}}
-        <div class="accordion-item bg-opacity-25">
-            <h2 class="accordion-header" id="heading-{{$march.Name}}-{{$repo.Name}}">
-                <button aria-controls="collapse-{{$march.Name}}-{{$repo.Name}}" aria-expanded="false"
-                        class="accordion-button"
-                        data-bs-target="#collapse-{{$march.Name}}-{{$repo.Name}}"
-                        data-bs-toggle="collapse"
-                        type="button">{{$repo.Name}}-{{$march.Name}}
-                </button>
-            </h2>
-            <div aria-labelledby="heading-{{$march.Name}}-{{$repo.Name}}"
-                 class="accordion-collapse collapse show"
-                 data-bs-parent="#accordion-{{$march.Name}}" id="collapse-{{$march.Name}}-{{$repo.Name}}">
-                <div class="accordion-body overflow-auto">
-                    <table class="table table-sorted">
-                        <thead>
-                        <tr>
-                            <th scope="col">Pkgbase</th>
-                            <th scope="col">Status</th>
-                            <th scope="col">Reason</th>
-                            <th class="text-center" scope="col"
-                                title="link time optimization&#10;does not guarantee that package is actually build with LTO">
-                                LTO
-                            </th>
-                            <th class="text-center" scope="col" title="Debug-symbols available via debuginfod">DS
-                            </th>
-                            <th scope="col">Archlinux Version</th>
-                            <th scope="col">{{$repo.Name}}-{{$march.Name}} Version</th>
-                            <th class="text-end" scope="col">Info</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        {{range $pkg := $repo.Packages}}
-                        <tr class="table-{{$pkg.Class}}"
-                            id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
-                            <td>{{$pkg.Pkgbase}}</td>
-                            <td>{{$pkg.Status}}</td>
-                            <td>{{$pkg.Skip}}</td>
-                            <td class="text-center fs-6">
-                                {{if $pkg.LTO}}<i class="fa fa-check fa-lg" style="color: var(--bs-success)"
-                                                  title="build with LTO"></i>{{end}}
-                                {{if $pkg.LTODisabled}}<i class="fa fa-times fa-lg" style="color: var(--bs-danger)"
-                                                          title="LTO explicitly disabled"></i>{{end}}
-                                {{if $pkg.LTOAutoDisabled}}<i class="fa fa-times-circle-o fa-lg"
-                                                              style="color: var(--bs-danger)"
-                                                              title="LTO automatically disabled"></i>{{end}}
-                                {{if $pkg.LTOUnknown}}<i class="fa fa-hourglass-o fa-lg"
-                                                         title="not build with LTO yet"></i>{{end}}
-                            </td>
-                            <td class="text-center fs-6">
-                                {{if $pkg.DebugSym}}<i class="fa fa-check fa-lg" style="color: var(--bs-success)"
-                                                       title="Debug symbols available"></i>{{end}}
-                                {{if $pkg.DebugSymNotAvailable}}<i class="fa fa-times fa-lg"
-                                                                   style="color: var(--bs-danger)"
-                                                                   title="Not build with debug symbols"></i>{{end}}
-                                {{if $pkg.DebugSymUnknown}}<i class="fa fa-hourglass-o fa-lg"
-                                                              title="Not build yet"></i>{{end}}
-                            </td>
-                            <td>{{$pkg.Svn2GitVersion}}</td>
-                            <td>{{$pkg.Version}}</td>
-                            <td class="text-end info-box">
-                                {{with $pkg.Log}}<a href="{{.}}" title="build log"
-                            ><i class="fa fa-file-text fa-lg"></i></a
-                            >{{end}}
-                                <a class="text-decoration-none fw-bold"
-                                   href="https://archlinux.org/packages/?q={{$pkg.Pkgbase}}" title="ArchWeb">AW</a>
-                                <a data-bs-html="true" data-bs-placement="bottom" data-bs-toggle="tooltip"
-                                   href="#{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
-                                   title="{{if $pkg.BuildDate}}Build on {{$pkg.BuildDate}}&#10;{{end}}{{if $pkg.BuildDuration}}CPU-Time: {{$pkg.BuildDuration}}&#10;{{end}}{{if $pkg.BuildMemory}}Peak-Memory: {{$pkg.BuildMemory}}&#10;{{end}}Last checked on {{$pkg.Checked}}">
-                                    <i class="fa fa-info-circle fa-lg"></i></a>
-                            </td>
-                        </tr>
-                        {{end}}
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
+    <table class="table table-sorted">
+        <thead>
+        <tr>
+            <th scope="col">Pkgbase</th>
+            <th scope="col">Status</th>
+            <th scope="col">Reason</th>
+            <th class="text-center" scope="col"
+                title="link time optimization&#10;does not guarantee that package is actually build with LTO">
+                LTO
+            </th>
+            <th class="text-center" scope="col" title="Debug-symbols available via debuginfod">DS
+            </th>
+            <th scope="col">Archlinux Version</th>
+            <th scope="col">ALHP Version</th>
+            <th class="text-end" scope="col">Info</th>
+        </tr>
+        </thead>
+        <tbody id="main-tbody">
+        {{range $pkg := $repo.Packages}}
+        <tr class="table-{{$pkg.Class}}"
+            id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
+            <td>{{$pkg.Pkgbase}}</td>
+            <td>{{$pkg.Status}}</td>
+            <td>{{$pkg.Skip}}</td>
+            <td class="text-center fs-6">
+                {{if $pkg.LTO}}<i class="fa fa-check fa-lg" style="color: var(--bs-success)"
+                                  title="build with LTO"></i>{{end}}
+                {{if $pkg.LTODisabled}}<i class="fa fa-times fa-lg" style="color: var(--bs-danger)"
+                                          title="LTO explicitly disabled"></i>{{end}}
+                {{if $pkg.LTOAutoDisabled}}<i class="fa fa-times-circle-o fa-lg"
+                                              style="color: var(--bs-danger)"
+                                              title="LTO automatically disabled"></i>{{end}}
+                {{if $pkg.LTOUnknown}}<i class="fa fa-hourglass-o fa-lg"
+                                         title="not build with LTO yet"></i>{{end}}
+            </td>
+            <td class="text-center fs-6">
+                {{if $pkg.DebugSym}}<i class="fa fa-check fa-lg" style="color: var(--bs-success)"
+                                       title="Debug symbols available"></i>{{end}}
+                {{if $pkg.DebugSymNotAvailable}}<i class="fa fa-times fa-lg"
+                                                   style="color: var(--bs-danger)"
+                                                   title="Not build with debug symbols"></i>{{end}}
+                {{if $pkg.DebugSymUnknown}}<i class="fa fa-hourglass-o fa-lg"
+                                              title="Not build yet"></i>{{end}}
+            </td>
+            <td>{{$pkg.Svn2GitVersion}}</td>
+            <td>{{$pkg.Version}}</td>
+            <td class="text-end info-box">
+                {{with $pkg.Log}}<a href="{{.}}" title="build log"
+            ><i class="fa fa-file-text fa-lg"></i></a
+            >{{end}}
+                <a class="text-decoration-none fw-bold"
+                   href="https://archlinux.org/packages/?q={{$pkg.Pkgbase}}" title="ArchWeb">AW</a>
+                <a data-bs-html="true" data-bs-placement="bottom" data-bs-toggle="tooltip"
+                   href="#{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
+                   title="{{if $pkg.BuildDate}}Build on {{$pkg.BuildDate}}&#10;{{end}}{{if $pkg.BuildDuration}}CPU-Time: {{$pkg.BuildDuration}}&#10;{{end}}{{if $pkg.BuildMemory}}Peak-Memory: {{$pkg.BuildMemory}}&#10;{{end}}Last checked on {{$pkg.Checked}}">
+                    <i class="fa fa-info-circle fa-lg"></i></a>
+            </td>
+        </tr>
         {{end}}
-    </div>
-    {{end}}
+        </tbody>
+    </table>
 </div>
 
 <footer class="text-center text-lg-start bg-dark mt-3 fixed-bottom">
@@ -134,21 +114,43 @@
     </div>
 </footer>
 
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
+        crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 <script>
     let input = document.getElementById('table-sort-input');
     let timeout = null;
 
-    input.addEventListener('input', function (e) {
-        clearTimeout(timeout);
+    function searchPackages() {
+        let new_tbody = document.createElement('tbody');
+
+        axios.get('https://api.alhp.dev/packages', {
+            params: {
+                pkgbase: (input.value.toLowerCase() ? input.value.toLowerCase() : undefined),
+                page: 1,
+                limit: 50,
+            }
+        })
+            .then(function (response) {
+                console.log(response)
+                let jResp = JSON.parse(response)
+                for (const pkg of jResp.packages) {
+                    let ntr = document.createElement('tr')
+                    ntr.classList.add("")
+                }
+            })
+            .catch(function (error) {
+                console.log(error);
+            })
+            .finally(function () {
+                // always executed
+            });
 
-        timeout = setTimeout(searchFilter, 200);
-    });
 
-    function searchFilter() {
         let input, filter, tr, td, i, txtValue;
         input = document.getElementById('table-sort-input')
-        filter = input.value.toUpperCase()
+        filter = input.value.toLowerCase()
         const tables = document.getElementsByClassName('table-sorted');
         for (let j = 0; j < tables.length; j++) {
             tr = tables[j].getElementsByTagName('tr')
@@ -165,6 +167,12 @@
             }
         }
     }
+
+    input.addEventListener('input', function (e) {
+        clearTimeout(timeout);
+
+        timeout = setTimeout(searchPackages, 200);
+    });
 </script>
 </body>
 </html>