Symfony Profiler

{% trans_default_domain 'store' %}
{% set addon = '24h' %}
{% if app.request.locale == 'cz' %}
{% set addon = '48h' %}
{% endif %}
{% if app.request.locale == 'ro' %}
{% set addon = '72h' %}
{% endif %}
<div class="hide-tablet">
{% if topInformation is defined and topInformation|length %}
{% for banner in topInformation|slice(0,1) %}
{% if banner.url %}
<a href="{{ banner.url }}">
{% endif %}
<div style="background: {{ banner.background }}; color: {{ banner.textColor }};" id="topBanner">
<div style="text-align: center; padding:8px;">
{{ banner.text|trans|raw }}
</div>
</div>
{% if banner.url %}
</a>
{% endif %}
{% endfor %}
{% else %}
{% for banner in topBanners|slice(0,1) %}
{% if banner.endDate %}
<script>
// Set the date we're counting down to
var countDownDate = new Date("{{ banner.endDate|date('M') }} {{ banner.endDate|date('d') }}, {{ banner.endDate|date('Y') }} {{ banner.endDate|date('H') }}:{{ banner.endDate|date('i') }}:{{ banner.endDate|date('s') }}").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown").innerHTML = '<strong>'+days + "</strong> {{ 'days'|trans }} <strong>" + hours + "</strong> {{ 'hours'|trans }} <strong>"
+ minutes + "</strong> {{ 'minutes'|trans }} <strong>" + seconds + " </strong>{{ 'seconds'|trans }} ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "{{ 'promo_expired'|trans }}";
}
%}, 1000);
</script>
{% endif %}
{% if banner.url %}
<a href="{{ banner.url }}">
{% endif %}
<div style="background: {{ banner.background }}; color: {{ banner.textColor }};" id="topBanner">
{% set width = 50 %}
{% if banner.endDate %}
{% set width = 33 %}
{% endif %}
<div style="float: left; width:{{ width }}%; text-align: right; padding:8px;">
{{ banner.textLeft|trans|raw }}
</div>
{% if banner.endDate %}
<div style="float: left; width:33%; text-align: center; padding:8px;">
{{ 'banner_to_end'|trans }}: <span id="countdown"></span>
</div>
{% endif %}
<div style="float: left; width:{{ width }}%; text-align: left; padding:8px;">
{{ banner.textRight|trans|raw }}
</div>
</div>
{% if banner.url %}
</a>
{% endif %}
{% endfor %}
{% endif %}
</div>
<div id="header_container" {% if topBanners|length or topInformation|length %}class="lower_header"{% endif %}>
<hdr-cmp inline-template v-cloak>
<header id="main-head">

<div class="ext-bg color-gray is-hidden-mobile">
<div id="top-bar" class="container mobile-560">
<div class="columns is-mobile is-marginless">
<div class="column left slogan">
<span class="navbar-item has-text-weight-normal header-text-color font-size-13" style="font-weight: normal;" href="#">
{% if app.request.locale == 'ro' %}
<a href="https://wa.me/40745599121">
<img src="/images/ico/whatsapp_black.svg" class="phone-ico" style="max-height: 30px!important; width:14px; height:14px;"/>
</a>
  
<img src="/v2/ico/phone.svg" class="phone-ico" alt="phone ico"/>
 
<a href="https://wa.me/40745599121">{{ language.helpline }}</a>
{% else %}
<img src="/v2/ico/phone.svg" class="phone-ico" alt="phone ico"/>
 {{ language.helpline }}
{% endif %}
</span>
{% if helplineHours %}
<span class="navbar-item is-hidden-mobile has-text-weight-light font-size-13 header-text-color">{{ 'call_center_work_hours'|trans }}: {{ helplineHours.name }}</span>
{% endif %}
</div>
<div class="column right top-right-menu">
{% for article in articles %}
{% if article.header %}
<a class="navbar-item font-size-13 has-text-weight-light header-text-color" href="{{ path('single_article', {'id':article.id, 'slug':article.slug}) }}">
{{ article.title }}
</a>
{% endif %}
{% endfor %}
<a class="navbar-item font-size-13 header-text-color has-text-weight-light" href="{{ path('blog') }}">{{ 'blog'|trans }}</a>
<a class="navbar-item font-size-13 header-text-color has-text-weight-light" href="{{ path('contact') }}">{{ 'contact'|trans }}</a>
</div>
</div>
</div>
</div>


