academy mode

templates/dashboard.html

@@ -96,17 +96,26 @@
             <option value="build">Build / Upgrade</option>
             <option value="recruit">Recruit Troops</option>
             <option value="market_offer">Παζάρι - Προσφορά</option>
+            <option value="research">Ακαδημία - Έρευνες</option>
           </select>
         </div>
 
         <!-- Build options - now a button that opens the visual picker -->
-        <div class="form-group" id="build-options">
+        <div class="form-group" id="build-options" style="display:none">
           <label>Building</label>
           <button class="btn btn-gold" id="open-building-modal" onclick="window.openBuildingModal()" style="text-align:left; min-width:200px;">
             <span id="selected-building-label">-- Επιλέξτε Κατασκευή --</span>
           </button>
         </div>
 
+        <!-- Research options -->
+        <div class="form-group" id="research-options" style="display:none">
+          <label>Έρευνα</label>
+          <button class="btn btn-gold" id="open-academy-modal" onclick="window.openAcademyModal()" style="text-align:left; min-width:200px;">
+            <span id="selected-research-label">-- Επιλέξτε Έρευνα --</span>
+          </button>
+        </div>
+
         <!-- Recruit options -->
         <div class="form-group" id="recruit-options" style="display:none">
           <label>Unit</label>
@@ -241,5 +250,15 @@
     </div>
   </div>
 </div>
+<!-- ====== Academy Picker Modal ====== -->
+<div id="academy-modal-overlay" onclick="window.closeAcademyModal(event)">
+  <div id="academy-modal">
+    <div id="building-modal-header">
+      <h3>🦉 Ακαδημία</h3>
+      <button id="building-modal-close" onclick="window.closeAcademyModal()">✕</button>
+    </div>
+    <div id="academy-grid"></div>
+  </div>
+</div>
 </body>
 </html>