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

{% block title %}VRF {{ object }}{% endblock %}

{% block content %}
<div class="row">
	<div class="col col-md-6">
      <div class="card">
          <h5 class="card-header">
              VRF
          </h5>
          <div class="card-body">
              <table class="table table-hover attr-table">
                  <tr>
                      <th scope="row">Route Distinguisher</th>
                      <td>{{ object.rd|placeholder }}</td>
                  </tr>
                  <tr>
                      <th scope="row">Tenant</th>
                      <td>
                          {% if object.tenant.group %}
                              {{ object.tenant.group|linkify }} /
                          {% endif %}
                          {{ object.tenant|linkify|placeholder }}
                      </td>
                  </tr>
                  <tr>
                      <th scope="row">Unique IP Space</th>
                      <td>{% checkmark object.enforce_unique %}</td>
                  </tr>
                  <tr>
                      <th scope="row">Description</th>
                      <td>{{ object.description|placeholder }}</td>
                  </tr>
              </table>
          </div>
      </div>
      {% include 'inc/panels/tags.html' %}
      {% plugin_left_page object %}
  </div>
  <div class="col col-md-6">
    {% include 'inc/panels/related_objects.html' %}
    {% include 'inc/panels/custom_fields.html' %}
    {% include 'inc/panels/comments.html' %}
    {% plugin_right_page object %}
	</div>
</div>
<div class="row">
	<div class="col col-md-6">
    {% include 'inc/panel_table.html' with table=import_targets_table heading="Import Route Targets" %}
  </div>
	<div class="col col-md-6">
    {% include 'inc/panel_table.html' with table=export_targets_table heading="Export Route Targets" %}
  </div>
</div>
<div class="row">
  <div class="col col-md-12">
    {% plugin_full_width_page object %}
  </div>
</div>
{% endblock %}
