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

{% block content %}
    <!-- barra superior titulo de pagina-->
    <div class="div-title bg-color-other">
        <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>
    <!--contenido-->
    <div class="container mt20 pb40" >
        <div class="col-container">
            {#imagen#}
            <div class="col">
                <img src="{{ article_highlight_photo }}" class="img-responsive-custom">
            </div>
            {#titulo y fecha#}
            <div class="col bg-color-other">
                <div class="solid-box  mt0">
                    <i class="fa fa-calendar"></i> {{ article_published_at|date("d/m/Y") }}
                    <h3>{{ article_title }}</h3>
                </div>
            </div>
        </div>
        <!-- preparación receta-->
        {% for i in article_body|split('\n') %}
            <p class="text-justify mt20">{{ i }}</p>
        {% endfor %}

        <!-- footer, firma inutralia-->
        <div class="mt40">
            publicado por: <img src="assets/img/logos/inutralia.png" class="img-responsive-custom">

        </div>

    </div>
{% endblock %}




