company frontend finished

static/company_data.css

@@ -133,6 +133,10 @@ button:active {
     border: 1px solid rgba(77, 143, 219, 0.18);
 }
 
+.span-2 {
+    grid-column: span 2;
+}
+
 .span-3 {
     grid-column: span 3;
 }
@@ -165,7 +169,16 @@ button:active {
         font-size: 18px;
     }
 
-    .span-3 {
-        grid-column: span 1;
+    .span-4 {
+        grid-column: span 4;
+    }
+
+    .secondary {
+        background: linear-gradient(135deg, #9bbce5, #6fa6e8);
+        box-shadow: none;
+    }
+
+    .secondary:hover {
+        background: linear-gradient(135deg, #7fa9da, #4d8fdb);
     }
 }

static/company_data.js

@@ -27,7 +27,7 @@ async function searchCompany() {
         document.getElementById("zip").value = data.zip || "";
         document.getElementById("city").value = data.city || "";
 
-        let message = data.found ? `Found via ${data.source}.` : "No company found.";
+        let message = data.found ? `Found via ${data.source}.` : "No company found. Search different or enter manually";
 
         if (data.warning) {
             message += `\nWarning: ${data.warning}`;
@@ -57,3 +57,29 @@ function saveData() {
 
     alert(JSON.stringify(payload, null, 2));
 }
+
+function clearForm() {
+    document.getElementById("vat_number").value = "";
+    document.getElementById("company_name").value = "";
+    document.getElementById("street").value = "";
+    document.getElementById("zip").value = "";
+    document.getElementById("city").value = "";
+    document.getElementById("email").value = "";
+    document.getElementById("phone").value = "";
+
+    document.getElementById("status").textContent = "Cleared.";
+}
+
+function updateVatPlaceholder() {
+    const country = document.getElementById("country").value;
+    const vatInput = document.getElementById("vat_number");
+
+    if (country === "HR") {
+        vatInput.placeholder = "VAT number (11 digits)";
+    } else {
+        vatInput.placeholder = "VAT number (10 digits)";
+    }
+}
+
+document.getElementById("country").addEventListener("change", updateVatPlaceholder);
+window.addEventListener("DOMContentLoaded", updateVatPlaceholder);