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

{% block title %}FoodOrder index{% endblock %}

{% block body %}
    <h1>FoodOrder index</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Vendor</th>
                <th>CreatedAt</th>
                <th>ClosedAt</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for food_order in food_orders %}
            {{ include('food_order/table_row.html.twig') }}
        {% else %}
            <tr>
                <td colspan="4">no records found</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div>
        <button
                hx-get="{{ path('app_food_order_new') }}"
                hx-trigger="click"
                hx-target="closest div"
        >Create new</button>
    </div>
{% endblock %}