<!--tabla ingredientes-->

<div class="border-box border-other">
    <div class="title-box-border-box bg-color-other">
        Ingredientes (4 personas)
    </div>

    <div class="container-box-border-box text-tables-recipe">
        {% for i in recipe.ingredients %}
            <div class="row antirow mt10">
                <div class="col-xs-8"> {{ i.name }}</div>
                <div class="col-xs-4 text-right">{{ i.cuantity }}</div>
            </div>
        {% endfor %}
    </div>
</div>

<!--tabla información nutricional-->

<div class="border-box border-other">
    <div class="title-box-border-box bg-color-other">
       Información Nutricional por Ración
    </div>

    <div class="container-box-border-box text-tables-recipe">
        <div class="row antirow mt10">
            <div class="col-xs-7">Energía </div>
            <div class="col-xs-5 text-right">{{ recipe.energy }}</div>
        </div>
        <div class="row antirow mt10">
            <div class="col-xs-7">Proteína </div>
            <div class="col-xs-5 text-right">{{ recipe.protein }}</div>
        </div>
        <div class="row antirow mt10">
            <div class="col-xs-7">Carbohidratos</div>
            <div class="col-xs-5 text-right">{{ recipe.carbohydrates }}</div>
        </div>
        <div class="row antirow mt10">
            <div class="col-xs-7">Lípidos</div>
            <div class="col-xs-5 text-right">{{ recipe.lipids }}</div>
        </div>
        <div class="row antirow mt10">
            <div class="col-xs-7">Fibra</div>
            <div class="col-xs-5 text-right">{{ recipe.fiber }}</div>
        </div>
        <div class="row antirow mt10">
            <div class="col-xs-7">Colesterol</div>
            <div class="col-xs-5 text-right">{{ recipe.cholesterol }}</div>
        </div>
    </div>
</div>