{% 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 %}
    {% if recipe.tags %}
        <span class="detail-field-header">Tags:</span>
        <span class="detail-field-contents">{{ ', '.join(tag_links) }}
	</span><br/>
    {% endif %}
    </p>
    <form action="add_tag" method="get">
      <input type="hidden" name="name" value="{{ recipe.name }}"/>
      <select name="tag">
	<option value="">textbox</option>
	{% for tag in cookbook.tags() %}
	<option value="{{ tag }}">{{ tag }}</option>
	{% endfor %}
      </select>
      <input type="text" name="tag" value=""/>
      <input type="submit" value="Add tag"/>
    </form>
    {% if recipe.tags %}
    <form action="remove_tag" method="get">
      <input type="hidden" name="name" value="{{ recipe.name }}"/>
      <select name="tag">
	{% for tag in recipe.tags %}
	<option value="{{ tag }}">{{ tag }}</option>
	{% endfor %}
      </select>
      <input type="submit" value="Remove tag"/>
    </form>
    {% endif %}

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

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

    <ul>
      <li><a href="edit?name={{ recipe.clean_name(ascii=True) }}">
	  edit receipe</a></li>
      <li><a href="edit?action=remove&name={{ recipe.clean_name(ascii=True) }}">
	  remove receipe</a></li>
    </ul>
{% endblock %}