{% extends 'base.html' %}

{% block title %}Recipe: {{ recipe.title }}{% endblock %}

{% block content %}
<h1>{{ recipe.title }}</h1>
<p>{{ recipe.description }}</p>
<h2>Ingredients</h2>
<ul>
    {% for ingredient in recipe.ingredients %}
        <li>{{ ingredient.quantity }} {{ ingredient.name }}</li>
    {% endfor %}
</ul>
<h2>Instructions</h2>
<ol>
    {% for instruction in recipe.instructions %}
        <li>{{ instruction.description }}</li>
    {% endfor %}
</ol>
{% endblock %}