{% extends "base.html" %}

{% block page_title %}
    {% if recipe.url %}
        <a href="{{ recipe.url }}">{{ recipe.name }}</a>
    {% else %}
        {{ recipe.name }}
    {% endif %}
{% endblock %}

{% block content %}
    <p id="recipe-details">
    {% if recipe.yield_ %}
        <span class="detail-field-header">Yield:</span>
        <span class="detail-field-contents">{{ recipe.yield_ }}</span><br />
    {% endif %}
    {% if recipe.author %}
        <span class="detail-field-header">Author:</span>
        <span class="detail-field-contents">{{ recipe.author }}</span><br />
    {% endif %}
    {% if recipe.source %}
        <span class="detail-field-header">Source:</span>
        <span class="detail-field-contents">{{ recipe.source }}</span><br />
    {% endif %}

    <div id="recipe-ingredient-blocks">
    {% for ingredient_block in recipe.ingredient_blocks %}
	<h2>{{ ingredient_block.heading() }}</h2>
	<table>
        {% for ingredient in ingredient_block %}
            <tr>{{ ingredient.__unicode__() }}</tr>
        {% endfor %}
	</table>
    {% endfor %}
    </div>

    <div id="recipe-directions">
    <h2>Directions</h2>
    {% for paragraph in recipe.directions.wrapped_paragraphs() %}
        <p>{{ paragraph }}</p>
    {% endfor %}
    </div>
{% endblock %}