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

{% block title %}Inventory Intelligence{% endblock %}
{% block body_class %}intel-page{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
    <link rel="stylesheet" href="/static/inventory_intelligence/inventory-intelligence.css">
{% endblock %}
{% block content %}
<main class="intel-shell">
        <aside class="intel-nav">
            <h1>Inventory Intelligence</h1>
            <a href="/inventory">Inventory</a>
            <a href="/sales">Sales</a>
            <a href="/restock">Restock</a>
            <a href="/restock/suppliers">Suppliers</a>
            <a href="/analytics">Analytics</a>
        </aside>

        <section class="intel-content">
            <header class="intel-header">
                <div>
                    <p class="eyebrow">Operational forecasting</p>
                    <h2>Smart Inventory Intelligence</h2>
                    <p>Forecast shortages, spot fast movers, reduce dead stock, and coordinate branch replenishment.</p>
                </div>
                <form method="POST" action="/inventory-intelligence/refresh">
                    <input type="hidden" name="mode" value="queue">
                    <button type="submit">Refresh Intelligence</button>
                </form>
            </header>

            <section class="intel-actions" aria-label="Inventory intelligence actions">
                <button type="button" data-intel-action="refresh-now">Run Now</button>
                <button type="button" data-intel-action="live-dashboard">Live View</button>
                <button type="button" data-intel-action="autonomous">Autonomous Actions</button>
                <button type="button" data-intel-action="simulate">Simulate</button>
                <button type="button" data-intel-action="procurement">Procurement</button>
                <button type="button" data-intel-action="continuity">Continuity</button>
                <button type="button" data-intel-action="command-center">Command Center</button>
                <button type="button" data-intel-action="focus-mode">Focus Mode</button>
                <button type="button" data-intel-action="executive-summary">Executive Summary</button>
                <button type="button" data-intel-action="create-rule">Add Rule</button>
                <button type="button" data-intel-action="add-expiry">Add Expiry Batch</button>
            </section>
            <section id="inventory-intelligence-action-output" class="intel-output" aria-live="polite"></section>

            <section class="metric-grid">
                <article>
                    <span>Products</span>
                    <strong>{{ summary.products_analyzed or 0 }}</strong>
                </article>
                <article>
                    <span>Critical Risks</span>
                    <strong>{{ summary.critical_stockout_risks or 0 }}</strong>
                </article>
                <article>
                    <span>Reorders</span>
                    <strong>{{ summary.reorder_recommendations or 0 }}</strong>
                </article>
                <article>
                    <span>Dead Stock</span>
                    <strong>{{ summary.dead_stock_items or 0 }}</strong>
                </article>
                <article>
                    <span>Branch Transfers</span>
                    <strong>{{ summary.branch_transfer_opportunities or 0 }}</strong>
                </article>
                <article>
                    <span>Profit 90d</span>
                    <strong>{{ "%.2f"|format(summary.profit_90d or 0) }}</strong>
                </article>
                <article>
                    <span>Health</span>
                    <strong>{{ summary.inventory_health_score or 0 }}</strong>
                </article>
                <article>
                    <span>Cash Locked</span>
                    <strong>{{ "%.0f"|format(summary.cash_locked_in_inventory or 0) }}</strong>
                </article>
                <article>
                    <span>Loss Risks</span>
                    <strong>{{ summary.loss_risk_count or 0 }}</strong>
                </article>
                <article>
                    <span>Expiry Risks</span>
                    <strong>{{ summary.expiry_risk_count or 0 }}</strong>
                </article>
                <article>
                    <span>Automation</span>
                    <strong>{{ summary.automation_actions or 0 }}</strong>
                </article>
                <article>
                    <span>Growth Ready</span>
                    <strong>{{ summary.growth_readiness_score or 0 }}</strong>
                </article>
                <article>
                    <span>Risk Signals</span>
                    <strong>{{ summary.inventory_risk_count or 0 }}</strong>
                </article>
                <article>
                    <span>Spike Warnings</span>
                    <strong>{{ summary.demand_spike_warnings or 0 }}</strong>
                </article>
                <article>
                    <span>Efficiency</span>
                    <strong>{{ summary.efficiency_score or 0 }}</strong>
                </article>
                <article>
                    <span>Bottlenecks</span>
                    <strong>{{ summary.bottleneck_count or 0 }}</strong>
                </article>
                <article>
                    <span>Priority Items</span>
                    <strong>{{ summary.priority_items or 0 }}</strong>
                </article>
                <article>
                    <span>Auto Actions</span>
                    <strong>{{ summary.autonomous_actions or 0 }}</strong>
                </article>
                <article>
                    <span>Business Health</span>
                    <strong>{{ summary.business_health_score or 0 }}</strong>
                </article>
                <article>
                    <span>Stability</span>
                    <strong>{{ summary.operational_stability_score or 0 }}</strong>
                </article>
                <article>
                    <span>Biz Priorities</span>
                    <strong>{{ summary.business_priority_count or 0 }}</strong>
                </article>
                <article>
                    <span>Exec Actions</span>
                    <strong>{{ summary.executive_action_count or 0 }}</strong>
                </article>
            </section>

            <section class="intel-search">
                <input id="inventory-intelligence-search" type="search" placeholder="Search product, barcode, or SKU">
                <div id="inventory-intelligence-results" class="search-results"></div>
            </section>

            <section class="intel-columns">
                <article class="intel-panel">
                    <h3>Stockout Forecast</h3>
                    {% for row in (snapshot.low_stock_forecasts or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.name }}</strong>
                            <span>{{ row.risk }} | stock {{ row.current_stock }} | {{ row.days_to_stockout or "no" }} days</span>
                        </div>
                    {% else %}
                        <p>No stockout risks found.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Reorder Recommendations</h3>
                    {% for row in (snapshot.reorder_recommendations or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.name }}</strong>
                            <span>Order {{ row.recommended_qty }} {{ row.reorder_timing }}{% if row.preferred_supplier %} via {{ row.preferred_supplier }}{% endif %}</span>
                        </div>
                    {% else %}
                        <p>No reorder actions needed.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Fast Movers</h3>
                    {% for row in (snapshot.fast_moving_products or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.name }}</strong>
                            <span>{{ row.units_sold }} units | score {{ row.score }}</span>
                        </div>
                    {% else %}
                        <p>No fast-moving products yet.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Dead Stock</h3>
                    {% for row in (snapshot.dead_stock or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.name }}</strong>
                            <span>{{ row.days_without_sale }} days | value {{ "%.2f"|format(row.carrying_value or 0) }}</span>
                        </div>
                    {% else %}
                        <p>No dead stock found.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Decision Assistant</h3>
                    {% for row in (snapshot.decision_assistant.recommendations or [])[:5] %}
                        <div class="intel-row">
                            <strong>{{ row.title }}</strong>
                            <span>{{ row.priority }} | {{ row.explanation }}</span>
                        </div>
                    {% else %}
                        <p>No decision guidance yet.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Branch Health</h3>
                    {% for row in (snapshot.inventory_health.branch_scores or [])[:8] %}
                        <div class="intel-row">
                            <strong>Branch {{ row.branch_id }}</strong>
                            <span>Score {{ row.score }} | products {{ row.products }} | risks {{ row.risks }}</span>
                        </div>
                    {% else %}
                        <p>No branch health data yet.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Inventory Risks</h3>
                    {% for row in (snapshot.inventory_risk.risks or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.risk_type }}</strong>
                            <span>Score {{ row.score }} | {{ row.recommendation }}</span>
                        </div>
                    {% else %}
                        <p>No predictive risks found.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Priority Focus</h3>
                    {% for row in (snapshot.inventory_prioritization or [])[:8] %}
                        <div class="intel-row">
                            <strong>{{ row.name }}</strong>
                            <span>Score {{ row.score }} | {{ row.focus }} | {{ row.tags|join(", ") }}</span>
                        </div>
                    {% else %}
                        <p>No priority items yet.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Executive Focus</h3>
                    {% for row in (snapshot.business_priorities.top_focus or [])[:5] %}
                        <div class="intel-row">
                            <strong>{{ row.priority_type }}</strong>
                            <span>{{ row.severity }} | {{ row.recommended_focus }}</span>
                        </div>
                    {% else %}
                        <p>No executive priorities yet.</p>
                    {% endfor %}
                </article>

                <article class="intel-panel">
                    <h3>Focus Mode</h3>
                    <div class="intel-row">
                        <strong>{{ snapshot.operational_focus_mode.headline or "Operational focus" }}</strong>
                        <span>{{ snapshot.operational_focus_mode.next_best_action.message or "No urgent executive action is required right now." }}</span>
                    </div>
                </article>
            </section>

            <section class="intel-panel report-panel">
                <h3>Operational Reports</h3>
                <div class="report-links">
                    {% for name in ["LOW_STOCK_FORECAST_REPORT.md","FAST_MOVING_PRODUCTS_REPORT.md","DEAD_STOCK_ANALYSIS_REPORT.md","REORDER_RECOMMENDATION_REPORT.md","SUPPLIER_INTELLIGENCE_REPORT.md","INVENTORY_FORECAST_REPORT.md","INVENTORY_ANOMALY_REPORT.md","INVENTORY_MOVEMENT_REPORT.md","INVENTORY_PROFITABILITY_REPORT.md","INVENTORY_AUDIT_REPORT.md","INVENTORY_HEALTH_SCORE_REPORT.md","SEASONAL_DEMAND_FORECAST.md","INVENTORY_LOSS_REPORT.md","EXPIRY_RISK_REPORT.md","INVENTORY_TURNOVER_INTELLIGENCE.md","INVENTORY_CASHFLOW_INTELLIGENCE.md","INVENTORY_DECISION_ASSISTANT.md","INVENTORY_SIMULATION_MODE.md","INVENTORY_RISK_REPORT.md","INVENTORY_EFFICIENCY_REPORT.md","AUTONOMOUS_INVENTORY_OPTIMIZATION_REPORT.md","SMART_PROCUREMENT_INTELLIGENCE.md","INVENTORY_STRATEGY_INTELLIGENCE.md","INVENTORY_OPERATIONAL_MEMORY.md","BUSINESS_CONTINUITY_INVENTORY_MODE.md","INVENTORY_AI_DECISION_ASSISTANT.md","BUSINESS_PRIORITY_REPORT.md","BUSINESS_HEALTH_REPORT.md","OPERATIONAL_STABILITY_SCORE.md","EXECUTIVE_COMMAND_CENTER_REPORT.md","EXECUTIVE_INSIGHT_SUMMARY.md"] %}
                        <a href="/inventory-intelligence/reports/{{ name }}">{{ name }}</a>
                    {% endfor %}
                </div>
            </section>
        </section>
    </main>
    <script src="/static/inventory_intelligence/inventory-intelligence.js"></script>
{% endblock %}