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

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

{% block body %}
    <h1>FoodOrder index</h1>
    <div>
        <button
                hx-get="{{ path('app_food_order_new') }}"
                hx-trigger="click"
                hx-target="closest div"
        >Create new</button>
    </div>
    <hr>
    <table class="table">
        <thead>
            <tr>
                <th>CreatedBy</th>
                <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>
    {% if prev_page > 0 %}
        <a href="{{ path('app_food_order_index', {'page': prev_page}) }}">previous page</a> |
    {% endif %}
    {% if next_page > current_page %}
        <a href="{{ path('app_food_order_index', {'page': next_page}) }}">next page</a>
    {% endif %}
{% endblock %}