{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_pseudo_modal %}
{{ parent() }}
{% if config('FlinkCmsAnchor.config.useDotNavigation') %}
{% set dotnavClasses = "flink-anchor-dotnav" %}
{% if config('FlinkCmsAnchor.config.useDotNavigationActiveTitle') %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--show-active-title" %}
{% endif %}
{% set dotnavColor = config('FlinkCmsAnchor.config.dotNavigationColor')|default("text") %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--color-" ~ dotnavColor %}
{% set dotnavActiveColor = config('FlinkCmsAnchor.config.dotNavigationActiveMarkColor')|default("text") %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--active-color-" ~ dotnavActiveColor %}
{% if config('FlinkCmsAnchor.config.hideMobileDotNavigation') %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--hide-mobile" %}
{% endif %}
{% set dotnavMobilePosition = config('FlinkCmsAnchor.config.mobileDotNavigationPosition')|default("ml") %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-position-" ~ dotnavMobilePosition %}
{% if config('FlinkCmsAnchor.config.mobileUseDotNavigationActiveTitle') %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-show-active-title" %}
{% endif %}
{% set dotnavMobileDotSize = config('FlinkCmsAnchor.config.mobileDotNavigationSize')|default("normal") %}
{% set dotnavClasses = dotnavClasses ~ " flink-anchor-dotnav--mobile-dot-size-" ~ dotnavMobileDotSize %}
<ul class="{{ dotnavClasses }} flink-default-dotnav"
data-flink-cms-anchor-dotnav="true">
</ul>
{% endif %}
{% endblock %}