Fix vari + inizio ricerca per matricola nei privati

scripts/metebus.json

@@ -0,0 +1,8 @@
+[
+    {
+        "matricola": "19115",
+        "vettore" : "Gamberini",
+        "modello" : "Volvo 8900 LE 14",
+        "link": "/ravenna_privatibus/gamberini.html#19115"
+    }
+]

scripts/metesearch.js

@@ -0,0 +1,53 @@
+const searchBar = document.getElementById('searchBar');
+const productsContainer = document.getElementById('bus-container');
+const buttons = document.getElementById('buttons');
+
+let allProducts = [];
+window.onbeforeunload=searchBar.value="";
+
+const url = '/scripts/metebus.json';
+fetch(url)
+    .then(response => {
+        if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
+        return response.json();
+    })
+    .then(data => {
+        allProducts = data;
+    })
+    .catch(error => console.error('Errore nel caricamento dei dati:', error));
+
+searchBar.addEventListener('input', () => {
+    if (searchBar.value == '') {
+        productsContainer.innerHTML = ' ';
+        buttons.innerHTML = `
+        <div class="verticale">
+            <a href="/ravenna_privatibus/gamberini.html" class="button">Gamberini</a>
+            <a href="/ravenna_privatibus/pollini.html" class="button">Pollini</a>
+            <a href="/ravenna_privatibus/zaganelli.html" class="button">Zaganelli</a>
+        </div>
+        `;
+        return;
+    }
+    buttons.innerHTML = ' ';
+        const searchTerm = searchBar.value.toLowerCase();
+        const filtered = allProducts.filter(bus =>
+            bus.matricola.toLowerCase().includes(searchTerm)
+        );
+        renderProducts(filtered);
+});
+
+function renderProducts(products) {
+    productsContainer.innerHTML = '';
+    products.forEach(bus => {
+        const div = document.createElement('div');
+        div.className = 'product-card';
+        div.innerHTML = `
+            <a href="${bus.link}">
+                <h3>${bus.matricola}</h3>
+                <p>${bus.modello}</p>
+                <p>${bus.vettore}</p>
+            </a>
+        `;
+        productsContainer.appendChild(div);
+    });
+}