{% extends 'generic/object.html' %}
{% block content %}
  {% spaceless %}
    <div class="row mb-3">

      {# Left column #}
      <div class="col col-md-6">
        <div class="card">
          <h5 class="card-header">Service CoreTrunk</h5>
          <table class="table table-hover attr-table">
            <tr>
              <th scope="row">Name</th>
              <td>{{ object.name }}</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">Active</th>
              <td>{% if object.active %}
                    <span class="text-success">&#10003;</span>
                  {% else %}
                    <span class="text-danger">&#10007;</span>
                  {% endif %}
              </td>
            </tr>
            <tr>
              <th scope="row">Tenant</th>
              <td>{{ object.tenant|linkify|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">Monitored</th>
              <td>{% if object.monitored %}Yes{% else %}No{% endif %}</td>
            </tr>
            <tr>
              <th scope="row">Service Start</th>
              <td>{{ object.service_start|date:"Y-m-d H:i"|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">Service End</th>
              <td>{{ object.service_end|date:"Y-m-d H:i"|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">RT Tickets</th>
              <td>{{ object.rt|default:"—" }}</td>
            </tr>
          </table>
        </div>
        {% include 'inc/panels/custom_fields.html' %}
        {% include 'inc/panels/comments.html' %}
      </div>

      {# Right column #}
      <div class="col col-md-6">
        <div class="card">
          <h5 class="card-header">Topology</h5>
          <table class="table table-hover attr-table">
            <tr>
              <th scope="row">Node A</th>
              <td>{{ object.node_a|linkify|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">Interface A</th>
              <td>{{ object.if_a|linkify|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">Node B</th>
              <td>{{ object.node_b|linkify|default:"—" }}</td>
            </tr>
            <tr>
              <th scope="row">Interface B</th>
              <td>{{ object.if_b|linkify|default:"—" }}</td>
            </tr>
          </table>
        </div>

        {% if object.linked_segments.all %}
          <div class="card mt-3">
            <h5 class="card-header">Linked Segments</h5>
            <table class="table table-hover">
              <thead><tr><th>Segment</th></tr></thead>
              <tbody>
                {% for seg in object.linked_segments.all %}
                  <tr><td>{{ seg|linkify }}</td></tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        {% endif %}

        {% include 'inc/panels/tags.html' %}
      </div>

    </div>
  {% endspaceless %}
{% endblock content %}