{##
# Side bar box
#}
{% set isActiveSelectorDisplayMode = this.getActiveSelectorName() and not this.isAddVehicleModal() %}
<div class="{{ this.getBlockContainerClasses() }}">
<div class="{{ this.getBlockClasses() }}">
{% if this.getHead() %}
<h3>
<span class="desktop-hidden">
<span class="title">
<span class="text">
{{ isActiveSelectorDisplayMode ? (t('Your vehicle') ~ ':') : t(this.getHead()) }}
</span>
{% if isActiveSelectorDisplayMode %}
<span class="value">
{{ this.getActiveSelectorName() }}
<div class="clear-active-wrapper">
<a href="javascript:void(0);"
class="clear-active-selector has-active-selection"
title="{{ t('Clear filter (MMY)') }}"></a>
</div>
</span>
{% endif %}
</span>
<span class="arrow"></span>
</span>
<span class="mobile-hidden">
{{ t(this.getHead()) }}
</span>
</h3>
{% endif %}
<div class="content">{% include this.getBody() %}</div>
</div>
</div>