{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<link href="{{ asset('/css/index.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/blog.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/section-title.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/filters.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/breadcrumbs.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/rwd.css') ~ '?' ~ version() }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
{% endblock %}
{% block title %}Blog - {{ parent() }}{% endblock %}
{% block body %}
<main>
<div class="container-fluid no-padding-lr">
{% include 'partials/_header.html.twig' %}
<div class="container-xl container-xl-md container-xl-s">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ url('index') }}">Strona główna</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog</li>
</ol>
</nav>
{% include 'partials/_filter_section.html.twig' with {'data': {'url': '/blog', 'title': 'Zapoznaj się z naszymi artykułami'}} %}
{% for post in blogPosts %}
{% include 'partials/_blog_section.html.twig' %}
{% endfor %}
{% if blogPosts_count > 9 %}
<div class="next-button">
<a class="button-link blog-next-elements" data-number="9" href="#"><span>zobacz kolejne</span></a>
</div>
{% endif %}
{% include 'partials/_do-you-like.html.twig' %}
</div>
</div>
{{ include('partials/_footer.html.twig') }}
</main>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript" src="{{ asset('js/filter.js') }}"></script>
{% endblock %}