{% extends "base.html.twig" %}
{% block content %}
{# {{dump(content)}} #}
<div class="containter-fluid">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="slides">
{% for image in content.slides %}
<div class="slide">
<img src={{image.media_selection_1920.url}}/>
<div class="shadow-img" ></div>
<div class="content">
<div class="txt position">{{image.text_editor | raw}}</div>
{# <button class="btn">
<a href="{{image.link}}">Zobacz więcej</a>
</button> #}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="sekcja">
<div class="row">
<div class="col-md-6 col-sm-12">
{{ content.article|raw }}
</div>
<div class="col-md-6 col-sm-12">
{% for image in content.images %}
<img class="hp_image" src="{{ image.url}}" alt="{{ image.title }}" title="{{ image.description|default(image.title) }}">
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<div
class="sekcja middle_slider">
{# <div class="heading"></div> #}
<div class="row">
<div class="slides-sm">
{% for item in content.hp_middle_slider %}
<div class="slide2">
{# {{dump(item.kategoria)}} #}
<div class="heading">{{item.slider_title}}</div>
<div class="half row">
<div class="col-sm-12 col-md-6 scol">
{% for image in item.images %}
<img src="{{ image.url}}" class="hp_image"/>
{% endfor %}
</div>
<div class="col-sm-12 col-md-6">
<div class="content">
{{item.description|raw}}
<button class="btn">
<a href="{{item.link}}/{{item.kategoria.id}}/produkty">Zobacz więcej</a>
</button>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="sekcja ikony">
<div class="heading">OFERTA DLA OBIEKTÓW</div>
{% for desc in content.hp_icons %}
<div class="description">
{{desc.description|raw}}
</div>
{% endfor %}
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-5">
{% for icons in content.hp_icons %}
{% for images in icons.images %}
{# {{dump(images.tags)}} #}
{% if images.tags | length > 0 %}
<div class="col ikony">
<img src="{{ images.url}}" class="ikona"/>
<p>{{images.description}}</p>
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
</div>
{# <div class="container">
<div class="heading">AKTUALNOŚCI</div>
<div class="sekcja artykuly">
<div class="row artykuly">
{% for article in content.articles %} #}
{# {{dump(article)}} #}
{# <div class="col-md-4 col-sm-6 col-12">
<div class="article">
<a href="{{article.content.routePath}}">
<img src="{{article.content.images[0].url}}" class="img"/>
<div class="title">
{{article.content.title}}
</div>
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div> #}
<div class="containter-fluid">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="slides">
{% for image in content.hp_middle_slider_2 %}
<div class="slide">
<img src={{image.media_selection_1920.url}}/>
<div class="content">
<div class="txt">{{image.text_editor | raw}}</div>
{# <button class="btn">
<a href="{{image.link}}">Zobacz więcej
</a>
</button> #}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock %}