{% extends "base.html" %}
{% block title %}Command Centre{% endblock %}
{% block content %}
<header class="page-head">
  <div><div class="eyebrow">Executive decision view</div><h1>Merchandising Command Centre</h1><div class="subtitle">A prioritised weekly action plan built from commercial performance, customer behaviour, stock risk and transparent business rules.</div></div>
  {% if weeks %}<label><span class="visually-hidden">Trading week</span><select class="week-select" onchange="weekChange(this)">{% for w in weeks %}<option {% if w == selected_week %}selected{% endif %}>{{ w }}</option>{% endfor %}</select></label>{% endif %}
</header>
{% if not kpis %}
<section class="grid kpis" aria-label="Empty summary"><div class="card kpi"><div class="label">Revenue</div><div class="value">£0</div><div class="detail">No workbook loaded</div></div><div class="card kpi"><div class="label">Critical actions</div><div class="value">0</div><div class="detail">Awaiting analysis</div></div><div class="card kpi"><div class="label">Actionable products</div><div class="value">0</div><div class="detail">Awaiting analysis</div></div><div class="card kpi"><div class="label">Indicative exposure</div><div class="value">£0</div><div class="detail">Awaiting analysis</div></div></section>
<section class="section"><div class="section-body empty" style="padding:64px 24px"><div class="eyebrow">No analytical data loaded</div><h2 style="font-size:24px;margin:10px 0 8px">Upload a workbook to generate the decision view</h2><p style="max-width:650px;margin:0 auto 22px">The application starts empty. Revenue, rankings, recommendations, strategies and verification results are calculated only after a valid five-sheet workbook is imported.</p><a class="button" href="{{ url_for('upload') }}">Open Data Workspace</a></div></section>
{% else %}
<section class="grid kpis" aria-label="Weekly summary"><div class="card kpi"><div class="label">Revenue</div><div class="value">£{{ '{:,.0f}'.format(kpis.total_revenue) }}</div><div class="detail {{ 'good' if kpis.revenue_vs_forecast >= 0 else 'bad' }}">{{ '+' if kpis.revenue_vs_forecast >= 0 else '' }}£{{ '{:,.0f}'.format(kpis.revenue_vs_forecast) }} vs forecast</div></div><div class="card kpi"><div class="label">Critical actions</div><div class="value">{{ summary.critical_products or 0 }}</div><div class="detail">Products requiring immediate review</div></div><div class="card kpi"><div class="label">Actionable products</div><div class="value">{{ summary.actionable_products or 0 }}</div><div class="detail">High-priority non-monitor actions</div></div><div class="card kpi"><div class="label">Indicative exposure</div><div class="value">£{{ '{:,.0f}'.format(summary.commercial_value_proxy or 0) }}</div><div class="detail">Heuristic estimate, not a forecast</div></div></section>
<div class="note" style="margin-bottom:18px"><b>Recommended focus:</b> {{ summary.top_action or 'Monitor' }}. The queue combines weighted performance, rule urgency and evidence strength. A merchandiser retains final decision authority.</div>
<section class="section"><div class="section-head"><div><h2>Priority action queue</h2><p>The twelve products with the strongest combined evidence.</p></div><a class="button secondary" href="{{ url_for('opportunities', week=selected_week) }}">Open full queue</a></div><div class="table-wrap"><table><thead><tr><th>Priority</th><th>Product</th><th>Recommended action</th><th>Evidence</th><th>Owner</th><th class="num">Indicative exposure</th></tr></thead><tbody>{% for r in action_queue %}<tr><td><span class="pill {{ r.priority_band }}">{{ r.priority_band }} · {{ r.priority_score }}</span></td><td><div class="product">{{ r.product_name }}</div><div class="sub">{{ r.brand }} · {{ r.category }}</div></td><td><div class="action">{{ r.recommended_action }}</div><div class="sub">{{ r.confidence }} evidence · {{ r.rule_id }}</div></td><td class="reason">{{ r.reason }}</td><td>{{ r.owner }}</td><td class="num">£{{ '{:,.0f}'.format(r.value_proxy) }}</td></tr>{% else %}<tr><td colspan="6" class="empty">No product recommendations were generated.</td></tr>{% endfor %}</tbody></table></div></section>
<div class="grid two"><section class="section"><div class="section-head"><div><h2>Revenue trajectory</h2><p>Actual revenue against weekly forecast.</p></div></div><div class="section-body" style="height:280px"><canvas id="trend" aria-label="Revenue and forecast trend chart"></canvas></div></section><section class="section"><div class="section-head"><div><h2>Action portfolio</h2><p>Where the system recommends business attention.</p></div></div><div class="section-body metric-list">{% for r in action_mix[:7] %}<div><div class="metric-row"><span>{{ r.recommended_action }}</span><b>£{{ '{:,.0f}'.format(r.value_proxy) }}</b></div><div class="sub">{{ r.products }} product{{ '' if r.products == 1 else 's' }}</div></div>{% else %}<div class="empty">No non-monitor actions were generated.</div>{% endfor %}</div></section></div>
<section class="section"><div class="section-head"><div><h2>Category health</h2><p>Commercial context behind product-level recommendations.</p></div></div><div class="table-wrap"><table><thead><tr><th>Category</th><th class="num">Revenue</th><th class="num">Vs forecast</th><th class="num">Stock value</th><th class="num">Sell-through</th><th class="num">Margin</th></tr></thead><tbody>{% for r in category_health %}<tr><td class="product">{{ r.category }}</td><td class="num">£{{ '{:,.0f}'.format(r.revenue) }}</td><td class="num {{ 'good' if r.forecast_gap_pct >= 0 else 'bad' }}">{{ '+' if r.forecast_gap_pct >= 0 else '' }}{{ r.forecast_gap_pct }}%</td><td class="num">£{{ '{:,.0f}'.format(r.stock_value) }}</td><td class="num">{{ '%.1f'|format(r.sell_through) }}%</td><td class="num">{{ '%.1f'|format(r.margin) }}%</td></tr>{% else %}<tr><td colspan="6" class="empty">No category data is available.</td></tr>{% endfor %}</tbody></table></div></section>
{% endif %}
{% endblock %}
{% block scripts %}<script>const trendData={{ trend_data|tojson }};if(trendData.length){new Chart(document.getElementById('trend'),{type:'line',data:{labels:trendData.map(x=>x.week),datasets:[{label:'Revenue',data:trendData.map(x=>x.revenue),borderColor:'#2764e7',backgroundColor:'rgba(39,100,231,.08)',fill:true,tension:.3},{label:'Forecast',data:trendData.map(x=>x.forecast),borderColor:'#9aa5b5',borderDash:[5,5],tension:.3}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{position:'bottom'}},scales:{y:{ticks:{callback:v=>'£'+Math.round(v/1000)+'k'}}}}});}</script>{% endblock %}