{% extends "base.html" %}
{% block title %}Michael's CSC 210 Assignment 5 | Ferb's Lamb Cobbler{% endblock %}
{% block page_content %}
	<h1 class="page-header">Ferb's Lamb Cobbler</h1>
	<p class="subtitle">from <cite>Phineas and Ferb</cite></p>
	<section class="row">
				<header class="col-sm">
					<h2>The Recipe:</h2>
				</header>
				<section class="col-sm">
					<h3>Ingredients:</h3>
					<button>Show next ingredients</button>
					<ul>
						<li>A big bow</li>
						<li>Four eggs</li>
						<li>One pound of lamp</li>
						<li>Self-righteous flowers (roses)</li>
						{% if ingredient %}
							<li>{{ ingredient }}</li>
						{% endif %}
					</ul>
					<form action="#" method="post">
						<label for="new-ingredient">New Ingredient: </label><input type="text" id="new-ingredient">
						<input type="submit">
					</form>
				</section>
				<section class="col-sm">
					<h3 class="sect-title">Instructions:</h3>
					<button>Show next instructions</button>
					<ol>
						<li>With a big bow, bleat four eggs</li>
						<li>Mix in one pound of lamp</li>
						<li>Add self-righteous flowers</li>
						<li>Bake at 9000 for 5 minutes</li>
					</ol>
				</section>
				<figure class="figure">
					<img class="figure-img img-fluid rounded" src="{{ url_for('static', filename='images/mid-preparation.jpg') }}" alt="Stacey and Candace mid preperation">
					<figcaption class="figure-caption">Stacey and Candace mid-preparation</figcaption>
				</figure>
			</section>
	{% endblock page_content %}
{% block head %}
    {{ super() }}
{% endblock %}
{% block body %}
	{{ super() }}
{% endblock %}
{% block scripts %}
{{ super() }}
<script type="text/javascript" src="{{ url_for('static', filename='js/scripts.js') }}"></script>
{% endblock %}