{% load helpers i18n %}
<div class="card">
  <h5 class="card-header">{% trans "Shape on the plan" %}</h5>
  <div class="card-body">
    {% if shape %}
    <table class="table table-hover attr-table mb-3">
      <tr>
        <th scope="row">{% trans "Shape" %}</th>
        <td>{{ shape.get_shape_display }}</td>
      </tr>
      {% if shape.shape == 'rectangle' %}
      <tr>
        <th scope="row">{% trans "Width" %}</th>
        <td>{{ shape.width }} {{ shape.get_unit_display }}</td>
      </tr>
      <tr>
        <th scope="row">{% trans "Depth" %}</th>
        <td>{{ shape.depth }} {{ shape.get_unit_display }}</td>
      </tr>
      {% else %}
      <tr>
        <th scope="row">{% trans "Diameter" %}</th>
        <td>{{ shape.diameter }} {{ shape.get_unit_display }}</td>
      </tr>
      {% endif %}
    </table>
    {% else %}
    <p class="text-muted">{% trans "No shape is configured for this device type. Devices of this type cannot be placed on a plan." %}</p>
    {% endif %}
    <a href="{% url 'dcim:devicetype_plan_shape_edit' object.pk %}" class="btn btn-primary btn-sm">
      {% if shape %}{% trans "Edit the shape" %}{% else %}{% trans "Configure the shape" %}{% endif %}
    </a>
  </div>
</div>