{% 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) %}
						{% 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 %}
{% block scripts %}
{{ parent() }}

{% endblock %}