{# 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>
  {% if termination.proposal.candidate %}
    <p class="fw-bold mt-2 mb-1" data-proposal-candidate>{{ termination.proposal.candidate }}</p>
  {% elif termination.proposal.no_match %}
    <p class="fw-bold mt-2 mb-1" data-proposal-candidate>No match found</p>
  {% endif %}
  {% if termination.proposal.failure %}
    <p class="text-danger mt-2 mb-1" id="proposalNotice{{ termination.card_id }}" data-proposal-failure>The proposal failed: {{ termination.proposal.failure }} ({{ termination.proposal.failure_code }})</p>
  {% elif termination.proposal.warning %}
    <p class="small mt-1 mb-1" id="proposalNotice{{ termination.card_id }}" data-proposal-warning><i class="mdi mdi-alert text-warning" aria-hidden="true"></i> {{ termination.proposal.warning }}</p>
  {% endif %}
  {% if termination.proposal.explanation %}
    <details class="mt-1" data-proposal-explanation-disclosure>
      <summary>Explanation</summary>
      <p class="mb-0 mt-1" data-proposal-explanation>{{ termination.proposal.explanation }}</p>
    </details>
  {% endif %}
  {% if termination.proposal.decision_actions %}
    <div class="ndi-trace-actions mt-2">
      {% for action in termination.proposal.decision_actions %}
        {% include 'netbox_data_import/_proposal_action.html' %}
      {% endfor %}
    </div>
  {% endif %}
  <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_read.history_display %}
        <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_read.history_url %} href="{{ termination.proposal_read.history_url }}"{% endif %} {% if not termination.proposal_read.history_has_more %}hidden{% endif %}>View all attempts</a>
  </details>
</div>