{% block zenit_sales_countdown_bar %}
{% set now = "now"|date('U') %}
{% if zenSalesCountdownBar.startDate is defined %}
{% set start = zenSalesCountdownBar.startDate|date('U') %}
{% endif %}
{% if zenSalesCountdownBar.endDate is defined %}
{% set end = zenSalesCountdownBar.endDate|date('U') %}
{% endif %}
{% if zenSalesCountdownBar.showUntilStart is same as(true) and now < start or now >= start and now <= end %}
<div id="sales-countdown-bar"
class="sales-countdown-bar sales-countdown-bar-{{ position }}{% if zenSalesCountdownBar.expand %} is-expandable{% endif %}{% if zenSalesCountdownBar.collapse %} is-collapsable{% endif %} sales-countdown-bar-hidden{% for statemanagerItem in zenSalesCountdownBar.statemanager %} {{ statemanagerItem }}{% endfor %}"
{% if zenSalesCountdownBar.btnCloseBanner %} data-btnCloseBanner="{{ zenSalesCountdownBar.btnCloseBanner }}"{% endif %}
data-zenit-sales-countdown-bar="true"
data-zenit-sales-countdown-bar-options='{ "id": "{{ zenSalesCountdownBar.configId }}", "btnCloseBanner": "{{ zenSalesCountdownBar.btnCloseBanner }}", "collapsable": "{{ zenSalesCountdownBar.collapse }}", "expandable": "{{ zenSalesCountdownBar.expand }}", "expiration": {% if zenSalesCountdownBar.expiration is not same as ('session') %}{{ zenSalesCountdownBar.expiration }}{% else %}"{{ zenSalesCountdownBar.expiration }}"{% endif %} }'>
{% block zenit_sales_countdown_bar_inner %}
{% block zenit_sales_countdown_bar_header %}
{% if (zenSalesCountdownBar.collapse and zenSalesCountdownBar.expand) or (not zenSalesCountdownBar.collapse and zenSalesCountdownBar.expand) %}
<div class="sales-countdown-bar-collapse-header{% if not hidden %} is--visible{% endif %}">
{% sw_include '@Storefront/storefront/sales-countdown-bar/toggler.html.twig' %}
</div>
{% elseif zenSalesCountdownBar.collapse and not zenSalesCountdownBar.expand %}
<div class="sales-countdown-bar-collapse-header{% if not hidden %} is--visible{% endif %}">
{% sw_include '@Storefront/storefront/sales-countdown-bar/close-btn.html.twig' %}
</div>
{% endif %}
{% endblock %}
{% block zenit_sales_countdown_bar_collapse %}
<div class="sales-countdown-bar-collapse-content collapse{% if not hidden %} show{% endif %}" id="salesCountdownBarCollapse" >
<div class="container">
<div class="row align-items-center">
<div class="sales-countdown-bar-column column-text col">
<div class="column-inner">
{% sw_include '@Storefront/storefront/sales-countdown-bar/text.html.twig' %}
</div>
</div>
{% if zenSalesCountdownBar.btnLinkShow %}
<div class="sales-countdown-bar-column column-btn col-12 col-lg-2">
<div class="column-inner">
{% sw_include '@Storefront/storefront/sales-countdown-bar/btn.html.twig' %}
</div>
</div>
{% endif %}
{% if start or end %}
<div class="sales-countdown-bar-column column-countdown col-12 col-lg-5">
<div class="column-inner">
{% sw_include '@Storefront/storefront/sales-countdown-bar/countdown.html.twig' %}
</div>
</div>
{% endif %}
</div>
<div class="row">
{% if zenSalesCountdownBar.infoText %}
<div class="sales-countdown-bar-column column-info col-12">
{% sw_include '@Storefront/storefront/sales-countdown-bar/info.html.twig' %}
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% endblock %}
</div>
{% endif %}
{% endblock %}