{# SPDX-License-Identifier: Apache-2.0 #}
{# SPDX-FileCopyrightText: 2026 Marcin Zieba <marcinpsk@gmail.com> #}
<div class="ndi-proposal-card mt-2" data-proposal-display>
  <div role="status" aria-live="polite">
    <span class="badge ndi-proposal-badge" data-proposal-badge>{{ termination.proposal.badge }}</span>
    <span data-proposal-progress {% if not termination.proposal.pending %}hidden{% endif %}>
      <i class="mdi mdi-loading mdi-spin" aria-hidden="true"></i> Waiting for the backend...
    </span>
    <div class="text-secondary small" data-proposal-job
         {% if not termination.proposal.job_status %}hidden{% endif %}>{{ termination.proposal.job_status }}</div>
    <div class="text-danger small" data-proposal-job-note
         {% if not termination.proposal.job_note %}hidden{% endif %}>{{ termination.proposal.job_note }}</div>
    <div class="text-secondary small" data-proposal-page
         {% if not termination.proposal.page_status %}hidden{% endif %}>{{ termination.proposal.page_status }}</div>
  </div>
  <p class="fw-bold mt-2 mb-1" data-proposal-candidate>{{ termination.proposal.candidate }}</p>
  <p class="mb-2" data-proposal-explanation>{{ termination.proposal.explanation }}</p>
  <p class="text-danger" data-proposal-failure>{{ termination.proposal.failure }}</p>
  <div class="ndi-trace-actions mt-2">
    {% for action in termination.proposal.actions|slice:"2:" %}
      {% include 'netbox_data_import/_proposal_action.html' %}
    {% endfor %}
  </div>
  <details class="mt-2" data-proposal-history-disclosure>
    <summary>Proposal history</summary>
    <ul class="list-unstyled small" data-proposal-history>
      {% for attempt in termination.proposal_history %}
        <li>#{{ attempt.id }} · {{ attempt.created }} · {{ attempt.status }} · {{ attempt.outcome }}{% if attempt.decision %} · {{ attempt.decision }}{% endif %}{% if attempt.failure %} · {{ attempt.failure }}{% endif %}</li>
      {% endfor %}
    </ul>
    <a data-proposal-history-link{% if termination.proposal_history_url %} href="{{ termination.proposal_history_url }}"{% endif %} {% if not termination.proposal_history_has_more %}hidden{% endif %}>View all attempts</a>
  </details>
</div>