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

{% block title %}MenuItem{% endblock %}

{% block body %}
    <h1 class="mb-4">MenuItem</h1>

    <table class="table table-bordered w-auto">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ menu_item.id }}</td>
            </tr>
            <tr>
                <th>Name</th>
                <td>{{ menu_item.name }}</td>
            </tr>
            <tr>
                <th>Price</th>
                <td>{{ (menu_item.priceCents / 100)|format_currency('EUR') }}</td>
            </tr>
            {% if(menu_item.aliasOf) %}
            <tr>
                <th>Alias of</th>
                <td>{{ menu_item.aliasOf.name }}</td>
            </tr>
            {% endif %}
            {% if(menu_item.aliases|length  > 0) %}
            <tr>
                <th>Aliases</th>
                <td>
                    <ul class="list-group list-group-flush">
                    {% for alias in menu_item.aliases %}
                        <li class="list-group-item">{{ alias.name }}</li>
                    {% endfor %}
                    </ul>
                </td>
            </tr>
            {% endif %}
        </tbody>
    </table>

    <div class="d-flex gap-2">
        <a class="btn btn-secondary" href="{{ path('app_food_vendor_show', { 'id': menu_item.foodVendor.id}) }}">back to list</a>
        <a class="btn btn-primary" href="{{ path('app_menu_item_edit', {'id': menu_item.id}) }}">edit</a>
        {{ include('menu_item/_delete_form.html.twig') }}
    </div>
{% endblock %}