{% extends 'layout/template.twig' %}

{% block content %}
    <!-- barra superior titulo de pagina-->
    <div class="div-title bg-color-menus-saludables">
        <div class="container">
            <div class="row">
                <div class="col-xs-10 col-sm-11">
                    {{ title }}
                </div>
                <div class="col-xs-2 col-sm-1 text-right" data-toggle="tooltip-info" data-placement="bottom" title="¿Como funciona?">
                    <i class="fa fa-info-circle" data-toggle="modal" data-target="#modalInfo"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-list-menus-saludables" >
        {% for i in items %}
            <a href={{ "menussaludables-menu/"~ i.id }}>
                <div class="row item-list-style">
                    <div class="col-xs-10"> Menú {{ i.ds }}</div>
                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                </div>
            </a>
        {% endfor %}
    </div>

{% endblock %}




