{% extends "layout.html" %}

{% block title %}{{ console_display_name() }} - Autonomy{% endblock %}
{% block header_title %}{{ console_display_name() }} - Autonomy{% endblock %}

{% block content %}
<div class="terminal-container webgate-page" id="autonomy-root"
     data-read-only="{{ '1' if read_only else '' }}"
     data-halt-controls="{{ '1' if halt_controls else '' }}">
    <div class="webgate-header">
        <h2>Autonomy</h2>
        <p class="text-muted text-sm">
            Durable goal board and scheduled cron jobs for the local owner.
            {% if read_only %}<strong>Read-only console: controls are disabled.</strong>
            {% else %}Per-row actions write through the same GoalBoard/CronService
            verbs the CLI and Telegram use.{% endif %}
        </p>
    </div>

    <div class="webgate-section">
        <div class="section-header">Pause</div>
        <div class="webgate-halt" id="halt-panel">
            <div class="webgate-halt-state" id="halt-state"><span class="loading">Loading…</span></div>
            <div class="webgate-halt-actions" id="halt-actions"></div>
        </div>
        <div class="webgate-note" id="halt-msg" style="display:none;"></div>
    </div>

    <div class="webgate-section">
        <div class="section-header">Goals</div>
        <div id="goals-list" class="webgate-list"><div class="loading">Loading…</div></div>
    </div>

    <div class="webgate-section">
        <div class="section-header">Cron</div>
        {% if cron_error %}
        <div class="error-message error-message--block">cron check unavailable: {{ cron_error }}</div>
        {% endif %}
        <div id="cron-list" class="webgate-list"><div class="loading">Loading…</div></div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="/static/js/pages/autonomy.js?v=20260827"></script>
{% endblock %}