{% extends 'base.html' %}{% block heading %}Strategy + Why Chain{% endblock %}{% block content %}{% include '_project_bar.html' %}
<section class="hero original-hero"><div><div class="kicker">ONE QUESTION · ONE CONNECTED WHY CHAIN</div><h2>{{selected_category}}</h2><p>Answer the strategic question once as a concrete <b>Need</b>. Wize then immediately asks <b>WHY?</b> three times. Every answer uses the exact same grammar: <b>I need to ___ so that I can ___.</b> The chain is Need → Why 1/Wish → Why 2/Dream → Why 3/Fantasy.</p><div class="actions"><a class="ghost" href="{{url_for('five_whys',project_id=project_id)}}">See all five strategic questions</a><a class="ghost" href="{{url_for('pert_original',project_id=project_id)}}">PERT-test Need goals</a></div></div><div class="score"><span>Status</span><strong class="stage-name">{{'COMPLETE' if complete else next_level}}</strong><small>{{chain|length}} / 4 statements</small></div></section>
<section class="panel"><span class="kicker">FIVE STRATEGIC QUESTIONS</span><div class="progress-grid">{% for c in categories %}{% set count=counts.get(c,0) %}<a class="progress-card {% if c==selected_category %}active{% endif %}" href="{{url_for('wizard',project_id=project_id,category=c)}}"><b>{{c}}</b><span>{% if count==0 %}Start with Need{% elif count==1 %}Need ✓ · Why 1 / Wish next{% elif count==2 %}Why 1 ✓ · Why 2 / Dream next{% elif count==3 %}Why 2 ✓ · Why 3 / Fantasy next{% else %}Complete ✓{% endif %}</span></a>{% endfor %}</div></section>
{% if why_prompt and previous %}<section class="flash success why-popup"><b>WHY?</b> You just said: <em>I need to {{previous.need}} so that I can {{previous.so_that}}</em>. Now tell Wize why that matters by writing the next complete <b>I need to ___ so that I can ___</b> statement.</section>{% endif %}
<section class="two-col">
<form class="panel" method="post"><input type="hidden" name="csrf_token" value="{{csrf_token()}}"><input type="hidden" name="action" value="save_strategy"><input type="hidden" name="project_id" value="{{project_id or ''}}"><input type="hidden" name="category" value="{{selected_category}}">
{% if complete %}<span class="kicker">CHAIN COMPLETE</span><h2>All three Whys are answered</h2><p>The concrete <b>Need</b> is your Goal. The Wish, Dream and Fantasy preserve the reasons behind it. Next, assess the Need with PERT.</p><a class="primary" href="{{url_for('pert_original',project_id=project_id)}}">Run PERT on the Need Goal →</a>
{% else %}<span class="kicker">{% if next_level=='Need' %}START HERE · NEED / GOAL{% elif next_level=='Wish' %}WHY 1 · WISH{% elif next_level=='Dream' %}WHY 2 · DREAM{% else %}WHY 3 · FANTASY{% endif %}</span><h2>{% if next_level=='Need' %}{{selected_category}}{% else %}Why does the statement above matter?{% endif %}</h2>
{% if previous %}<div class="prior-answer"><span>PRIOR ANSWER</span><p>I need to <b>{{previous.need}}</b> so that I can <b>{{previous.so_that}}</b>{% if previous.because %} because {{previous.because}}{% endif %}.</p><strong>WHY?</strong></div>{% else %}<p class="lead">Answer <b>{{selected_category}}</b> in one structured sentence.</p>{% endif %}
<label>I need to… <input name="need" required placeholder="{% if next_level=='Need' %}make money{% else %}state the next reason or requirement{% endif %}"></label><label>so that I can… <input name="so_that" required placeholder="{% if next_level=='Need' %}buy a car{% else %}state what that enables next{% endif %}"></label><label>because… <input name="because" placeholder="Optional evidence or reasoning → Clay Tablets"></label><label>Priority<select name="priority"><option value="1">1 Critical</option><option value="2">2 High</option><option value="3" selected>3 Medium</option><option value="4">4 Low</option><option value="5">5 Someday</option></select></label><button class="primary">Save {{next_level}} {% if next_level!='Fantasy' %}+ Ask Why Again{% else %}+ Complete Chain{% endif %}</button>{% endif %}</form>
<div class="panel"><span class="kicker">EXAMPLE · WHAT IS WINNING?</span><h2>The Why is another full Wize statement</h2><div class="example-chain"><div><b>Need / Goal</b><p>I need to <strong>make money</strong> so that I can <strong>buy a car</strong>.</p></div><div class="why-arrow">WHY? ↓</div><div><b>Wish / Why 1</b><p>I need to <strong>have reliable transportation</strong> so that I can <strong>get to work consistently</strong>.</p></div><div class="why-arrow">WHY? ↓</div><div><b>Dream / Why 2</b><p>I need to <strong>buy a house</strong> so that I can <strong>cut down on rent and build stability</strong>.</p></div><div class="why-arrow">WHY? ↓</div><div><b>Fantasy / Why 3</b><p>I need to <strong>build long-term financial freedom</strong> so that I can <strong>choose how I spend my time</strong>.</p></div></div><div class="callout"><b>Rule:</b> Do not answer a Why with a fragment like “because transportation.” Turn the reason into another complete <b>I need to… so that I can…</b> statement.</div></div></section>
<section class="panel"><div class="section-head"><div><span class="kicker">CURRENT QUESTION CHAIN</span><h2>{{selected_category}}</h2></div></div><div class="ladder-flow">{% for r in chain %}<div class="ladder-node"><span>{{r.level}}{% if r.level=='Wish' %} · Why 1{% elif r.level=='Dream' %} · Why 2{% elif r.level=='Fantasy' %} · Why 3{% endif %}</span><p>I need to <b>{{r.need}}</b> so that I can <b>{{r.so_that}}</b>{% if r.because %} because {{r.because}}{% endif %}.</p></div>{% if not loop.last %}<div class="why-arrow">WHY? ↓</div>{% endif %}{% else %}<p>No answer yet. Start with the Need above.</p>{% endfor %}</div></section>
{% endblock %}