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

{% block title %}Tables index{% endblock %}

{% block head %}
    <head>
        <meta charset="UTF-8">
        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
    </head>
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
    <link rel="stylesheet" href="{{ asset('css/Plats/plats.css') }}"> <!-- Ajout du fichier CSS -->
    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
{% endblock %}

{% block container_modal %}

    <div id="container_modal">
        <div class="menu-container">
            {% for plat in plats %}
                <div class="menu-card">
                    <h2>{{ plat.Nom }}</h2>
                    <p>{{ plat.Description }}</p>
                    <p class="price">{{ plat.Prix }}€</p>
                    <div class="actions">
                        <a href="{{ path('app_plats_edit', {'id': plat.id}) }}" class="edit">Modifier</a>

                        <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sûr de vouloir le supprimer ?');" style="display:inline;">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}">
                            <button type="submit" class="delete">Supprimer</button>
                        </form>
                    </div>
                </div>
            {% else %}
                <p>Aucun plat disponible.</p>
            {% endfor %}
        </div>

        <a href="{{ path('app_plats_new') }}" class="add-menu">Créer un menu</a>

    </div>

{% endblock %}



