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

{% block title %}Menu | Restaurant La Tour{% endblock %}

{% block body %}
    <main role="main">
        <div class="menu-aperitif">

            <h2 class="title-sub-category">Sodas</h2>
            <div class="list-item">
                {% for soda in sodas %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand">
                                {% if soda.logoFilename %}
                                    <img src="{{ vich_uploader_asset(soda, 'imageFile') }}" class="img" alt="">
                                {% endif %}
                            </div>
                            <div class="description">
                                <span></span>
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="quantity">{{ soda.quantity }}</span>
                            <span class="price">{{ soda.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}
            </div>

            <h2 class="title-sub-category">Eaux</h2>
            <div class="list-item">
                {% for eau in eaux %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand">
                                {% if eau.logoFilename %}
                                    <img src="{{ vich_uploader_asset(eau, 'imageFile') }}" class="img" alt="" style="max-height: 40px;">
                                {% endif %}
                            </div>
                            <div class="description">
                                <span></span>
                            </div>
                        </div>
                        
                        <div class="all-price">
                            {% for pq in eau.priceQuantity %}
                                <div class="item__price-quantity">
                                    <span class="quantity">{{ pq.quantity }}</span>
                                    <span class="price">{{ pq.price|replace({'.' : ','}) }} €</span>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                {% endfor %}
            </div>

            <h2 class="title-sub-category">Jus de Fruits</h2>
            <img src="{{ asset('images/logo/logo_jus_de_reve.png') }}" alt="Logo jus de rêve" style="max-width: 40%; margin: 0 auto 20px; display: block;">
            <div class="list-item">
                {% for j in jus %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand logo">
                                <img src="{{ asset('images/logo/AB.png') }}" class="img" alt="Logo Agriculture biologique">
                                <div class="biere-name-type-categor">
                                    <h3>{{ j.name }}</h3>
                                </div>
                            </div>
                            <div class="description">
                                <span></span>
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="price">{{ j.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}
            </div>

            <h2 class="title-sub-category">Sirops</h2>
            <span class="subtitle">
                Au choix : Grenade, Menthe, Fraise, Pêche, Framboise, Citron, Pamplemousse rose.
            </span>
            <div class="list-item">
                {% for sirop in sirops %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand logo">
                                <div class="biere-name-type-categor">
                                    <h3>{{ sirop.name }}</h3>
                                </div>
                            </div>
                            <div class="description">
                                <span></span>
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="quantity">{{ sirop.quantity }}</span>
                            <span class="price">{{ sirop.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </main>
{% endblock %}