{% extends 'generic/_base.html' %}

{% block title %}Timeline — {{ provider_account }}{% endblock %}

{% block content %}
  <div class="row mt-4">
    <div class="col col-md-12">
      <div class="card border-primary mb-3">
        <h2 class="card-header">Provider Account Timeline</h2>
        <div class="card-body">
          <p class="mb-3">
            Lifecycle timeline for <strong>{{ provider_account }}</strong>. Shows snapshots and diffs
            in chronological order based on visible records.
          </p>
          <div class="mb-3">
            <a href="{% url 'plugins:netbox_rpki:provideraccount_export_timeline' provider_account.pk %}?format=json"
               class="btn btn-outline-primary btn-sm">Export JSON</a>
            <a href="{% url 'plugins:netbox_rpki:provideraccount_export_timeline' provider_account.pk %}?format=csv"
               class="btn btn-outline-secondary btn-sm">Export CSV</a>
          </div>
          <dl class="row mb-0">
            <dt class="col-sm-3">Provider Type</dt>
            <dd class="col-sm-9">{{ provider_account.provider_type }}</dd>
            <dt class="col-sm-3">Organization</dt>
            <dd class="col-sm-9">{{ provider_account.organization }}</dd>
            <dt class="col-sm-3">Last Sync Status</dt>
            <dd class="col-sm-9">{{ provider_account.last_sync_status|default:'—' }}</dd>
          </dl>
        </div>
      </div>

      {% if timeline %}
        <div class="card border-secondary">
          <h3 class="card-header">Timeline Entries</h3>
          <div class="card-body p-0">
            <div class="table-responsive">
              <table class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th>Type</th>
                    <th>Name</th>
                    <th>Status</th>
                    <th>Completed At</th>
                  </tr>
                </thead>
                <tbody>
                  {% for entry in timeline %}
                    <tr>
                      <td>{{ entry.kind|default:'—' }}</td>
                      <td>{{ entry.name|default:'—' }}</td>
                      <td>{{ entry.status|default:'—' }}</td>
                      <td>{{ entry.completed_at|default:'—' }}</td>
                    </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
          </div>
        </div>
      {% else %}
        <div class="alert alert-info" role="alert">No timeline entries are visible for this provider account.</div>
      {% endif %}

      <div class="mt-3 text-end">
        <a href="{{ return_url }}" class="btn btn-outline-secondary">Back</a>
      </div>
    </div>
  </div>
{% endblock %}