{% extends 'generic/object.html' %}
{% load helpers %}
{% load i18n %}

{% block content %}
  <div class="row mb-3">
    <div class="col col-md-5">
      <div class="card">
        <h5 class="card-header">{% trans "Intent Plan Summary" %}</h5>
        <div class="card-body">
          {% if error %}
            <div class="alert alert-warning mb-0" role="alert">
              {{ error }}
            </div>
          {% else %}
            <table class="table table-hover attr-table">
              <tr>
                <th scope="row">{% trans "Branch" %}</th>
                <td>{{ branch|linkify|placeholder }}</td>
              </tr>
              <tr>
                <th scope="row">{% trans "Branch ID" %}</th>
                <td>{{ branch_id }}</td>
              </tr>
              <tr>
                <th scope="row">{% trans "Intent enabled" %}</th>
                <td>{{ intent_enabled|yesno:"Yes,No" }}</td>
              </tr>
              <tr>
                <th scope="row">{% trans "Apply to Proxmox" %}</th>
                <td>{{ apply_to_proxmox|yesno:"Yes,No" }}</td>
              </tr>
              <tr>
                <th scope="row">{% trans "Destroy confirmed" %}</th>
                <td>{{ apply_destroy_confirmed|yesno:"Yes,No" }}</td>
              </tr>
              <tr>
                <th scope="row">{% trans "Permitted" %}</th>
                <td>
                  {% if permitted is None %}
                    {{ ""|placeholder }}
                  {% elif permitted %}
                    <span class="badge text-bg-green">{% trans "Yes" %}</span>
                  {% else %}
                    <span class="badge text-bg-red">{% trans "No" %}</span>
                  {% endif %}
                </td>
              </tr>
              <tr>
                <th scope="row">{% trans "Summary" %}</th>
                <td>{{ summary|placeholder }}</td>
              </tr>
            </table>
          {% endif %}
        </div>
      </div>
    </div>
    <div class="col col-md-7">
      <div class="card mb-3">
        <h5 class="card-header">{% trans "VirtualMachine ChangeDiffs" %}</h5>
        <div class="table-responsive">
          <table class="table table-hover mb-0">
            <thead>
              <tr>
                <th>{% trans "Diff" %}</th>
                <th>{% trans "NetBox ID" %}</th>
                <th>{% trans "Name" %}</th>
                <th>{% trans "Operation" %}</th>
                <th>{% trans "Kind" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for diff in diffs %}
                <tr>
                  <td>{{ diff.changediff_id|placeholder }}</td>
                  <td>{{ diff.netbox_id|placeholder }}</td>
                  <td>{{ diff.name|placeholder }}</td>
                  <td>{{ diff.op|placeholder }}</td>
                  <td>{{ diff.kind|placeholder }}</td>
                </tr>
              {% empty %}
                <tr>
                  <td colspan="5" class="text-muted">{% trans "No VirtualMachine ChangeDiffs found." %}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
      <div class="card">
        <h5 class="card-header">{% trans "Per-VM Verdicts" %}</h5>
        <div class="table-responsive">
          <table class="table table-hover mb-0">
            <thead>
              <tr>
                <th>{% trans "VMID" %}</th>
                <th>{% trans "NetBox ID" %}</th>
                <th>{% trans "Name" %}</th>
                <th>{% trans "Operation" %}</th>
                <th>{% trans "Kind" %}</th>
                <th>{% trans "Verdict" %}</th>
                <th>{% trans "Reason" %}</th>
                <th>{% trans "Message" %}</th>
              </tr>
            </thead>
            <tbody>
              {% for verdict in verdicts %}
                <tr>
                  <td>{{ verdict.vmid|placeholder }}</td>
                  <td>{{ verdict.netbox_id|placeholder }}</td>
                  <td>{{ verdict.name|default:verdict.vm|placeholder }}</td>
                  <td>{{ verdict.op|placeholder }}</td>
                  <td>{{ verdict.kind|placeholder }}</td>
                  <td>{{ verdict.verdict|default:verdict.level|placeholder }}</td>
                  <td>{{ verdict.reason|default:verdict.code|placeholder }}</td>
                  <td>{{ verdict.message|placeholder }}</td>
                </tr>
              {% empty %}
                <tr>
                  <td colspan="8" class="text-muted">{% trans "No verdicts emitted." %}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
{% endblock %}