{% 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">Boissons chaudes</h2>
            <div class="list-item">
                {% for cafe in cafes %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand logo">
                                <img src="{{ asset('images/logo/cafes_richard.jpg') }}" class="img" alt="Logo Cafés Richard" style="max-width: 100px;">
                                <div class="biere-name-type-categor">
                                    <h3>{{ cafe.name }}</h3>
                                </div>
                            </div>
                            <div class="description">
                                <span>{{ cafe.description }}</span>
                                <div class="intensity-variety">
                                    <div class="intensity">
                                        <img src="{{ asset('images/icons/intensite.png') }}" class="picto" alt="Pictogramme intensité">
                                        <span class="title-picto">Intensité</span>
                                        <span>{{ cafe.intensity }}</span>
                                    </div>
                                    <div class="variety">
                                        <img src="{{ asset('images/icons/variete.png') }}" class="picto" alt="Pictogramme variété">
                                        <span class="title-picto">Variété</span>
                                        <span>{{ cafe.variety }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="price">{{ cafe.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}

                {% for the in thes %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand">
                                <h3>{{ the.name }}</h3>
                            </div>
                            <div class="description">
                                <span>{{ the.description }}</span>
                                <div class="origin-infusion">
                                    <div class="origin">
                                        <img src="{{ asset('images/icons/pays.png') }}" class="picto" alt="Pictogramme pays">
                                        <span class="title-picto">Pays</span>
                                        <span>{{ the.origin }}</span>
                                    </div>
                                    <div class="infusion">
                                        <img src="{{ asset('images/icons/infusion.png') }}" class="picto" alt="Pictogramme infusion">
                                        <span class="title-picto">Infusion</span>
                                        <span>{{ the.infusion }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="price">{{ the.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}
                
                {% for boissonChaude in boissonsChaudes %}
                    <div class="item">
                        <div class="item__content-text">
                            <div class="name-brand">
                                <h3>{{ boissonChaude.name }}</h3>
                            </div>
                            <div class="description">
                            </div>
                        </div>
                        
                        <div class="item__price-quantity">
                            <span class="price">{{ boissonChaude.price|replace({'.' : ','}) }} €</span>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </main>
{% endblock %}