{% load static %}
{% load markdownify %}
{% load cl_extras %}

<div class="detailed-input-group fill">

  <div class="col-sm-12 shadow-frame">
    <h3 class="paneltitle">
      <span id="entity-{{ component.field_name }}"></span>
      {% if not component.hide_input_title %}
      <h3 class="detailed-input-group__title">{{ component.field_data.title }}</h3>
      {% endif %}
      {% if not component.hide_input_details %}
        <p class="detailed-input-group__description">{{ component.description }}</p> 
      {% endif %}      
    </h3>
    
    {% if component.value|length %}
      {{ component.value|markdownify }}
    {% else %}
      <span class="card-no-data">No data</span>
    {% endif %}
  </div>

</div>