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

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">Auto-cabling</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">Source port</th>
          <td>{{ object.source_port|linkify|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">Destination port</th>
          <td>{{ object.target_port|linkify|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">Source rack</th>
          <td>{{ object.source_rack|linkify|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">Target rack</th>
          <td>{{ object.target_rack|linkify|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">Media</th>
          <td>{{ object.media }}</td>
        </tr>
        <tr>
          <th scope="row">Status</th>
          <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
        </tr>
        <tr>
          <th scope="row">Path</th>
          <td>
            {% if object.path %}{{ object.path|join:" → " }}{% else %}—{% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">Detail</th>
          <td>{{ object.reason|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">Requested by</th>
          <td>{{ object.requested_by|placeholder }}</td>
        </tr>
      </table>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">
        Cables created by this job
        <span class="badge text-bg-grey">{{ object.created_cable_ids|length }}</span>
        {% if object.created_cable_ids %}
          <a href="{% url 'plugins:netbox_autocabling:workorder' %}?pk={{ object.pk }}"
             class="btn btn-sm btn-primary">⬇ Work order (Excel)</a>
        {% endif %}
        {% if object.created_cable_ids and object.status != 'rolled_back' %}
          <form method="post" class="float-end"
                action="{% url 'plugins:netbox_autocabling:cablingjob_rollback' object.pk %}"
                onsubmit="return confirm('Delete the {{ object.created_cable_ids|length }} cable(s) created by this job?');">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-danger">⟲ Roll back this job</button>
          </form>
        {% endif %}
      </h2>
      <table class="table table-hover">
        <thead>
          <tr><th>Cable</th><th>Type</th><th>Status</th></tr>
        </thead>
        <tbody>
          {% for cable in cables %}
            <tr>
              <td>{{ cable|linkify }}</td>
              <td>{{ cable.type }}</td>
              <td>{{ cable.status }}</td>
            </tr>
          {% empty %}
            <tr><td colspan="3" class="text-muted">No cable (job not executed or rolled back).</td></tr>
          {% endfor %}
          {% if missing_cables > 0 %}
            <tr><td colspan="3" class="text-warning">{{ missing_cables }} cable(s) of the job no longer exist (deleted outside the plugin).</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}