<div id="middle-bar" class="container">
<div class="columns is-mobile is-marginless">
<div class="column is-one-quarters-mobile left">
<burger-menu inline-template v-cloak activesub="1">
<Slide
:cross-icon="false"
:is-open="open"
:width="menuWidth">
<div class="columns">

<div class="column is-full-mobile">
<a class="navbar-item image logo" href="{{ path('homepage') }}">
<img src="{{ staticImages[locale].logo}}" alt="logo {{ language.shopName }}">
</a>
</div>



</div>
<div class="columns">


<div class="top-info-bar" style="margin-left: 20px; margin-top: 20px; margin-bottom: 10px;">
<div class="navbar-item">
<img style="height:36px;" class="margin-right-8" src="/v2/ikonki_nowe.png" alt="">
</div>
<div class="navbar-item">
<span class="header-text-color">
{{ '16_years_market_300_customers'|trans|raw }}
</span>
</div>
<a id="closeBurger" style="position:fixed; top:25px; display: none">
<i class="fa fa-times" style="font-size:24px;"></i>
</a>
</div>
</div>


<div class="level is-mobile main-category-mobile" @click="toggleFirstTab">
<div class="level-left">
<div class="level-item">
{{ 'all_products'|trans }}
</div>
</div>
<div class="level-right">
<span class="icon">
<i :class="[ 'fas', unfoldFirstTab ? 'fa-caret-up' : 'fa-caret-down' ]"></i>
</span>
</div>
</div>


<nav class="mobile-menu-nav" v-if="unfoldFirstTab">
<div class="container">

<div class="columns content mega-container">
<div class="column is-half">
<h4 class="is-mobile-menu-title">{{ 'rooms'|trans }}</h4>
{% for category in categories|slice(0,15) %}
<a data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" {% if requestCategory and category.id == requestCategory %}class="active" {% endif %} class="navbar-item" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column is-half">
{% for category in categories|slice(15,30) %}
<a data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" class="navbar-item" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }}</p>
</div>
</a>
{% endfor %}
</div>
</div>


