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

{% block title %}Company Operations - 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>Company Operations</h1>
            <div class="ops-subtitle">
                Internal command center for tenants, subscriptions, deployment status, incidents, support, pilots, retention, and billing analytics.
            </div>
        </div>
    </header>

    <section class="ops-grid">
        <div class="ops-panel ops-metric">
            <span class="ops-muted">Tenants</span>
            <strong>{{ snapshot.tenants }}</strong>
        </div>
        <div class="ops-panel ops-metric">
            <span class="ops-muted">Active Shops</span>
            <strong>{{ snapshot.product_intelligence.active_shops }}</strong>
        </div>
        <div class="ops-panel ops-metric">
            <span class="ops-muted">Daily Tx</span>
            <strong>{{ snapshot.product_intelligence.daily_transactions }}</strong>
        </div>
        <div class="ops-panel ops-metric">
            <span class="ops-muted">Pilots</span>
            <strong>{{ snapshot.pilots.pilots|length }}</strong>
        </div>
    </section>

    <section class="ops-grid">
        <div class="ops-panel">
            <h2>Support Queue</h2>
            <div class="ops-list">
                {% for item in snapshot.support_queue %}
                    <div class="ops-list-item">{{ item.status }} - {{ item.count }}</div>
                {% else %}
                    <div class="ops-list-item">No support queue.</div>
                {% endfor %}
            </div>
        </div>
        <div class="ops-panel">
            <h2>Subscriptions</h2>
            <div class="ops-list">
                {% for item in snapshot.subscriptions %}
                    <div class="ops-list-item">{{ item.plan_code }} / {{ item.status }} - {{ item.count }}</div>
                {% else %}
                    <div class="ops-list-item">No subscription data.</div>
                {% endfor %}
            </div>
        </div>
    </section>

    <section class="ops-panel">
        <h2>Market Signals</h2>
        <div class="ops-list">
            {% for item in snapshot.market_validation.pain_points %}
                <div class="ops-list-item">{{ item.pain_point }} - {{ item.count }}</div>
            {% else %}
                <div class="ops-list-item">No market signals yet.</div>
            {% endfor %}
        </div>
    </section>
</main>
{% endblock %}