{% block component_gbmed_enev_arrow %}
    <div class="gbmed-enev-arrow-wrapper">
        <div data-gbmed-enev-arrow="true"
             {% block component_gbmed_enev_arrow_param_spectrum %}{% if enev.spectrumFrom and enev.spectrumTo %}data-gbmed-enev-spectrum="true"{% endif %}{% endblock %}
            {% block component_gbmed_enev_arrow_param_icon %}{% if enev.icon %}data-gbmed-enev-icon="true"{% endif %}{% endblock %}
             data-color="#{{ enev.color }}"
            {% if enev.media %}
                data-toggle="tooltip"
                data-html="true"
                data-trigger="hover"
                data-template='<div class="tooltip gbmed-enev-tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner rounded"></div></div>'
                {% block component_gbmed_enev_arrow_param_media %}title='{% sw_thumbnails 'cart-item-img-thumbnails' with {media: enev.media, sizes: {'default': '100px'}} %}'{% endblock %}
            {% else %}
                title="{{ enev.class|upper }}"
            {% endif %}
             class="gbmed-enev-arrow"
             style="background-color: #{{ enev.color }}; color: #{{ enev.color }};"
        >
            {% block component_gbmed_enev_arrow_class %}
                <div class="gbmed-enev-arrow-class">
                    {% block component_gbmed_enev_arrow_class_inner %}
                        {{ enev.class }}
                    {% endblock %}
                    {% block component_gbmed_enev_arrow_spectrum %}
                        {% if enev.spectrumFrom and enev.spectrumTo %}
                            <div class="gbmed-enev-arrow-spectrum">
                                {% block component_gbmed_enev_arrow_spectrum_inner %}
                                    {% if config('GbmedEnev.config.arrowIllustration') == 'arrowOld' %}
                                        {{ "gbmed-enev.spectrum"|trans }}<br>
                                        {{ enev.spectrumFrom }}{% if enev.spectrumTo %} {{ "gbmed-enev.to"|trans }} {{ enev.spectrumTo }}{% endif %}
                                    {% else %}
                                        {% if enev.spectrumTo %}{{ enev.spectrumTo }}{% sw_icon 'arrow-up' %}{{ enev.spectrumFrom }}{% endif %}
                                    {% endif %}
                                {% endblock %}
                            </div>
                        {% endif %}
                    {% endblock %}
                </div>
            {% endblock %}
        </div>
        {% block component_gbmed_enev_arrow_icon %}
            {% if enev.icon %}
                <div class="gbmed-enev-arrow-icon" style="background-image: url({{ enev.icon.url }})"></div>
            {% endif %}
            {% if enev.name %}
                <div class="gbmed-enev-arrow-name">{{ enev.name }}</div>
            {% endif %}
        {% endblock %}
    </div>
    {% block component_gbmed_enev_arrow_datasheet %}
        {% if enev.datasheet %}
            <a href="{{ enev.datasheet.url }}" class="gbmed-enev-datasheet" target="_blank">
                {% block component_gbmed_enev_arrow_datasheet_inner %}
                    {{ "gbmed-enev.datasheet"|trans }}
                {% endblock %}
            </a>
        {% endif %}
    {% endblock %}
{% endblock %}