{% extends 'base.html' %}
{% block content %}
<h2>Application #{{ app.id }}</h2>
<p><b>Name:</b> {{ app.full_name }} | <b>Type:</b> {{ app.passport_type }} | <b>Status:</b> {{ app.status }}</p>
<h3>Status Timeline</h3>
<div class="timeline">
  {% for s in status_flow %}
    <div class="chip {{ 'active' if s == app.status else '' }}">{{ s }}</div>
  {% endfor %}
</div>
<h3>Documents</h3>
<ul>
  {% for d in docs %}
    <li>{{ d.doc_type|capitalize }} - <a href="{{ url_for('uploaded_file', filename=d.filename) }}" target="_blank">view</a></li>
  {% else %}
    <li>No documents uploaded.</li>
  {% endfor %}
</ul>

<h3>Appointment</h3>
{% if appt %}
  <p>{{ appt.appt_date }} at {{ appt.appt_time }} — {{ appt.center }}</p>
{% else %}
  <a class="button" href="{{ url_for('appointments', app_id=app.id) }}">Schedule Appointment</a>
{% endif %}

<h3>Payment</h3>
{% if pay %}
  <p>Paid ₹{{ pay.amount }} via {{ pay.method }} (Ref: {{ pay.reference }})</p>
{% else %}
  <a class="button" href="{{ url_for('pay', app_id=app.id) }}">Pay Fee</a>
{% endif %}
{% endblock %}