{% 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">Vins en pichet/bouteille</h2>
            <h2 class="title-sub-category green" style="margin: 0 35px 20px 0;">Blanc</h2>
            <div class="list-item">
                {% for vin in vinsPB %}
                    {% if vin.type == 'Blanc' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vin.name }} {{ vin.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vin.description }}</span>
                                </div>
                            </div>
                            
                            <div class="all-price">
                                {% for pq in vin.priceQuantity %}
                                    <div class="item__price-quantity-vin">
                                        <span class="quantity">{{ pq.quantity }}</span>
                                        <span class="price">{{ pq.price|replace({'.' : ','}) }} €</span>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <h2 class="title-sub-category green">Rouge</h2>
            <div class="list-item">
                {% for vin in vinsPB %}
                    {% if vin.type == 'Rouge' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vin.name }} {{ vin.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vin.description }}</span>
                                </div>
                            </div>
                            
                            <div class="all-price">
                                {% for pq in vin.priceQuantity %}
                                    <div class="item__price-quantity-vin">
                                        <span class="quantity">{{ pq.quantity }}</span>
                                        <span class="price">{{ pq.price|replace({'.' : ','}) }} €</span>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <h2 class="title-sub-category green">Rosé</h2>
            <div class="list-item">
                {% for vin in vinsPB %}
                    {% if vin.type == 'Rosé' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vin.name }} {{ vin.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vin.description }}</span>
                                </div>
                            </div>
                            
                            <div class="all-price">
                                {% for pq in vin.priceQuantity %}
                                    <div class="item__price-quantity-vin">
                                        <span class="quantity">{{ pq.quantity }}</span>
                                        <span class="price">{{ pq.price|replace({'.' : ','}) }} €</span>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <h2 class="title-sub-category" style="margin: 40px 40% 20px 0;">Vins au verre</h2>
            <h2 class="title-sub-category green" style="margin: 0 35px 20px 0;">Blanc</h2>
            <div class="list-item">
                {% for vinV in vinsV %}
                    {% if vinV.type == 'Blanc' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vinV.name }} {{ vinV.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vinV.description }}</span>
                                </div>
                            </div>
                            
                            <div class="item__price-quantity">
                                <span class="quantity">{{ vinV.quantity }}</span>
                                <span class="price">{{ vinV.price|replace({'.' : ','}) }} €</span>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <h2 class="title-sub-category green">Rouge</h2>
            <div class="list-item">
                {% for vinV in vinsV %}
                    {% if vinV.type == 'Rouge' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vinV.name }} {{ vinV.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vinV.description }}</span>
                                </div>
                            </div>
                            
                            <div class="item__price-quantity">
                                <span class="quantity">{{ vinV.quantity }}</span>
                                <span class="price">{{ vinV.price|replace({'.' : ','}) }} €</span>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            <h2 class="title-sub-category green">Rosé</h2>
            <div class="list-item">
                {% for vinV in vinsV %}
                    {% if vinV.type == 'Rosé' %}
                        <div class="item">
                            <div class="item__content-text">
                                <div class="name-brand">
                                    <h3>{{ vinV.name }} {{ vinV.brand }}</h3>
                                </div>
                                <div class="description">
                                    <span>{{ vinV.description }}</span>
                                </div>
                            </div>
                            
                            <div class="item__price-quantity">
                                <span class="quantity">{{ vinV.quantity }}</span>
                                <span class="price">{{ vinV.price|replace({'.' : ','}) }} €</span>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </main>
{% endblock %}