{% extends "djangoshaker/template.html" %}

{% load djangoshaker_html_helpers %}

{% block content %}

{% if available_recipes %}
<h1>Drinks that You Can Make</h1>

<ul class="unstyled">
  {% for recipe in available_recipes %}
  <li>{% html_link 'recipe' recipe.name recipe.id "btn btn-link" %}</li>
  {% endfor %}
</ul>

{% endif %}

{% if user_ingredients %}
<h1>Your Ingredients</h1>

<div>List of ingredients that you own. Click on the ingredient to remove it from the list.</div>

<ul class="unstyled">
  {% for ingredient in user_ingredients %}
  <li>{% html_link 'remove_user_ingredient' ingredient.name ingredient.id "btn btn-link btn-fixed" %}</li>
  {% endfor %}
</ul>
{% endif %}

{% if ingredients %}
<h1>Available Ingredients</h1>

<div>List of ingredients that are available. Click on the ingredient to add it to the list of ingredients you own.</div>

<ul class="unstyled">
  {% for ingredient in ingredients %}
  <li>{% html_link 'add_user_ingredient' ingredient.name ingredient.id "btn btn-link btn-fixed" %}</li>
  {% endfor %}
</ul>
{% endif %}
{% endblock %}