{% extends 'base.html.twig' %}

{% block title %}View Consent Data{% endblock %}

{% block content %}
  <div class="kt-subheader kt-grid__item"></div>

  <div class="kt-container kt-grid__item kt-grid__item--fluid">
    <div class="kt-portlet kt-portlet--mobile">
      <div class="kt-portlet__head kt-portlet__head--lg">
        <div class="kt-portlet__head-label">
          <h3 class="kt-portlet__head-title">Patient History</h3>
        </div>

        <div class="kt-portlet__head-toolbar">
          <div class="kt-portlet__head-wrapper">
            <a href="{{ back_url }}" class="btn btn-clean btn-icon-sm mr-2"><i class="la la-long-arrow-left"></i>Back</a>
          </div>
        </div>
      </div>

      <div class="kt-portlet__body">
        {% include 'parts/flash.html.twig' %}

        {% if data %}
          {% for careContext, dataArr in data %}
            <h2>History for: {{ careContext }}</h2>

            <div style="border-bottom: 1px solid #EBEDF3;" class="my-2"></div>
            {{ dataArr.str|raw }}

            {% if dataArr.content is defined %}
              {% for mimeType, fileData in dataArr.content %}
                <div class="bundle-items">
                  {% if mimeType == 'image/jpeg' %}
                    <img class="bundle-item image" src="data:{{ mimeType }};base64,{{ fileData }}" alt="Image loading..." />
                  {% elseif mimeType == 'application/pdf' %}
                    <object class="bundle-item pdf" style="width: 100%; height:500px; overflow:scroll;" type="{{ mimeType }}" data="data:{{ mimeType }};base64,{{ fileData }}"></object>
                  {% endif %}
                </div>
                <div style="border-bottom: 1px solid #EBEDF3;" class="my-2"></div>
              {% endfor %}
            {% endif %}
          {% endfor %}
        {% else %}
          <span>Waiting for data from HIP server.</span>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}