<div class="pagination">

  <ul>

    {% if page_obj.has_previous %}

    <li><a href="?{{page_param|default:"page"}}={{page_obj.previous_page_number}}{% if extra_param %}&{{extra_param}}{% endif %}">Prev</a></li>

    {% else %}

    <li class="disabled"><span>Prev</span></li>

    {% endif %}

    <li class="active"><span>Page {{page_obj.number}} of {{page_obj.paginator.num_pages}}</span></li>

    {% if page_obj.has_next %}

    <li><a href="?{{page_param|default:"page"}}={{page_obj.next_page_number}}{% if extra_param %}&{{extra_param}}{% endif %}">Next</a></li>

    {% else %}

    <li class="disabled"><span>Next</span></li>

    {% endif %}

  </ul>

</div>

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

{% load djangoshaker_html_helpers %}

{% block content %}

<div class="row">

  <div class="span6">  

{% if available_recipes %}

<ul class="unstyled">

  {% for recipe in available_recipes %}

  <li>{% html_link 'recipe' recipe.name recipe.id "btn btn-link" %}</li>

  {% endfor %}

</ul>

{% include "djangoshaker/pagination.html" with page_obj=available_recipes page_param="recipe_page" extra_param=ingredient_page_param %}

{% endif %}

  </div>

  <div class="span6">

<h1>Your Ingredients</h1>

{% if user_ingredients %}

{% include "djangoshaker/ingredient_selection.html" with ingredients=user_ingredients %}

{% endif %}

{% include "djangoshaker/pagination.html" with page_obj=user_ingredients page_param="ingredient_page" extra_param=recipe_page_param %}

<a class="btn" href="{% url user_ingredient_list %}">Show all ingredients.</a>

  </div>

</div>

{% endblock %}