{% extends "base.html" %}
{% block title %}AidaHL Academy{% endblock %}
{% block page_id %}academy{% endblock %}
{% block head %}<style>.ac-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.ac-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#ac-editor{height:430px;border:1px solid #365665;border-radius:8px}#ac-fallback{width:100%;min-height:430px;font-family:Consolas,monospace}#ac-lessons button{display:block;width:100%;text-align:left;margin:5px 0}#ac-brief,#ac-solution,#ac-saved-source,#ac-result,#ac-tutor{white-space:pre-wrap;overflow:auto;max-height:400px}#ac-status{white-space:pre-wrap}@media(max-width:900px){.ac-grid{display:block}}</style>{% endblock %}
{% block content %}
<div class="a-page-head"><h1>AidaHL Academy</h1><p class="a-sub">Learn with the desktop's 25 lessons. Checks use the native compiler and canned Hierarchy tests. Tutor answers come from local Ollama and never award grades or XP.</p></div>
<div id="ac-status" class="a-banner" role="status" aria-live="polite"></div>
<div class="ac-grid"><aside class="a-card"><h2>Lessons</h2><p id="ac-progress"></p><p id="ac-badges"></p><button id="ac-refresh" class="a-btn ac-control">Refresh saved progress and files</button><div id="ac-lessons"></div>
<h3>Earned certificate</h3><p>The native completion rule is a passed capstone. The certificate lists actual saved labs, XP and track badges.</p><label>Name<input id="ac-name" class="a-input ac-control" maxlength="160"></label><p id="ac-saved-name" class="a-small"></p><button id="ac-save-name" class="a-btn ac-control">Save name</button><div class="ac-tools"><button id="ac-certificate-html" class="a-btn ac-control">Download HTML</button><button id="ac-certificate-png" class="a-btn ac-control">Download PNG</button></div><p class="a-small">PNG uses the native optional Pillow exporter. An unavailable dependency is reported.</p></aside>
<section class="a-card"><h2 id="ac-title"></h2><p id="ac-lesson-status"></p><div class="ac-tools"><a id="ac-slides" class="a-btn" href="{{ aida_rel('slides') }}">Lesson slides</a><a class="a-btn" href="{{ aida_rel('aidahl') }}">Full AidaHL editor</a></div><pre id="ac-brief"></pre>
<div class="ac-tools"><button id="ac-open" class="a-btn ac-control">Open native lab</button><select id="ac-file" class="a-select ac-control" aria-label="Lab or companion file"></select><span id="ac-dirty" role="status"></span></div><div id="ac-editor"></div><textarea id="ac-fallback" hidden spellcheck="false" aria-label="Academy lesson source"></textarea>
<div class="ac-tools"><button id="ac-save" class="a-btn ac-control">Save file</button><button id="ac-step" class="a-btn ac-control">Type next exact TODO and save</button><button id="ac-grade" class="a-btn ac-control">Save and check lab</button><button id="ac-tutor-ask" class="a-btn ac-control">Save and ask local AidaBot</button><button id="ac-stop" class="a-btn" disabled>Stop owned worker</button></div>
<div class="ac-tools"><button id="ac-solution-show" class="a-btn ac-control">Reveal solution (half XP before first pass)</button><button id="ac-solution-copy" class="a-btn ac-control" disabled>Copy revealed solution into lab draft</button><button id="ac-reset" class="a-btn ac-control">Reset lab and companions</button><button id="ac-export" class="a-btn ac-control">Export saved lab, solution and progress</button><button id="ac-next" class="a-btn ac-control">Next lesson</button></div>
<details><summary>Latest saved selected file (refresh preserves your draft)</summary><pre id="ac-saved-source"></pre><div class="ac-tools"><button id="ac-reload" class="a-btn ac-control">Replace draft with saved file</button><button id="ac-review-revision" class="a-btn ac-control">Keep draft using reviewed saved revision</button></div></details>
<h3>Native check result</h3><pre id="ac-result" class="a-log"></pre><h3>Local tutor answer</h3><pre id="ac-tutor" class="a-log"></pre><details><summary>Revealed solution</summary><pre id="ac-solution"></pre></details></section></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/vendor/ace/ace.js') }}"></script><script src="{{ aida_rel('static/js/academy.js') }}"></script>{% endblock %}