<div class="columns content mega-container">
<div class="column is-half">
<h4 class="is-mobile-menu-title">{{ 'furnitureTypes'|trans }}</h4>
{% for furnitureType in furnitureTypes|slice(0,10) %}
<a data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" {% if requestFurnitureType and requestFurnitureType == furnitureType.id%}class="active" {% endif %} class="navbar-item" href="{{ path('furnitureType', {'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column is-half">
{% for furnitureType in furnitureTypes|slice(10,30) %}
<a data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" {% if requestFurnitureType and requestFurnitureType == furnitureType.id%}class="active" {% endif %} class="navbar-item" href="{{ path('furnitureType', {'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }}</p>
</div>
</a>
{% endfor %}
</div>
</div>

</div>
</nav>


<div class="level is-mobile main-category-mobile" @click="toggleSecondTab">
<div class="level-left">
<div class="level-item">
{{ 'delivery24Products'|trans }}
</div>
</div>
<div class="level-right">
<span class="icon">
<i :class="[ 'fas', unfoldSecondTab ? 'fa-caret-up' : 'fa-caret-down' ]"></i>
</span>
</div>
</div>


<nav v-if="unfoldSecondTab">
<div class="container">

<div class="columns content mega-container">
<div class="column is-half">
<h4 class="is-mobile-menu-title">{{ 'rooms'|trans }}</h4>
{% for category in cat24h|slice(0,15) %}
<a data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" {% if requestCategory and category.id == requestCategory %}class="active" {% endif %} class="navbar-item" href="{{ path('category', {'av24h':'24h', 'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column is-half">
{% for category in cat24h|slice(15,30) %}
<a data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" {% if requestCategory and category.id == requestCategory %}class="active" {% endif %} class="navbar-item" href="{{ path('category', {'av24h':'24h', 'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
</div>


<div class="columns content mega-container">
<div class="column is-half">
<h4 class="is-mobile-menu-title">{{ 'furnitureTypes'|trans }}</h4>
{% for furnitureType in furnitureTypes24h|slice(0,10) %}
<a data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" {% if requestFurnitureType and requestFurnitureType == furnitureType.id%}class="active" {% endif %} class="navbar-item" href="{{ path('furnitureType', {'customFilter':'24h', 'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column is-half">
{% for furnitureType in furnitureTypes24h|slice(10,30) %}
<a data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" {% if requestFurnitureType and requestFurnitureType == furnitureType.id%}class="active" {% endif %} class="navbar-item" href="{{ path('furnitureType', {'customFilter':'24h', 'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
</div>

</div>
</nav>


<div class="level is-mobile main-category-mobile" @click="toggleThirdTab">
<div class="level-left">
<div class="level-item is-red">
{{ 'promotions'|trans }}
</div>
</div>
<div class="level-right is-red">
<span class="icon">
<i :class="[ 'fas', unfoldThirdTab ? 'fa-caret-up' : 'fa-caret-down' ]"></i>
</span>
</div>
</div>


<nav v-if="unfoldThirdTab">
<div class="container">

<div class="columns content mega-container">
<div class="column is-half">
{% for category in promoCategories %}
<a href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }}</p>
</div>
</a>
{% endfor %}
</div>
</div>

</div>
</nav>

<div class="level is-mobile main-category-mobile">
<div class="level-left">
<div class="level-item">
{% for category in promoCategories %}
{% if category.id == 237 %}
<a class="" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
Outlet
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>

<div class="level is-mobile main-category-mobile">
<div class="level-left">
<div class="level-item">
{% if countProducts %}
<a href="{{ path('send_request') }}" class="">{{ 'askForProduct'|trans }} <i class="margin-left-8 fas fa-long-arrow-alt-right"></i></a>
{% endif %}
</div>
</div>
<div class="level-right">
<div class="level-item">
{% if countProducts %}
<span class="icon">
<i class="fa fa-long-arrow-alt-right"></i>
</span>
{% endif %}
</div>
</div>
</div>

<ul class="burger-menu-bottom">
{% for article in articles %}
{% if article.header %}
<li>
<a href="{{ path('single_article', {'id':article.id, 'slug':article.slug}) }}">
{{ article.title }}
</a>
</li>
{% endif %}
{% endfor %}
<li><a href="{{ path('blog') }}">{{ 'blog'|trans }}</a></li>
<li><a href="{{ path('contact') }}">{{ 'contact'|trans }}</a></li>
</ul>

<div class="bm-down-section">
<div class="column is-block is-full has-text-centered">
<a class="navbar-item has-text-weight-medium active-item" href="#">
{% if app.request.locale == 'ro' %}
<a href="https://wa.me/40745599121">
<img src="/images/ico/whatsapp_black.svg" class="phone-ico" style="max-height: 30px!important; width:14px; height:14px;"/>
</a>
  
<img src="/v2/ico/phone.svg" class="phone-ico" alt="phone ico"/>
 
<a href="https://wa.me/40745599121">{{ language.helpline }}</a>
{% else %}
<i class="fas fa-phone"></i>
{{ language.helpline }}
{% endif %}
</a>
</div>
{% if helplineHours %}
<div class="column is-block is-full has-text-centered">
<span>{{ 'call_center_work_hours'|trans }}: {{ helplineHours.name }}</span>
</div>
{% endif %}
</div>

</Slide>
</burger-menu>
<a class="navbar-item image logo" href="{{ path('homepage') }}">
{% if app.request.locale == 'ro' %}
<img id="mobile-logo" class="mobile-logo" src="{{ staticImages[locale].logo}}" alt="Logo {{ language.shopName }}" style="height: auto !important;">
{% else %}
<img id="mobile-logo" class="mobile-logo" src="{{ staticImages[locale].logo}}" alt="Logo {{ language.shopName }}">
{% endif %}
</a>
</div>

<div id="Search" class="column left is-hidden-mobile">
<form action="{{ path('search') }}" id="search_form">
<div class="field has-addons">
<p class="control is-expanded">
{% set searchQuery = '' %}
{% if app.request.query.get('query') %}
{% set searchQuery = app.request.query.get('query') %}
{% endif %}
{% if app.request.query.get('search') %}
{% set serachData = app.request.query.get('search') %}
{% if searchData['query'] is defined %}
{% set searchQuery = searchData['query'] %}
{% endif %}
{% endif %}
<input id="search_autocomplete" name="query" type="text" class="input" value="{{ searchQuery }}" placeholder="{{ 'search'|trans }}...">
</p>
<div class="control">
<button type="submit" class="button"><img alt="search" class="loop-search" src="/v2/ico/loop_search.svg" /></button>
<div style="display: inline-block; position: absolute; margin-top: 0px; margin-left: -80px; z-index: 100000" id="search_loader_container">
<img id="search_loader" style="max-width: 15px; margin-top:15px; display: none; z-index: 10000000" src="/images/ajax-loader.gif">
</div>
</div>
</div>
</form>
</div>

<div class="column left info-bar is-hidden-touch">
<div class="navbar-item">
<img style="height:36px;" class="margin-right-8" src="/v2/ikonki_nowe.png" alt="">
</div>
<div class="navbar-item">
<span class="header-text-color">
{{ '16_years_market_300_customers'|trans|raw }}
</span>
</div>
</div>
<div class="column right header-product-bar">
<a href="{{ path('compare_products_summary') }}" class="navbar-item with-counter compare-element">
<img src="/v2/ico/compare.svg" />
<span class="counter compareCounter {% if compareCounter > 0 %}has-items{% endif %}">{{ compareCounter }}</span></a>
<a href="{{ path('cart') }}" class="navbar-item with-counter">
<img src="/v2/ico/cart.svg" />
<span class="counter {% if countProducts %}has-items{% endif %}">{{ countProducts }}</span>
</a>
{% if app.user is defined and app.user and app.user.id and app.user.registered %}
<a href="{{ path('my_account') }}" class="navbar-item">
<img src="/v2/ico/profile.svg" />
</a>
{% else %}
<a href="{{ path('fos_user_security_login_extension') }}" class="navbar-item">
<img src="/v2/ico/profile.svg" />
</a>
{% endif %}
<a href="#" id="Search-icon" class="navbar-item is-hidden-tablet" @click="toggleSearchBar">
<img id="loop_search_mobile" src="/v2/ico/loop_search_mobile.svg" />
</a>
</div>
</div>
</div>
<form action="{{ path('search') }}">
<div class="search-bar color-gray navbar is-hidden-tablet" v-show="showSearchBar" v-cloak>
<div class="field has-addons">
<p class="control is-expanded">
<input name="query" type="text" class="input" value="{{ app.request.query.get('query') }}" placeholder="{{ 'search'|trans }}...">
</p>
<div class="control">
<button type="submit" class="button"><img src="/v2/ico/loop_search.svg" style="height:20px;" /></button>
</div>
</div>
</div>
</form>


<div id="bottom-bar" class="container is-hidden-touch">
<nav class="navbar ">
<div class="navbar-brand desktop">
</div>
<div id="navMenubd" class="navbar-menu">
<div class="navbar-start">
<div class="navbar-item has-dropdown is-mega"
:class="openAll ? 'is-active' : ''">
<div class="navbar-link has-text-weight-medium"
:class="hoverAllProducts ? 'is-regular-link-hovered' : ''" href="#"
@mouseover="overAll"
@click="toggleAll">
{{ 'all_products'|trans }}
</div>
<div class="navbar-dropdown"
@mouseover="hoverAllProducts = true"
@mouseleave="leaveAll">
<div class="container">
<div class="columns content mega-container">
<div class="column is-one-fifth">
<div class="columns">
<div class="column">
<h4 class="is-mega-menu-title">{{ 'rooms'|trans }}</h4>
{% for category in categories|slice(0,15) %}
<a data-target="all-prod-image" data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" class="navbar-item" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column">
<h4 class="is-mega-menu-title"> </h4>
{% for category in categories|slice(15,30) %}
<a data-target="all-prod-image" data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" class="navbar-item" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }}</p>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<div class="column is-one-fifth is-offset-2">
<div class="columns">
<div class="column">
<h4 class="is-mega-menu-title">{{ 'furnitureTypes'|trans }}</h4>
{% for furnitureType in furnitureTypes|slice(0,10) %}
<a data-target="all-prod-image" data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" class="navbar-item" href="{{ path('furnitureType', {'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column">
<h4 class="is-mega-menu-title"> </h4>
{% for furnitureType in furnitureTypes|slice(10,30) %}
<a data-target="all-prod-image" data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" class="navbar-item" href="{{ path('furnitureType', {'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }}</p>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<div class="column is-offset-2">
<div class="navbar-content">
<img id="all-prod-image" class="megamenu-img" src="/images/wszystkie_produkty.jpg" alt="Szybka dostawa w 24h">
</div>
</div>
<!-- <div class="column desktop widescreen all-products-image center">
<img src="/images/chair.png" alt="">
</div> -->
</div>
</div>
</div>
</div>
<div class="navbar-item has-dropdown is-mega"
:class="open24h ? 'is-active' : ''">
<div class="navbar-link has-text-weight-medium"
:class="hover24h ? 'is-regular-link-hovered' : ''" href="#"
@mouseover="over24h"
@click="toggle24h">
{{ 'delivery24Products'|trans }}
</div>
<div id="blogDropdown"
class="navbar-dropdown "
@mouseover="hover24h = true"
@mouseleave="leave24h">
<div class="container">
<div class="columns content mega-container">
<div class="column is-one-fifth">
<div class="columns">
<div class="column">
<h4 class="is-mega-menu-title">{{ 'rooms'|trans }}</h4>
{% for category in cat24h|slice(0,15) %}
<a data-target="prod-image-24" data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" class="navbar-item" href="{{ path('category', {'av24h':'24h', 'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column">
<h4 class="is-mega-menu-title"> </h4>
{% for category in cat24h|slice(15,30) %}
<a data-target="prod-image-24" data-image="{% if category.imageName2 %}/images/category/{{ category.imageName2 }}{% endif %}" class="navbar-item" href="{{ path('category', {'av24h':'24h', 'id':category.id, 'slug':category.slug}) }}">
<div class="navbar-content">
<p>{{ category.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<div class="column is-one-fifth is-offset-2">
<div class="columns">
<div class="column">
<h4 class="is-mega-menu-title">{{ 'furnitureTypes'|trans }}</h4>
{% for furnitureType in furnitureTypes24h|slice(0,10) %}
<a data-target="prod-image-24" data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" class="navbar-item" href="{{ path('furnitureType', {'customFilter':'24h', 'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="column">
<h4 class="is-mega-menu-title"> </h4>
{% for furnitureType in furnitureTypes24h|slice(10,30) %}
<a data-target="prod-image-24" data-image="{% if furnitureType.imageName %}/images/category/{{ furnitureType.imageName }}{% endif %}" class="navbar-item" href="{{ path('furnitureType', {'customFilter':'24h', 'furnitureTypeId':furnitureType.id, 'slug':furnitureType.slug}) }}">
<div class="navbar-content">
<p>{{ furnitureType.name }} {{ addon }}</p>
</div>
</a>
{% endfor %}
</div>
</div>
</div>
<div class="column is-offset-2">
<div class="navbar-content">
{% if app.request.locale == 'cz' %}
<img class="megamenu-img" id="prod-image-24" src="/images/48h_cz.png" alt="48h">
{% elseif app.request.locale == 'sk' %}
<img class="megamenu-img" id="prod-image-24" src="/images/24h_sk.png" alt="48h">
{% elseif app.request.locale == 'ro' %}
<img class="megamenu-img" id="prod-image-24" src="/images/ro/box_24h-01.jpg" alt="48h">
{% else %}
<img class="megamenu-img" id="prod-image-24" src="/images/maj_2019/box_24h.jpg" alt="Szybka dostawa w 24h">
{% endif %}
</div>
</div>
<!-- <div class="column desktop widescreen all-products-image center">
<img src="/images/chair.png" alt="">
</div> -->
</div>
</div>
</div>
</div>
<div class="navbar-item has-dropdown is-mega"
:class="openSales ? 'is-active' : ''">
<div class="navbar-link is-red-navbar-link has-text-weight-medium"
:class="hoverSales ? 'is-red-navbar-link-hovered' : ''" href="#"
@mouseover="overSales"
@click="toggleSales">
{{ 'header_promotions'|trans }}
</div>
<div id="moreDropdown"
class="navbar-dropdown "
@mouseover="hoverSales = true"
@mouseleave="leaveSales">
<div class="container">
<div class="columns content mega-container">
<div class="column is-one-quarter">
{% for category in promoCategories %}
{% if category.id == 121 %}
<a style="font-weight: normal; background: #f9f9fb" class="navbar-item sales-card" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
{% endif %}
{% endfor %}
<div class="navbar-content">
<h5 class="has-text-weight-semibold title">{{ 'discount_category_header'|trans }}</h5>
<p>{{ 'dicount_category_header_helper'|trans }}
{% for category in promoCategories %}
{% if category.id == 121 %}
<strong>
{{ 'visit_category'|trans }}
»
</strong>
{% endif %}
{% endfor %}
</p>
</div>
</a>
{% for category in promoCategories %}
{% if category.id == 237 %}
<a style="font-weight: normal; background: #f9f9fb" class="navbar-item sales-card" href="{{ path('category', {'id':category.id, 'slug':category.slug}) }}">
{% endif %}
{% endfor %}
<div class="navbar-content">
<h5 class="has-text-weight-semibold title">{{ 'outlet'|trans }}</h5>
<p>{{ 'outlet_helper_text'|trans }}
{% for category in promoCategories %}
{% if category.id == 237 %}
<strong>
{{ 'visit_category'|trans }}
»
</strong>
{% endif %}
{% endfor %}
</p>
</div>
</a>
{% if strefaOkazji is defined and strefaOkazji.id is defined and strefaOkazji.id and app.request.locale == 'pl' %}
<a style="font-weight: normal; background: #f9f9fb" class="navbar-item sales-card" href="{{ path('landing-page-front', {'slug':strefaOkazji.slug, 'id':strefaOkazji.id}) }}">
<div class="navbar-content">
<h5 class="has-text-weight-semibold title">{{ 'strefa_okazji_title'|trans }}</h5>
<p>{{ 'strefa_okazji_promo_helper_text'|trans }} <br/>
<strong>
{{ 'visit_category'|trans }}
»
</strong>
</p>
</div>
</a>
{% endif %}
</div>
<div class="column">
<div class="columns">
{% for banner in mainBanners|slice(0,3) %}

<div class="column is-one-third sales-chair">
<div>
<div class="card">
<div class="card-image1">
<div class="image">
<a href="{{ banner.url }}">
<img style="max-height: 180px!important;" src="/images/important/{{ banner.imageName }}" />
</a>
<div style="text-align:center; font-weight: 500; background: {{ banner.color }}!important; color: {{ banner.campaignTextColor }}!important;">
{{ banner.title }}
</div>
</div>
</div>
</div>
</div>
</div>

{% endfor %}
</div>
<div class="columns">
{% for banner in mainBanners|slice(3,6) %}

<div class="column is-one-third sales-chair">
<div>
<div class="card">
<div class="card-image1">
<div class="image">
<a href="{{ banner.url }}">
<img style="max-height: 180px!important;" src="/images/important/{{ banner.imageName }}" />
</a>
<div style="text-align:center; font-weight: 500; background: {{ banner.color }}!important; color: {{ banner.campaignTextColor }}!important;">
{{ banner.title }}
</div>
</div>
</div>
</div>
</div>
</div>

{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-link is-red-navbar-link is-arrowless has-text-weight-medium">
{% if app.request.locale == 'ro' %}
<a style="color:#ac7c09" href="https://www.mobila24.ro/varf-gama/272/c">{{ 'premium'|trans }}</a>
{% else %}
<a style="color:#ac7c09" href="/premium/272/c">{{ 'premium'|trans }}</a>
{% endif %}
</div>
{% if app.request.locale == 'pl' %}
<div class="navbar-link is-red-navbar-link is-arrowless has-text-weight-medium" style="margin-left:20px;">
<a style="color:#ac7c09" href="/meble-smart/312/c">{{ 'Meble smart'|trans }}</a>
</div>
{% endif %}
{% if app.request.locale == 'cz' %}
<div class="navbar-link is-red-navbar-link is-arrowless has-text-weight-medium" style="margin-left:20px;">
<a style="color:#ac7c09" href="/nábytek-smart/312/c">{{ 'Nábytek Smart'|trans }}</a>
</div>
{% endif %}
{% if app.request.locale == 'sk' %}
<div class="navbar-link is-red-navbar-link is-arrowless has-text-weight-medium" style="margin-left:20px;">
<a style="color:#ac7c09" href="/nábytok-smart/312/c">{{ 'Nábytok Smart'|trans }}</a>
</div>
{% endif %}
{% if app.request.locale == 'ro' %}
<div class="navbar-link is-red-navbar-link is-arrowless has-text-weight-medium" style="margin-left:20px;">
<a style="color:#ac7c09" href="/mobilier-smart/312/c">{{ 'Mobilier Smart'|trans }}</a>
</div>
{% endif %}
</div>
<div class="navbar-end">
<div class="column right product-question">
{% if countProducts %}
<a href="{{ path('send_request') }}" class="header-text-color has-text-weight-medium navbar-item">{{ 'askForProduct'|trans }} <i class="margin-left-8 fas fa-long-arrow-alt-right"></i></a>
{% else %}
{#
<a href="" class="right has-text-weight-medium header-text-color">
Sprawdź zamówienie
</a>
#}
{% endif %}
</div>
</div>
</div>
</nav>
</div>

</header>
</hdr-cmp>
</div>

templates/frontend/components/top.html.twig line 1