{% extends "_frame.html" %}

{% block styles %}
{% endblock %}

{% block menu %}
<h3>Agentic Control</h3>
<div class="max"></div>
<div class="tabs right-align" style="height: 50px;">
</div>
{% endblock %}

{% block details %}
{% endblock %}

{% block page %}
<div class="active page">
    <article id="article-output" class="max margin small-elevate large-padding article-container">
        <h5>Routes</h5>
        <p>
            The following agentic nodes have been registered. <br/>
            The endpoints either address an <code>/openapi.json</code> endpoint 
            or a <span class="italic">Ray</span><code>/-/routes</code> endpoint.
        </p>
        <form method="POST">
            <div class="field textarea border extra">
                <textarea name="routes">{{ items | join("\n") }}</textarea>
            </div>
            {% if routes %}
            <h5 class="small">Reconnected Service Routes:</h5>
            {% if message %}
            <p class="primary-container no-round bold padding">
                {{ message["routes"] | join("<br/>") | safe}}
            </p>
            {% endif %}
            <div class="space"></div>
            {% for route in routes %}
            <details>
                <summary>
                    <i class="small">expand_content</i>
                    <bold>
                        {{ route }}
                    </bold>
                </summary>
                <p><article><pre style="font-family: monospace; white-space: pre-wrap;">{{ routes[route] | tojson(indent=2) }}</article></pre></p>
            </details>
            {% endfor %}
            <div class="space"></div>
            {% endif %}
            <button class="secondary" name="refresh" type="submit" {% if not user.operator %}disabled{% endif %}>Reconnect</button>
        </form>
        <div class="space"></div>
        <div class="large-divider"></div>
        <h5>Settings</h5>
        {% if message %}
        {% if message["settings"] %}
        <p class="primary-container no-round bold padding">
            {{ message["settings"] | join("<br/>") | safe}}
        </p>
        <div class="space"></div>
        {% endif %}
        {% endif %}
        <form method="POST">
            <div class="field border label large">
                <input type="text" name="name" value="{{user.name}}" readonly/>
                <label>Username</label>
            </div>
            <div class="field border label large">
                <input type="password" name="new_password1"/>
                <label>New Password</label>
            </div>
            <div class="field border label large">
                <input type="password" name="new_password2"/>
                <label>Repeat New Password</label>
            </div>
            <div class="field border label large">
                <input type="email" name="email" value="{{user.email}}"/>
                <label>E-Mail</label>
            </div>
            <button class="secondary" name="update"type="submit">Update</button>
        </form>
        <div class="space"></div>
        <div class="large-divider"></div>
        <h5>Help</h5>
        <ul>
            <li><a target="_blank" href="/schema/swagger">Swagger UI</a></li>
            <li><a target="_blank" href="/schema/openapi.json">OpenAPI Schema</a></li>
        </ul>
        <div class="space"></div>
        <div class="large-divider"></div>
        <h5>Status Information</h5>
        <ul>
            <li>Kodosumi Version: {{ kodosumi_version }}</li>
            <li>Ray Version: {{ ray_version }}</li>
            <li>Python Version: {{ python_version }}</li>
            <li>Ray Status: 
                <ul>
                    {% for node in ray_status %}
                    <li>
                        {{ node["NodeName"]}} ({{ node["NodeID"]}}) - {% if node["Alive"] %}Alive{% else %}Dead{% endif %}
                    </li>
                    {% endfor %}
                </ul>
            </li>
            <li>
                Spooler Status: 
                <ul>
                    {% if spooler_status["error"] %}
                    <li>
                        <b>error:</b> {{ spooler_status["error"] }}
                    </li>
                    {% else %}
                    <li>
                        <b>pid:</b> {{ spooler_status["pid"] }}
                    </li>
                    <li>
                        <b>active executions:</b> {{ spooler_status["active"] }}
                    </li>
                    <li>
                        <b>done executions:</b> {{ spooler_status["total"] }}
                    </li>
                    {% endif %}
                </ul>
        </ul>
        <div class="large-divider"></div>
    </article>
</div>
{% endblock %}

{% block script %}
{% endblock %}