{# Recipe Index page #}
{% extends  '_layout' %}
{% block main %}
    <div class="page-title">
        <h2>Beer Styles</h2>

        <p>Browse brew recipes by beer style.</p>
    </div>
    <div class="large-12 small-12 columns">
        <table width="100%">
            <tr>
                <th>Beer Style</th>
                <th>Description</th>
            </tr>
        {% for style in craft.categories.group('beerStyles') %}
            <tr>
                <td><a href="{{ style.url }}">{{ style.title }}</a></td>
                <td>{{ style.styleDescription }}</td>
            </tr>
        {% endfor %}
        </table>
    </div>
{% endblock %}