{% extends 'base.recipe.html.twig' %}

{% block body %}

    <meta name=”robots” content=”noindex,nofollow”>

    <div class="row">
        <div class="medium-12 large-12 columns">
            <h4>Recipes Entry Form</h4>
            <div class="medium-2  columns"><a class="button" href="{{ path('new_recipe_entry') }}">ADD NEW RECIPE ENTRY</a></div>

            <table class="stack">
                <thead>
                <tr>
                    <th width="30">ID</th>
                    <th width="30">Date</th>
                    <th width="300">Title</th>
                    <th width="300">Category</th>
                    <th width="5000">Ingredients</th>
                    <th width="1000">Utensils</th>
                    <th width="8000">instructions</th>
                    <th width="300">Author</th>
                </tr>
                </thead>
                <tbody>
                {% for home_recipes in home_recipes %}
                    <tr>
                        <td>{{ home_recipes.id }}</td><td>{{ home_recipes.t.format('Y-m-d') }}</td><td>{{ home_recipes.title }}</td><td>{{ home_recipes.category }}</td>
                        <td>{{ home_recipes.ingredients }}</td><td>{{ home_recipes.utensils }}</td><td>{{ home_recipes.instructions }}</td><td>{{ home_recipes.author }}</td>
                        <td>
                            <a class="hollow button" href="{{ path('modify_recipe_record', {'id': home_recipes.id}) }}">EDIT</a></td>
                        <td><a class="hollow button" href="{{ path('delete_recipe_record', {'id': home_recipes.id}) }}">DELETE</a></td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

{% endblock %}