{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<link href="{{ asset('/css/index.css') ~ '?' ~ version() }}" rel="stylesheet">
<link href="{{ asset('/css/realisations.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 %}Realizacje - {{ parent() }}{% endblock %}
{% block body %}
<main>
<div class="container-fluid no-padding-lr">
{% include 'partials/_header.html.twig' %}
<div class="container-xl container-xl-md">
<div class="container-m">
<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">Portfolio</li>
</ol>
</nav>
</div>
{% include 'partials/_filter_section.html.twig' with {'order': {'name': 'wg rankingu autora', 'value': 'ord'}, 'data': {'url': '/portfolio', 'title': 'Nasze realizacje'}} %}
<div class="realisation-line">
{% for key, realisation in realisations %}
<div class="realisation-box">
<a
href="{{ '/portfolio' ~ realisation.slug }}"
class="realisation-gallery-link"
>
{% if realisation.thumb_filename is not empty %}
<img src="{{ static_dir ~ '/thumbs' ~ realisation.thumb_filename }}" alt="{{ realisation.title }}" />
{% else %}
<img src="{{ 'https://via.placeholder.com/480x568.png?text=' ~ realisation.title }}" alt="{{ realisation.title }}" />
{% endif %}
<span class="info-cover">
<span class="title">{{ realisation.title }}</span>
<span class="link">zobacz realizację ⟶</span>
</span>
</a>
</div>
{% endfor %}
{% if realisation_count > 9 %}
<div class="next-button">
<a class="button-link realisation-next-elements" data-number="9" href="#"><span>zobacz kolejne</span></a>
</div>
{% endif %}
</div>
{% 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 %}