{% extends 'layout/base.html' %}
{% block content %}
<div class="container mt-4">
  <h3>{{ current.name }}</h3>

  <!-- Breadcrumb -->
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="/">🏠 Dashboard</a></li>
      {% for crumb in breadcrumbs %}
      <li class="breadcrumb-item">{{ crumb.name }}</li>
      {% endfor %}
      <li class="breadcrumb-item active">{{ current.name }}</li>
    </ol>
  </nav>

  {% if documents %}
  <h5 class="mt-4">📎 Documents</h5>
  <ul class="list-group">
    {% for doc in documents %}
    <li class="list-group-item d-flex justify-content-between align-items-center">
      {{ doc.file_name }}
      <div>
        <a href="{{ url_for('documents.download_document', doc_id=doc.id) }}" class="btn btn-sm btn-outline-secondary">⬇️ Download</a>
        {% if doc.status %}
        <span class="badge bg-info ms-2">{{ doc.status }}</span>
        {% endif %}
      </div>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <div class="alert alert-info mt-3">This folder is empty.</div>
  {% endif %}
</div>
{% endblock %}