{% trans_default_domain "admin" %}

{% set image = (config.options['image'] is defined) ? config.options['image'] : null %}
{% set name = (config.options['name'] is defined) ? config.options['name'] : null %}
{% set role = (config.options['role'] is defined) ? config.options['role'] : null %}

<div class="{{ config.class }}">
  <div class="row">
    <div class="col-md-3 pad-ver text-center">
      <div class="media mar-hor pad-all">
        {# image #}
        {% if image is not empty %}
          <div class="media-left">
            {% if image is instanceof('Bazookas\\AdminBundle\\Dashboard\\Interfaces\\DashboardElementInterface') %}
              {% if is_granted(image.roles) %}
                {% include image.template with { 'config' : image } %}
              {% endif %}
            {% else %}
                <img alt="Profile Picture" class="img-md img-circle mar-btm" src="{{ image }}">
            {% endif %}
          </div>
        {% endif %}

        <div class="media-body pad-top">
          {% if name is not empty %}
            {% if name is instanceof('Bazookas\\AdminBundle\\Dashboard\\Interfaces\\DashboardElementInterface') %}
              {% if is_granted(name.roles) %}
                {% include name.template with { 'config' : name } %}
              {% endif %}
            {% else %}
              <p class="text-lg text-semibold text-main">{{ name }}</p>
            {% endif %}
          {% endif %}

          {# role #}
          {% if role is not empty %}
            {% if role is instanceof('Bazookas\\AdminBundle\\Dashboard\\Interfaces\\DashboardElementInterface') %}
              {% if is_granted(role.roles) %}
                {% include role.template with { 'config' : role } %}
              {% endif %}
            {% else %}
              <p class="text-muted">{{ ("admin.roles." ~ role)|trans }}</p>
            {% endif %}
          {% endif %}
        </div>
      </div>
    </div>
    <div class="col-md-9">
      {% for element in config.children %}
        {% if is_granted(element.roles) %}
          {% include element.template with { 'config' : element } %}
        {% endif %}
      {% endfor %}
    </div>
  </div>
</div>