{% load healthbackend_filters markup_tags %}


<div class="page-title">Mapa Riesgos Salud</div>

<div class="doc-info mb-3">
    <div><label>Informe:</label><span><strong>Mapa de riesgos</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>

<div class="mt-3 jumbotron">
    <h1>¡Atención!</h1>
    <p class="lead">A continuación se representan en el mapa las probalidades de ocurrencia de las siguientes patologías: Cardiovasculares, Diabetes, Hipertension, Cancer de mama, Cancer de pulmón en 16 años, Cancer de pulmon en 6 años. Para que las probabilidades aquí calculadas sean lo más ajustadas posible, es MUY IMPORTANTE que haya rellenado el cuestionario AL COMPLETO.</p>
</div>

<div class="text-center mt-3">
    <img class="map" width="100%" height="300" src="{{data.get_graph_base64}}" />
</div>

{% if data.get_edad_corazon %}
<br /><br />
<div class="row mt-3 text-center">
    <div class="col-4 mx-auto">
      <div class="row">

        <div class="col-12 mt-3">
          <div class="card">
                <div class="card-header" data-internal="{{rc.riesgo.nombre_interno}}">
                  Edad de su corazon
                </div>
                <div class="card-body">
                    <div style="margin-right: 15px; float:left; height: 100px; font-size:4em; line-height: 50px;">{{data.get_edad_corazon|floatformat}}</div>
                    <p class="card-text">
                      Su corazon es como el de una persona de <strong>{{data.get_edad_corazon|floatformat}}</strong> años. Usted tiene {{ data.cuestionario.edad}} años.<br /><strong class="text-{{data.get_edad_corazon_diff.0}}">Su corazón es {{data.get_edad_corazon_diff.2|capfirst}}</strong>.
                    </p>
                </div>
          </div>          
        </div>

      </div>
    </div>
</div>
{% endif %}

<div class="row mt-3 text-center" style="page-break-before:always">
    <div class="col-9 mx-auto">
      <div class="row">
        <h3 class="heading">Tabla resumen</h3>
        <table class="table">
            <tbody>
                <thead>
                    <tr>
                        <th class="text-left">Patología</th>
                        <th colspan="2" class="text-center">Probabilidad de ocurrencia (%)</th>
                    </tr>
                </thead>                
                {% for rc in data.get_riesgos_patologias %}
                <tr>
                    <th class="text-left">{{rc.riesgo.nombre}}</th>
                    <td>
                    {% if rc.value > 0 %}
                        <div class="progress">
                            <div class="progress-bar bg-{{rc.get_bootstrap_class}}" role="progressbar" style="width: {{rc.value|floatformat:0}}%" aria-valuenow="{{rc.value|floatformat}}" aria-valuemin="0" aria-valuemax="100">&nbsp;</div>
                        </div>                        
                    {% endif %}
                    </td>
                    <td class="text-right">
                      {% if rc.label == "UNKNOWN" %}
                          N.C.
                      {% elif rc.value > 0 %}
                          <strong class="text-{{rc.get_bootstrap_class}}">{{rc.value}}%</strong>
                      {% else %}
                          <span class="text-success">Sin riesgo</span>
                      {% endif %}
                    </td>
                </tr>{% endfor %}
            </tbody>
        </table>
      </div>
    </div>
</div>
<br /><br /><br /><br />
<div class="row mt-3 text-center">
    <div class="col-9 mx-auto">
      <div class="row mt-3">
        <h3 class="heading">Analítica</h3>
        <table class="table">
            <thead>
                <tr>
                    <th class="text-left">Parámetro</th>
                    <th class="text-center">Valor</th>
                    <th class="text-center">Interpretación</th>
                </tr>
            </thead>
            <tbody>
                {% for rc in data.get_riesgos_analitica %}
                <tr>
                    <th class="text-left">{{rc.riesgo.nombre}}</th>
                    <td class="text-center">
                        {{rc.value}}
                    </td>
                    <td class="text-center">
                        {% ifequal rc.get_tag "TOO LOW" %}
                        <span class="badge badge-danger">MUY BAJO</span>
                        {% endifequal %}
                        {% ifequal rc.get_tag "LOW" %}
                        <span class="badge badge-danger">BAJO</span>
                        {% endifequal %}
                        {% ifequal rc.get_tag "NORMAL" %}
                        <span class="badge badge-success">NORMAL</span>
                        {% endifequal %}
                        {% ifequal rc.get_tag "HIGH" %}
                        <span class="badge badge-danger">ALTO</span>
                        {% endifequal %}
                        {% ifequal rc.get_tag "TOO HIGH" %}
                        <span class="badge badge-danger">MUY ALTO</span>
                        {% endifequal %}
                    </td>
                </tr>{% endfor %}
            </tbody>
        </table>
      </div>
    </div>
</div>


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