{% extends 'base.html' %}
{% block content %}
<div class="container py-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Documents: {{ employee.full_name }} ({{ employee.employee_code }})</h4>
    <a href="{{ url_for('documents.employee_repository') }}" class="btn btn-outline-secondary btn-sm">Back</a>
  </div>

  <div class="card">
    <div class="table-responsive">
      <table class="table table-striped mb-0">
        <thead class="table-light">
          <tr><th>Type</th><th>File</th><th class="text-end">Action</th></tr>
        </thead>
        <tbody>
          {% for label, path in documents %}
          <tr>
            <td>{{ label }}</td>
            <td class="text-truncate" style="max-width: 420px;">
              {% if path %}<code>{{ path }}</code>{% else %}<span class="text-muted">Not uploaded</span>{% endif %}
            </td>
            <td class="text-end">
              {% if path %}
                <a class="btn btn-sm btn-primary"
                   href="{{ url_for('static', filename=path.replace('\\','/')) }}"
                   target="_blank">View / Download</a>
              {% else %}
                <button class="btn btn-sm btn-outline-secondary" disabled>Unavailable</button>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}