{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Deployment Discipline - Gvelo Enterprise Platform{% endblock %}
{% block body_class %}operational-page ops-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/operational-experience.css">
{% endblock %}
{% block content %}
<main class="ops-shell">
    <header class="ops-header">
        <div>
            <h1>Deployment Discipline</h1>
            <div class="ops-subtitle">
                Approvals, checkpoints, rollback readiness, release validation, migration validation, and production readiness scoring.
            </div>
        </div>
        <div class="ops-actions">
            <button onclick="validateRelease()">Validate</button>
            <button onclick="auditRelease()">Create Audit</button>
        </div>
    </header>

    <section class="ops-grid">
        <div class="ops-panel">
            <h2>Audits</h2>
            <div class="ops-list">
                {% for item in snapshot.audits %}
                    <div class="ops-list-item">
                        {{ item.release_version }} - {{ item.approval_status }} - {{ item.readiness_score }}%
                    </div>
                {% else %}
                    <div class="ops-list-item">No audits yet.</div>
                {% endfor %}
            </div>
        </div>
        <div class="ops-panel">
            <h2>Validations</h2>
            <div class="ops-list">
                {% for item in snapshot.validations %}
                    <div class="ops-list-item">
                        {{ item.release_version }} - {{ item.status }} - {{ item.score }}%
                    </div>
                {% else %}
                    <div class="ops-list-item">No validations yet.</div>
                {% endfor %}
            </div>
        </div>
    </section>
</main>

<script>
async function validateRelease() {
    await fetch("/api/deployment-discipline/validate", {
        method: "POST",
        headers: {"Content-Type": "application/json"},
        body: '{"release_version":"local"}'
    });
    location.reload();
}

async function auditRelease() {
    await fetch("/api/deployment-discipline/audit", {
        method: "POST",
        headers: {"Content-Type": "application/json"},
        body: '{"release_version":"local"}'
    });
    location.reload();
}
</script>
{% endblock %}