{% extends "base.html" %}
{% block page_title %}My Documents{% endblock %}
{% block extra_head %}
<link rel="stylesheet" href="/plugins/care-circle/assets/css/care-circle.ui.css?v={{ asset_version | default(value='1') }}">
{% endblock %}
{% block content %}
<section aria-label="Care documents" class="care-wrap blocks-workspace" data-plugin="care-circle">
  <h1>My Documents</h1>
  <p class="care-muted">Medical records, insurance, prescriptions, schedules. Uploads use core storage; support verifies.</p>
  <div class="blocks-workspace-table" tabindex="0" role="region" aria-label="Care documents; scroll horizontally if needed"><table class="care-table">
    <thead><tr><th scope="col">Member</th><th scope="col">Type</th><th scope="col">File</th><th scope="col">Uploaded</th></tr></thead>
    <tbody>
      {% for d in docs %}
      <tr><td>{{ d.member_name }}</td><td>{{ d.doc_type }}</td><td>{% if d.file_url %}<a href="{{ d.file_url }}">Open</a>{% else %}<span class="care-muted">Link unavailable</span>{% endif %}</td><td>{{ d.created_at | date_in_tz(timezone=timezone, format='%d %b %Y') }}</td></tr>
      {% else %}
      <tr><td colspan="4">No documents are available for your care circle yet.</td></tr>
      {% endfor %}
    </tbody>
  </table></div>
</section>
{% endblock %}