recruit troop rehaul

static/js/components/commandForm.js

@@ -74,6 +74,68 @@ window.renderBuildingDropdown = function() {
   }
 };
 
+window.renderUnitDropdown = function() {
+  const town = window.getSelectedTown();
+  if (!town) return;
+  const uSelect = document.getElementById('unit-select');
+  const uData   = town.unit_data || {};
+  
+  const currentVal = uSelect.value;
+  uSelect.innerHTML = '';
+
+  for (const [key, nameGr] of Object.entries(window.UNIT_NAMES_GR)) {
+    if (key === 'militia') continue;
+    
+    const data = uData[key];
+    let text = `${nameGr}`;
+
+    if (data) {
+      const w  = window.fmt(data.wood || 0);
+      const st = window.fmt(data.stone || 0);
+      const i  = window.fmt(data.iron || 0);
+      const pop = data.pop || 0;
+      
+      // Unit build_time is usually raw seconds in GameData
+      let t = data.build_time || 0;
+      let tStr = `${t}s`;
+      if (t > 60) {
+        let m = Math.floor(t / 60);
+        let s = t % 60;
+        tStr = `${m}m ${s}s`;
+      }
+      
+      const costStr = `Ξ:${w} Π:${st} Α:${i} 🧔:${pop} · ⏱ ${tStr}`;
+
+      const missingKeys = data.missing_dependencies ? Object.keys(data.missing_dependencies) : [];
+      const isLocked = missingKeys.length > 0;
+
+      const option = document.createElement('option');
+      option.value = key;
+
+      if (isLocked) {
+        option.textContent = `${text} — 🔒 Κλειδωμένο`;
+        option.style.color = '#ff4444';
+      } else if (data.enough_resources === false) {
+        option.textContent = `${text} — ❌ ${costStr} (Λείπουν Πόροι 1x)`;
+        option.style.color = '#aa5555';
+      } else {
+        option.textContent = `${text} — ✅ ${costStr}`;
+      }
+      
+      uSelect.appendChild(option);
+    } else {
+      const option = document.createElement('option');
+      option.value = key;
+      option.textContent = text;
+      uSelect.appendChild(option);
+    }
+  }
+  
+  if (currentVal && Array.from(uSelect.options).some(o => o.value === currentVal)) {
+    uSelect.value = currentVal;
+  }
+};
+
 window.renderBuildQueuePreview = function() {
   const town = window.getSelectedTown();
   const el = document.getElementById('build-queue-preview');

static/js/components/townViewer.js

@@ -41,6 +41,7 @@ window.selectTown = function(id) {
 
   window.renderBuildQueuePreview();
   window.renderBuildingDropdown();
+  window.renderUnitDropdown();
   window.renderTownDetails();
 };