{% load fairdm %}
<c-layouts.plugin content_class="pb-5">
  {% if object.image %}
    <c-components.image class="ratio ratio-21x9 {{ image_class }}"
                        :image="object.image"
                        alt="{{ object }}"
                        width="100%"
                        height="100%" />
  {% endif %}
  <c-pst.components.section id="title"
                            class="mt-4"
                            title="{{ object }} - {{ object.verbose_name }}"
                            level="1">
    {% get_registry_info object as model_config %}
    {% if model_config %}<p>{{ model_config.get_description }}</p>{% endif %}
  </c-pst.components.section>
  <hr style="--pst-color-border: var(--bs-gray-500);" />
  <c-pst.components.section title="{% trans "Measurements" %}"
                            class="mt-4"
                            level="2"
                            :visible="object.measurements.exists">
    <div class="mt-3">
      <c-accordion id="measurement">
        {% for measurement in object.measurements.all %}
          <c-accordion.item id="{{ measurement.uuid }}"
                            label="{{ measurement.verbose_name }}: {{ measurement.get_value }}">
            {% include measurement.get_template_name with obj=measurement %}
          </c-accordion.item>
        {% endfor %}
      </c-accordion>
    </div>
  </c-pst.components.section>
</c-layouts.plugin>