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

        <p>{{ category.styleDescription }}</p>
    </div>
    <div class="large-12 small-12 columns">
        <table width="100%">
            <tr>
                <th>Beer Name</th>
                <th>Original Brew Date</th>
                <th>Style</th>
            </tr>
            {% for entry in craft.entries.section('recipes').relatedTo(category) %}
                <tr>
                    <td><a href="{{ entry.url }}">{{ entry.title }}</a></td>
                    <td>{{ entry.originalBrewDate | date('F Y') }}</td>
                    <td>{%  for style in entry.style %}{{ style.title }} {% endfor %}</td>
                </tr>
            {% endfor %}
        </table>
    </div>
{% endblock %}