{% sw_extends '@Storefront/solution360/listingviewswitch/buttons.html.twig' %}
{# adds outer div for alignment and replaces icons #}
{% block s360_lvs_buttons %}
<div class="s360-lvs-buttons d-none d-lg-flex">
{% block s360_lvs_gallery_button_wrapper %}
<a href="/s360/viewswitch?s360view=gallery"
rel="noopener"
title="{{ name }}"
class="s360-lvs-btn btn btn-primary{% if app.request.cookies.get('s360ListingViewMode') is not same as('gallery') and app.request.cookies.get('s360ListingViewMode') %} btn-light{% endif %}">
{% block s360_lvs_gallery_button_icon %}
{% sw_icon 'kachel_ansicht' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'sm'} %}
{% endblock %}
{% block s360_lvs_gallery_button_text %}
{{ parent() }}
{% endblock %}
</a>
{% endblock %}
{% block s360_lvs_list_button_wrapper %}
<a href="/s360/viewswitch?s360view=list"
rel="noopener"
title="{{ name }}"
class="s360-lvs-btn btn btn-primary{% if app.request.cookies.get('s360ListingViewMode') is not same as('list') %} btn-light{% endif %}">
{% block s360_lvs_list_button_icon %}
{% sw_icon 'liste_ansicht' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'sm'} %}
{% endblock %}
{% block s360_lvs_list_button_text %}
{{ parent() }}
{% endblock %}
</a>
{% endblock %}
</div>
{% endblock %}