43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
{% extends 'base.html' %}
|
|
{% block content %}
|
|
<section class="hero-grid dossier-grid">
|
|
<article class="card evidence-board">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-label">Meal planner</p>
|
|
<h2>Build the week around a few anchor meals</h2>
|
|
</div>
|
|
<span class="pill">Planning board</span>
|
|
</div>
|
|
<form id="planner-form" class="stack-form intake-docket">
|
|
<label>Week start
|
|
<input type="date" id="week-start">
|
|
</label>
|
|
<label>How many dinners?
|
|
<input type="number" id="target-meals" min="3" max="7" value="5">
|
|
</label>
|
|
<label>Anchor ideas
|
|
<textarea id="planner-anchors" rows="5" placeholder="Ground beef potato skillet Chicken rice bowls Pasta bake"></textarea>
|
|
</label>
|
|
<button type="submit">Build the week</button>
|
|
</form>
|
|
</article>
|
|
<article class="card evidence-board">
|
|
<div class="case-legend"><span class="section-label">What this does</span><span class="pill">Waste-aware</span></div>
|
|
<h2>Waste-aware planning</h2>
|
|
<p class="muted">The planner looks at approved and queued meals, then tries to pair dishes that reuse overlapping ingredients. That means less waste, less random spending, and fewer half-dead veg rattling in the fridge drawer.</p>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="card evidence-board">
|
|
<div class="section-heading">
|
|
<div>
|
|
<p class="section-label">Plan output</p>
|
|
<h2>Suggested meal week</h2>
|
|
</div>
|
|
<span class="pill">Lineup board</span>
|
|
</div>
|
|
<div id="plan-output" class="plan-grid muted dossier-grid">Generate a plan to see the meal lineup.</div>
|
|
</section>
|
|
{% endblock %}
|