{% extends 'layout/template_dashboard.twig' %}
{% block content %}
    <div class="container pt-container-ppal">
        <div class="row">
            <div class="col-md-7">
                {#fila 1#}
                <div class="col-container mt20">
                    <div class="col bg-color-perfil border-box-home btn-home">
                        <a href="perfil">
                            <div class="text-center">
                                <img src="assets/img/home/perfil3.png" class="img-responsive-custom btn-home"/>
                            </div>
                            <div class="p-text-btn-home">
                                <p class="whitecolor">Mi Perfil</p>
                            </div>
                        </a>
                    </div>
                    <div class="col bg-color-menu-personalizado border-box-home btn-home">
                        <a href="menupersonalizado">
                            <div class="text-center">
                                <img src="assets/img/home/menu_personalizado2.png" class="img-responsive-custom " />
                            </div>
                            <div class="p-text-btn-home">
                                <p class="whitecolor">Menú Personalizado</p>
                            </div>
                        </a>
                    </div>
                </div>
                {#fila 2#}
                <div class="col-container">
                        <div class="col bg-color-menus-saludables border-box-home btn-home">
                            <a href="menussaludables">
                                <div class="text-center">
                                    <img src="assets/img/home/menus_saludables.png" class="img-responsive-custom btn-home"/>
                                </div>
                                <div class="p-text-btn-home">
                                    <p class="whitecolor">Menús Saludables</p>
                                </div>
                            </a>
                        </div>
                </div>
            </div>
            <div class="col-md-5">
                {#logo#}
                <div class="text-center mt40">
                    <img src="assets/img/logos/inutralia_big.png" class="img-responsive-custom "/>
                </div>

                <div class="mt40">
                    {#otras seccions links#}
                    <a href="recetario ">
                        <div class="row item-list-style mt30">
                            <div class="col-xs-10"> Recetario</div>
                            <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                        </div>
                    </a>

                    <a href="boletin-saludable">
                        <div class="row item-list-style">
                            <div class="col-xs-10">Boletín saludable</div>
                            <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                        </div>
                    </a>

                    <a href="lista-compra">
                        <div class="row item-list-style">
                            <div class="col-xs-10">Lista de la compra  </div>
                            <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                        </div>
                    </a>

                    <div class="logout-home-position" style="margin-top:30%;">
                        <h2 class="mt40">Bienvenid@</br>
                            Gema</h2>
                        <a href="auth/logout" class="btn btn-custom btn-other">Cerrar Sesión <i class="fa fa-sign-out"></i>   </a>
                    </div>

                </div>

            </div>
        </div>
    </div>
{% endblock %}




