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

{% block title %}GavliXZ Deep tech Unit - Server Control Center{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/server_dashboard.css">
{% endblock %}
{% block content %}
<div class="shell">
    <div class="topbar">
        <div>
            <h1>Server Control Center</h1>
            <p class="muted">Owner-level controls for shops, billing, governance, deployment, reliability, backups, and platform intelligence.</p>
        </div>
        <a class="back-link" href="/admin">Admin Dashboard</a>
    </div>

    <section class="status-grid">
        <div class="status-card">
            <div class="label">System Readiness</div>
            <div class="value {{ 'ok' if system_readiness and system_readiness.ok else 'bad' }}">
                {{ 'Ready' if system_readiness and system_readiness.ok else 'Needs Attention' }}
            </div>
        </div>
        <div class="status-card">
            <div class="label">App Version</div>
            <div class="value">{{ current_version or '1.0' }}</div>
        </div>
        <div class="status-card">
            <div class="label">Registered Shops</div>
            <div class="value">{{ shop_count }}</div>
        </div>
        <div class="status-card">
            <div class="label">Shops Needing Review</div>
            <div class="value {{ 'warn' if pending_shop_count else 'ok' }}">{{ pending_shop_count }}</div>
        </div>
        <div class="status-card">
            <div class="label">Open Agent Failures</div>
            <div class="value {{ 'bad' if agent_failure_count else 'ok' }}">{{ agent_failure_count }}</div>
        </div>
        <div class="status-card">
            <div class="label">Offline Queue</div>
            <div class="value {{ 'warn' if offline_summary and offline_summary.pending else 'ok' }}">{{ offline_summary.pending if offline_summary else 0 }}</div>
        </div>
        <div class="status-card">
            <div class="label">Reliability</div>
            <div class="value {{ 'ok' if system_readiness and system_readiness.score >= 85 else 'warn' }}">{{ system_readiness.score if system_readiness else 0 }}/100</div>
        </div>
        <div class="status-card">
            <div class="label">Verification Routes</div>
            <div class="value {{ 'ok' if verification_summary and verification_summary.all_deactivated else 'warn' }}">
                {{ 'Deactivated' if verification_summary and verification_summary.all_deactivated else verification_summary.active_count ~ ' Active' }}
            </div>
        </div>
    </section>

    <section class="quick-entry-panel">
        <div>
            <h2>Onboarding & QR Launch</h2>
            <p class="muted">Fast access for first-time setup guidance, the onboarding video, and the app QR code used from the logo splash page.</p>
            <div class="quick-entry-actions">
                <a class="control-button primary" href="/onboarding">Open Onboarding</a>
                <a class="control-button primary" href="/experience#video-onboarding">Watch Onboarding Video</a>
                <a class="control-button" href="/demo/qr?campaign=server-dashboard">Demo QR Gateway</a>
                <a class="control-button" href="/app-entry-qr.png?v=qr-visible-20260519" target="_blank">Open App QR</a>
            </div>
        </div>
        <div class="dashboard-qr" aria-label="App entry QR code">
            <img src="/app-entry-qr.png?v=qr-visible-20260519" alt="QR code to open Gvelo Enterprise Platform">
        </div>
    </section>

    <section class="section-grid">
        <article class="control-section">
            <h2>Shop Operations</h2>
            <p class="muted">All normal admin controls for running the business from the server-owner view.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/dashboard">Shop Dashboard</a>
                <a class="control-button primary" href="/sales">POS & Checkout</a>
                <a class="control-button" href="/transactions">Transactions</a>
                <a class="control-button" href="/receipts">Receipts</a>
                <a class="control-button" href="/return-goods">Returns</a>
                <a class="control-button" href="/inventory">Inventory</a>
                <a class="control-button" href="/add-product">Add Product</a>
                <a class="control-button" href="/add-service">Add Service</a>
                <a class="control-button" href="/bulk-import-products">Bulk Import</a>
                <a class="control-button" href="/restock">Restock Planning</a>
                <a class="control-button" href="/restock/suppliers">Wholesalers</a>
                <a class="control-button" href="/procurement">Procurement</a>
                <a class="control-button primary" href="/automation">Automation Command</a>
                <a class="control-button" href="/workflows">Workflow Rules</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Automation Command Center</h2>
            <p class="muted">Owner-level controls for autonomous workflow coordination, approvals, bottlenecks, recovery, scheduled reports, and offline replay.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/automation">Automation Command</a>
                <a class="control-button primary" href="/workflows">Workflow Rules</a>
                <a class="control-button" href="/restock">Reorder Automation</a>
                <a class="control-button" href="/reports/exports">Scheduled Exports</a>
                <a class="control-button" href="/operations-mode">Operations Mode</a>
                <a class="control-button" href="/offline-continuity">Offline Continuity</a>
                <a class="control-button" href="/organizational-governance">Approval Governance</a>
                <a class="control-button" href="/operational-memory">Workflow Memory</a>
            </div>
        </article>

        <article class="control-section">
            <h2>People, Branches & Payments</h2>
            <p class="muted">Normal admin controls for customers, users, branches, payment setup, billing, and account support.</p>
            <div class="button-grid">
                <a class="control-button" href="/customers">Customers</a>
                <a class="control-button primary" href="/pos-acceleration">POS Acceleration</a>
                <a class="control-button" href="/add-customer">Add Customer</a>
                <a class="control-button" href="/cashiers">Cashiers</a>
                <a class="control-button" href="/register-admin">Add Admin</a>
                <a class="control-button" href="/admin/branches">Branches</a>
                <a class="control-button" href="/enterprise/branches">Enterprise Branches</a>
                <a class="control-button primary" href="/organizational-governance">Org Governance</a>
                <a class="control-button primary" href="/operational-memory">Operational Memory</a>
                <a class="control-button primary" href="/enterprise-experience">Enterprise Experience</a>
                <a class="control-button" href="/admin/app-billing/pay">App Usage Payment</a>
                <a class="control-button" href="/commercial-billing">Commercial Billing</a>
                <a class="control-button" href="/profile">Profile</a>
                <a class="control-button" href="/change-password">Change Password</a>
                <a class="control-button" href="/help-center">Help Center</a>
                <a class="control-button" href="/app_guide">App Guide</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Scanner & Checkout Tools</h2>
            <p class="muted">Scanner entry points used by normal admins for checkout, product lookup, and mobile scanning.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/connect-phone-scanner?return_to=/admin&target=/sales">Phone Link</a>
                <a class="control-button" href="/scan?return_to=/admin&target=/sales">Barcode Scanner</a>
                <a class="control-button" href="/mobile-scan?return_to=/admin&target=/sales">Camera Scanner</a>
                <a class="control-button" href="/scanner-center?return_to=/admin&target=/sales">Scanner Center</a>
                <a class="control-button primary" href="/barcode">Barcode Hub</a>
                <a class="control-button primary" href="/barcode/intelligence">Scan Intelligence</a>
                <a class="control-button" href="/barcode/training">Training Mode</a>
                <a class="control-button" href="/barcode/print">Print Labels</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Server Administration</h2>
            <p class="muted">Core owner controls for managing shops, app billing, plugins, reports, and platform settings.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/server/dashboard">Server Control Center</a>
                <a class="control-button primary" href="/server/shops">Registered Shops</a>
                <a class="control-button primary" href="/admin/shops">Shop Registry</a>
                <a class="control-button primary" href="/admin/app-billing">Billing & Pricing</a>
                <a class="control-button warning" href="/server/verification-controls">Verification Controls</a>
                <a class="control-button" href="/admin/plugins">Plugin Manager</a>
                <a class="control-button" href="/admin/user-reports">User Reports</a>
                <a class="control-button primary" href="/organizational-governance">Governance Command</a>
                <a class="control-button primary" href="/operational-memory">Memory Command</a>
                <a class="control-button primary" href="/enterprise-experience">Experience Control</a>
                <a class="control-button" href="/admin/system-operations">System Operations</a>
                <a class="control-button" href="/admin/tutorial-videos">Tutorial Videos</a>
                <a class="control-button" href="/admin/release-notes">Admin Release Notes</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Offline Continuity</h2>
            <p class="muted">Survival controls for offline sales, protected sync queues, storage pressure, recovery snapshots, and resilience reports.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/offline-continuity">Continuity Center</a>
                <a class="control-button primary" href="/sales">Offline-Ready POS</a>
                <a class="control-button" href="/inventory">Inventory Cache</a>
                <a class="control-button" href="/receipts">Receipt Recovery</a>
                <a class="control-button" href="/offline-continuity#offline-summary">Recovery Status</a>
                <form class="control-form" method="post" action="/offline-continuity/reports/generate">
                    <button type="submit">Generate Offline Reports</button>
                </form>
            </div>
            {% if offline_summary %}
            <p class="muted hil-inline-43331774ee">
                Pending {{ offline_summary.pending }} | Failed {{ offline_summary.failed }} | Conflicts {{ offline_summary.conflicts }} | Recovered {{ offline_summary.recovered }}
            </p>
            {% endif %}
        </article>

        <article class="control-section">
            <h2>Governance Agents</h2>
            <p class="muted">Documentation, architecture intelligence, deployment records, safety reports, and professional IP exports.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/admin/agents">Agent Dashboard</a>
                <a class="control-button primary" href="/admin/agents/platform-intelligence">Platform Intelligence</a>
                <a class="control-button" href="/admin/agents/governance">Governance Safety</a>
                <a class="control-button primary" href="/organizational-governance">Operational Governance</a>
                <a class="control-button primary" href="/operational-memory">Operational Memory</a>
                <a class="control-button" href="/admin/agents/architecture">Architecture</a>
                <a class="control-button" href="/admin/agents/api">API Explorer</a>
                <a class="control-button" href="/admin/agents/deployment">Deployment Audits</a>
                <a class="control-button" href="/admin/agents/security">Security</a>
                <a class="control-button" href="/admin/agents/releases">Releases</a>
                <a class="control-button" href="/admin/agents/quality">Doc Quality</a>
                <a class="control-button primary" href="/gvelo-doc">Gvelo DOC</a>
                <a class="control-button" href="/admin/agents/observability">Observability</a>
                <a class="control-button" href="/admin/agents/adr">ADRs</a>
                <a class="control-button" href="/admin/agents/ip-package">IP Package</a>
                <a class="control-button primary" href="/admin/agents/official-ip-archive">Official IP Archive</a>
                <form class="control-form" method="post" action="/admin/agents/run-now">
                    <button type="submit">Run Agents Now</button>
                </form>
                <form class="control-form" method="post" action="/admin/agents/queue">
                    <button type="submit">Queue Agent Run</button>
                </form>
            </div>
        </article>

        <article class="control-section">
            <h2>Deployment & Reliability</h2>
            <p class="muted">Health, readiness, deployment discipline, incident visibility, trust, security maturity, and operational runbooks.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/reliability-center">Reliability Center</a>
                <a class="control-button primary" href="/readiness?format=html" target="_blank">Readiness Check</a>
                <a class="control-button primary" href="/healthz?format=html" target="_blank">Health Check</a>
                <form class="control-form" method="post" action="/reliability-center/reports/generate">
                    <button type="submit">Generate Reliability Reports</button>
                </form>
                <a class="control-button" href="/deployment-discipline">Deployment Discipline</a>
                <a class="control-button" href="/deployment-trust">Deployment Trust</a>
                <a class="control-button" href="/maintainability">Maintainability</a>
                <a class="control-button" href="/scaling">Scaling Discipline</a>
                <a class="control-button" href="/observability">Incident Center</a>
                <a class="control-button" href="/observability">Incident Diagnostics</a>
                <a class="control-button" href="/platform-trust">Platform Trust</a>
                <a class="control-button" href="/data-governance">Data Governance</a>
                <a class="control-button primary" href="/organizational-governance">Org Governance</a>
                <a class="control-button primary" href="/operational-memory">Business Memory</a>
                <a class="control-button primary" href="/enterprise-experience">Readiness & Trust</a>
                <a class="control-button" href="/security-maturity">Security Maturity</a>
                <a class="control-button" href="/devops-assistant">DevOps Assistant</a>
                <a class="control-button" href="/operations-runbooks">Runbooks</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Backup & Cloud</h2>
            <p class="muted">Backup creation, update packages, cloud exports, documentation refresh, and recovery-supporting records.</p>
            <div class="button-grid">
                <a class="control-button primary" href="/backup">Backups</a>
                <form class="control-form primary" method="post" action="/backup/create">
                    <button type="submit">Create Backup</button>
                </form>
                <a class="control-button" href="/cloud">Cloud & Exports</a>
                <a class="control-button" href="/cloud/updates">App Updates</a>
                <a class="control-button" href="/documentation">Documentation</a>
                <a class="control-button" href="/documentation?refresh=1">Refresh Docs</a>
                <a class="control-button primary" href="/gvelo-doc">Gvelo DOC</a>
                <a class="control-button primary" href="/admin/agents/official-ip-archive">Official IP Archive</a>
                <form class="control-form" method="post" action="/gvelo-doc/update">
                    <button type="submit">Run Gvelo DOC</button>
                </form>
                <form class="control-form" method="post" action="/documentation/update">
                    <button type="submit">Run Docs Agent</button>
                </form>
                <a class="control-button" href="/server/documents/readme">README</a>
                <form class="control-form" method="post" action="/server/documents/readme/update">
                    <button type="submit">Run README Agent</button>
                </form>
                <a class="control-button" href="/server/documents/terms">Terms</a>
                <a class="control-button" href="/server/documents/privacy">Privacy</a>
                <form class="control-form" method="post" action="/server/documents/legal/update">
                    <button type="submit">Run Legal Agent</button>
                </form>
            </div>
            {% if latest_backups %}
                <ul class="backup-list">
                {% for backup in latest_backups %}
                    <li>{{ backup.name }} - {{ (backup.size / 1024)|round(1) }} KB</li>
                {% endfor %}
                </ul>
            {% endif %}
        </article>

        <article class="control-section">
            <h2>Business Oversight</h2>
            <p class="muted">Server-owner views for business activity, analytics, customer success, retention, billing, receipts, and support.</p>
            <div class="button-grid">
                <a class="control-button" href="/reports">Reports</a>
                <a class="control-button primary" href="/reports/exports">Smart Exports</a>
                <a class="control-button primary" href="/reports/enterprise">Enterprise Reporting</a>
                <a class="control-button" href="/analytics">Analytics</a>
                <a class="control-button" href="/analytics/branches">Branch Analytics</a>
                <a class="control-button primary" href="/pos-acceleration">Checkout Speed</a>
                <a class="control-button primary" href="/organizational-governance">Governance Command</a>
                <a class="control-button primary" href="/operational-memory">Memory Intelligence</a>
                <a class="control-button primary" href="/enterprise-experience">Global Search & Alerts</a>
                <a class="control-button" href="/analytics/profit-loss">Profit & Loss</a>
                <a class="control-button" href="/analytics/funds">Fund Analysis</a>
                <a class="control-button" href="/finance">Finance</a>
                <a class="control-button" href="/expenses">Expenses</a>
                <a class="control-button" href="/payment-methods">Payment Methods</a>
                <a class="control-button" href="/receipts">Receipts</a>
                <a class="control-button" href="/admin/receipt-delivery">Receipt Delivery APIs</a>
                <a class="control-button warning" href="/server/verification-controls">Verification Routes</a>
                <a class="control-button" href="/ai-csv-agent">AI CSV Agent</a>
                <a class="control-button" href="/recommendations">AI Recommendations</a>
                <a class="control-button" href="/customer-intelligence">Customer Intelligence</a>
                <a class="control-button" href="/business-activity">Business Activity</a>
                <a class="control-button" href="/customer-success">Customer Success</a>
                <a class="control-button" href="/business-retention">Business Insights</a>
                <a class="control-button" href="/product-feedback">Feedback Loop</a>
                <a class="control-button" href="/retention-engine">Retention Engine</a>
                <a class="control-button" href="/growth">Growth</a>
                <a class="control-button" href="/support">Support Center</a>
                <a class="control-button" href="/alerts">Alerts</a>
                <a class="control-button" href="/admin/calendar">Sales Calendar</a>
                <a class="control-button" href="/ai-help">AI Help</a>
                <a class="control-button" href="/release-notes">Release Notes</a>
            </div>
        </article>

        <article class="control-section">
            <h2>Growth & Product Intelligence</h2>
            <p class="muted">Strategic, product, market, pilot, distribution, demo, cost, and focus controls for platform growth.</p>
            <div class="button-grid">
                <a class="control-button" href="/operations-center">Operations Center</a>
                <a class="control-button" href="/operations-mode">Real-World Mode</a>
                <a class="control-button" href="/workflows">Workflows</a>
                <a class="control-button primary" href="/automation">Automation Command</a>
                <a class="control-button primary" href="/organizational-governance">Policy & Approvals</a>
                <a class="control-button primary" href="/operational-memory">Business Evolution</a>
                <a class="control-button" href="/trust">Trust Checks</a>
                <a class="control-button" href="/trust-engine">Trust Engine</a>
                <a class="control-button" href="/reliability">Reliability</a>
                <a class="control-button" href="/system-trust">System Trust</a>
                <a class="control-button" href="/playbooks">Playbooks</a>
                <a class="control-button" href="/onboarding">Onboarding</a>
                <a class="control-button" href="/company-operations">Company Ops</a>
                <a class="control-button" href="/company-metrics">Company Metrics</a>
                <a class="control-button" href="/product-analytics">Product Analytics</a>
                <a class="control-button" href="/product-intelligence">Product Intelligence</a>
                <a class="control-button" href="/market-validation">Market Validation</a>
                <a class="control-button" href="/pilot-program">Pilot Monitor</a>
                <a class="control-button primary" href="/experience">Experience Center</a>
                <a class="control-button primary" href="/demo/qr?campaign=server-dashboard">Demo QR Gateway</a>
                <a class="control-button primary" href="/demo/agent">Demo AI Agent</a>
                <a class="control-button" href="/demo/marketing/server-dashboard">Printable Demo Poster</a>
                <a class="control-button" href="/demo-system">Demo System</a>
                <a class="control-button" href="/growth-engine">Growth Engine</a>
                <a class="control-button" href="/distribution">Distribution</a>
                <a class="control-button" href="/cost-management">Cost Management</a>
                <a class="control-button" href="/focus-engine">Focus Engine</a>
                <a class="control-button" href="/internal-operations">Internal Ops</a>
            </div>
        </article>
    </section>
</div>
{% endblock %}