{% load healthbackend_filters markup_tags %}


<div class="page-title">Suplementos recomendados</div>

<div class="doc-info">
    <div><label>Informe:</label><span><strong>Suplementos recomendados</strong></span></div>
    <div><label>De:</label><span>{{paciente.professional.first_name}} {{paciente.professional.last_name}}</span></div>
    <div><label>Para:</label><span>{{paciente.first_name}} {{paciente.last_name}} &lt;{{paciente.email}}></span></div>
    <div><label>Creado:</label><span><em>{{ data.created|date:"d/m/Y h:i" }}</em></span></div>
</div>

{% for rec in data.recomendaciones_top.all %}

<div class="nivel_header" style="margin-top:3em;">
    <h3 style="color:white"><small>Porque</small> <em>{{rec}}</em> ...</h3>
</div>
{% if rec.posologia %}
<div>
    <h2>&rarr; Posología recomendada</h2>
    {{rec.posologia|default:""|apply_markup:"markdown"}}
</div>
{% endif%}
{% if rec.consejo_salud %}
<div>
    <h2>&rarr; Consejos</h2>
    {{rec.consejo_salud|default:""|apply_markup:"markdown"}}
</div>
{% endif%}
{% if rec.suplementorecomendado_set.all %}
<div>
    <h2>&rarr; Te recomendamos...</h2>
    {% for sup in rec.suplementorecomendado_set.all %}
    <div>
        <div style="float:left; width: 30%;">
            <div style="padding:5px">
                <img src="{{sup.suplemento.foto.url}}" alt="{{sup.suplemento.nombre}}" style="width:100%" />
            </div>
        </div>
        <div style="margin-left: 30%;">
            <table class="table">
                <thead>
                    <tr>
                        <th class="text-right">Nombre</th><th style="font-size:1.1em;">{{sup.suplemento.nombre}}</th>
                    </tr>                    
                </thead>
                <tbody>
                    <tr>
                        <th class="text-right">Presentación</th><td>{{sup.suplemento.presentacion|default:"-"}}</td>
                    </tr>
                    <tr>
                        <th class="text-right">Modo de empleo</th><td>{{sup.suplemento.modo_de_empleo|default:"-"}}</td>
                    </tr>
                    <tr>
                        <th class="text-right">Indicaciones</th><td>{{sup.suplemento.indicaciones|default:"-"}}</td>
                    </tr>
                    <tr>
                        <th class="text-right">Contenido</th><td>{{sup.suplemento.contenido|default:"-"}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div style="clear:left"></div>
    {% endfor %}
</div>
{% endif %}
{% endfor %}

{% include "healthbackend/pdf/vitahealth/inc.disclaimer.html" %}