{% extends "base.html" %}
{% block title %}Scenario Lab{% endblock %}
{% block content %}
<header class="page-head"><div><div class="eyebrow">Challenge the assumptions</div><h1>Scenario Lab</h1><div class="subtitle">Compare fixed merchandising strategies and observe how different business priorities change product rankings.</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>
<section class="section"><div class="section-head"><div><h2>Merchandising strategies</h2><p>Fixed and repeatable presets; rankings change with the uploaded data.</p></div></div><div class="section-body metric-list">{% for s in scenario_list %}{% set preset = (preset_scenarios | selectattr('name','equalto',s.name) | first) %}<div><div class="metric-row"><b>{{ s.name }}</b><span class="sub">Ready to compare</span></div>{% if preset %}<div class="sub" style="margin:4px 0 6px">{{ preset.description }}</div>{% endif %}<div class="sub">CVR {{ (s.weights.cvr*100)|int }}% · Stock {{ (s.weights.stock*100)|int }}% · Demand {{ (s.weights.popularity*100)|int }}% · Price {{ (s.weights.price*100)|int }}%</div></div>{% else %}<div class="empty">Upload a valid workbook to generate strategy rankings.</div>{% endfor %}</div></section>
<section class="section"><div class="section-head"><form class="filters" method="get"><input type="hidden" name="week" value="{{ selected_week or '' }}"><label><span class="visually-hidden">First strategy</span><select name="a" class="select">{% for s in scenario_list %}<option {% if s.name == compare_a %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select></label><span aria-hidden="true">versus</span><label><span class="visually-hidden">Second strategy</span><select name="b" class="select">{% for s in scenario_list %}<option {% if s.name == compare_b %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select></label><button class="button" type="submit" {% if not scenario_list %}disabled{% endif %}>Compare strategies</button></form><div class="sub">Largest rank movements first</div></div><div class="table-wrap"><table><thead><tr><th>Product</th><th class="num">{{ compare_a }}</th><th class="num">{{ compare_b }}</th><th class="num">Rank change</th><th class="num">Score change</th></tr></thead><tbody>{% for r in comparison %}<tr><td class="product">{{ r.product_name }}</td><td class="num">{{ r.rank_a }}</td><td class="num">{{ r.rank_b }}</td><td class="num {{ 'good' if r.rank_change > 0 else 'bad' if r.rank_change < 0 else '' }}">{{ '+' if r.rank_change > 0 else '' }}{{ r.rank_change }}</td><td class="num">{{ '%.3f'|format(r.score_change) }}</td></tr>{% else %}<tr><td colspan="5" class="empty">{% if scenario_list %}Choose two different strategies to compare their rankings.{% else %}Upload data before comparing strategies.{% endif %}</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}