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

{% block title %}Gestion des produits{% endblock %}

{% block body %}

    <div class="container">
        <div class="row">
            <h1>Menu</h1>
        </div>
        <div class="row">
            <div class="col-md-6 px-3">

                <div class="card mb-4">
                    <h5 class="card-header">{{cat01.name}} - {{ cat01.price }}€</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat01.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_special_edit', {'id' : cat01.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat01.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items01 %}
                                <li class="list-group-item">
                                    {{ item.name }}
                                    <a href="{{path('admin_menu_item_special_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_special_menu', {'cat' : 1}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>

                <div class="card mb-4">
                    <h5 class="card-header">{{cat02.name}}</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat02.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_edit', {'id' : cat02.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat02.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items02 %}
                                <li class="list-group-item">
                                    {{ item.name }} {% if item.price %}({{ item.price }}€{% endif %}{% if item.priceUnit %}<small>/{{ item.priceUnit }})</small>{% endif %}

                                    <a href="{{path('admin_menu_item_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_menu', {'cat' : 2}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>

                <div class="card mb-4">
                    <h5 class="card-header">{{cat03.name}}</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat03.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_edit', {'id' : cat03.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat03.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items03 %}
                                <li class="list-group-item">
                                    {{ item.name }} {% if item.price %}({{ item.price }}€{% endif %}{% if item.priceUnit %}<small>/{{ item.priceUnit }})</small>{% endif %}

                                    <a href="{{path('admin_menu_item_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_menu', {'cat' : 3}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>




            </div>

            <div class="col-md-6 px-3">

                <div class="card mb-4">
                    <h5 class="card-header">{{cat04.name}}</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat04.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_edit', {'id' : cat04.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat04.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items04 %}
                                <li class="list-group-item">
                                    {{ item.name }} {% if item.price %}({{ item.price }}€{% endif %}{% if item.priceUnit %}<small>/{{ item.priceUnit }})</small>{% endif %}

                                    <a href="{{path('admin_menu_item_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_menu', {'cat' : 4}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>

                <div class="card mb-4">
                    <h5 class="card-header">{{cat05.name}}</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat05.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_edit', {'id' : cat05.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat05.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items05 %}
                                <li class="list-group-item">
                                    {{ item.name }} {% if item.price %}({{ item.price }}€{% endif %}{% if item.priceUnit %}<small>/{{ item.priceUnit }})</small>{% endif %}

                                    <a href="{{path('admin_menu_item_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_menu', {'cat' : 5}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>

                <div class="card mb-4">
                    <h5 class="card-header">{{cat06.name}}</h5>
                    <div class="card-body">
                        <h5 class="card-title"><small><em>{{ cat06.description }}</em></small></h5>
                        <a href="{{ path('admin_menu_edit', {'id' : cat06.id})  }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier "{{cat06.name}}"</a>
                        <ul class="list-group mt-2">
                            {% for item in items06 %}
                                <li class="list-group-item">
                                    {{ item.name }} {% if item.price %}({{ item.price }}€{% endif %}{% if item.priceUnit %}<small>/{{ item.priceUnit }})</small>{% endif %}

                                    <a href="{{path('admin_menu_item_edit', {'id' : item.id}) }}" title="modifier" alt="modifier"><i class="fas fa-edit"></i></a> |
                                    <a href="{{path('admin_menu_item_delete', {'id' : item.id}) }}" title="supprimer" alt="supprimer" onclick="return confirm('Confirmer la suppression?');"><i class="fas fa-trash-alt"></i></a><br>
                                    <small><em>{{ item.description }}</em></small>
                                </li>
                            {%  endfor %}
                            <li class="list-group-item"><a href="{{ path('add_item_menu', {'cat' : 6}) }}" class="btn btn-outline-primary btn-sm">+ Ajouter un élément</a></li>
                        </ul>
                    </div>
                </div>

            </div>

        </div>
    </div>


{% endblock %}