{% extends "base.html" %}
{% block content %}
<h1>Your requested data</h1>

{% if request_data %}
<div class="request-meta">
  {% if request_data.id %}
  <p><strong>Request ID:</strong> {{ request_data.id }}</p>
  {% endif %}
  {% if request_data.type %}
  <p><strong>Request Type:</strong> {{ request_data.type }}</p>
  {% endif %}
  {% if request_data.requested_at %}
  <p><strong>Requested:</strong> <span id="requestedAt">{{ request_data.requested_at }}</span></p>
  {% endif %}
  {% if identity_parts %}
  <p><strong>Identity:</strong> {{ identity_parts | join(", ") }}</p>
  {% endif %}
</div>
{% endif %}

{% if sections %}
<p class="subtitle">This report contains all data collected as part of your access request, organized by processing purpose.</p>
<div class="cards">
  {% for section in sections %}
  <div class="card{{ ' other' if section.card_class == 'other' else '' }}{{ ' attachments' if section.card_class == 'attachments' else '' }}">
    <a href="{{ section.href }}">
      <h2>{{ section.name }}</h2>
      <p>{{ section.summary }}</p>
    </a>
  </div>
  {% endfor %}
</div>
{% else %}
<p class="subtitle">No data was found for this access request.</p>
{% endif %}

<script>
  window.addEventListener("load", function () {
    var el = document.getElementById("requestedAt");
    if (!el || !window.Intl) return;
    var parsed = new Date(el.textContent);
    if (isNaN(parsed.getTime())) return;
    el.textContent = new Intl.DateTimeFormat(navigator.language, {
      year: "numeric",
      month: "2-digit",
      day: "2-digit",
      hour: "2-digit",
      minute: "2-digit",
      timeZoneName: "short",
    }).format(parsed);
  });
</script>
{% endblock %}