{% extends "base.html" %}
{% block content %}
<h2>Patient Data</h2>
{% if error %}
<div>{{ error | safe }}</div>
{% if error.startswith("<span style='color:#FF8C00;'>Not authenticated") %}
<p>Please <a href="/auth" style="color:#00FFFF; text-shadow: 0 0 3px #00FFFF;">authenticate</a> to view patient data.</p>
{% endif %}
{% elif authenticated %}
{% for patient in patients %}
<div class="patient-card">
    <h4>{{ patient.name[0].given|join(' ') }} {{ patient.name[0].family }}</h4>
    <p><strong>Gender:</strong> {{ patient.gender|capitalize }}</p>
    <p><strong>Birth Date:</strong> {{ patient.birthDate }}</p>
    <p><strong>ID:</strong> {{ patient.id }}</p>
</div>
{% endfor %}
{% else %}
<p>No patient data available. Please <a href="/auth" style="color:#00FFFF; text-shadow: 0 0 3px #00FFFF;">authenticate</a> first.</p>
{% endif %}
{% endblock %}