{% trans_default_domain "admin" %}

<div class="{{ config.class }}">
  <div class="pad-all media">
    <div class="media-left">
      <i class="{{ config.options['iconClass'] }}"></i>
    </div>
    <div class="media-body">
      {% if config.options['value'] is not empty %}
        <p class="h3 text-light mar-no media-heading">{{ config.options['value'] }}</p>
      {% endif %}
      {% if config.options['label'] is not empty %}
        <span>{{ (config.options['label'])|trans }}</span>
      {% endif %}
    </div>
  </div>
  {% if config.options['progressValue'] is not empty %}
    <div class="progress progress-xs progress-success mar-no">
      <div role="progressbar" aria-valuenow="{{ config.options['progressValue'] }}" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-light" style="width:{{ config.options['progressValue'] }}%;"></div>
    </div>
    {% if config.options['progressLabel'] is not empty %}
      <div class="pad-all text-sm">
        {{ config.options['progressLabel']|trans({'%value%': config.options['progressValue'] })|raw }}
      </div>
    {% endif %}
  {% endif %}
</div>