{% extends 'AppBundle::layout.html.twig' %}
{% block header %}
{% if page.header %}
{% include "@App/components/header.html.twig" %}
{% endif %}
{% endblock %}
{% block title %}{% endblock %}
{#{% block breadcrumbs %}#}
{# {{ wo_render_breadcrumbs() }}#}
{#{% endblock %}#}
{% block body %}
{# {% if page.banner %}#}
{# {% include '@App/ContentBlock/banner.html.twig' %}#}
{# {% endif %}#}
{# {% if page.isUnitsFilter %}#}
{# <div class="row">#}
{# {% include '@App/components/units_filter.html.twig' %}#}
{# </div>#}
{# {% endif %}#}
{% set attrs = app.request.query.all %}
{% include '@App/components/breadcrumbs.html.twig' %}
<div class="row theme-styled-text">
<h2 class="title-with-arrow pt-4 pt-md-0 px-3 px-md-0">{% trans %}units_for_sale{% endtrans %}</h2>
</div>
<div class="row">
<div class="description w-100">
{{ customForm|raw }}
{% if view == 'grid' %}
<div class="grid-view units container">
{% include '@App/Unit/grid.html.twig' %}
</div>
{% else %}
{% if units %}
<div class="table-responsive">
<table class="table table-hover table-striped units table-view">
<thead>
<tr>
<th>{{ knp_pagination_sortable(pagination, 'Number'|trans, 'u.attributes.flat_internal_id', params, params) }}</th>
<th>{{ knp_pagination_sortable(pagination, 'project'|trans, 'project', params, params) }}</th>
<th>{{ knp_pagination_sortable(pagination, attributes['flat_disposition'].title, 'u.attributes.flat_disposition', params, params) }}</th>
<th>{{ knp_pagination_sortable(pagination, attributes['flat_area'].title, 'u.attributes.flat_area', params, params) }}</th>
<th>{{ knp_pagination_sortable(pagination, 'floor'|trans, 'floor', params, params) }}</th>
<th>{% trans %}unit_accessories{% endtrans %}</th>
<th>{% trans %}unit_accessories_area{% endtrans %}</th>
<th>{{ knp_pagination_sortable(pagination, attributes['flat_price'].title, 'u.attributes.flat_price', params, params) }}</th>
<th>{{ knp_pagination_sortable(pagination, attributes['flat_status'].title, 'u.attributes.flat_status', params, params) }}</th>
</tr>
</thead>
<tbody class="units-body">
{% include '@App/Unit/rows.html.twig' %}
</tbody>
</table>
</div>
{% else %}
<div id="newsletter_succes" class="newsletter__message p-5">
<div class="message message--newsletter">
<div class="message__header"><h3 class="message__text--heading">Nenašly se žádné volné jednotky odpovídající zadání</h3></div>
<div class="message__body">Zvolte prosím jiné parametry nebo zkuste <a href="/units">hledat od začátku</a>.</div>
</div>
</div>
{% endif %}
{% endif %}
{% if not hide_button %}
<div class="text-center">
<button class="btn main-button loading-btn pl-5 pr-5"
data-href="{{ url('units_list') }}"
id="load_utils">{% trans %}Load more{% endtrans %}</button>
<div class="spinner-border d-none loading-spinner" role="status">
<span class="sr-only">{% trans %}Loading{% endtrans %}</span>
</div>
</div>
{% endif %}
{% if view == 'grid' %}
<div class="units_filter__grid-tooltip">
<img src="{{ asset('bundles/app/images/parking_icon.png') }}">{% trans %}iconTitleParking{% endtrans %}
<img src="{{ asset('bundles/app/images/garage_icon.png') }}">{% trans %}iconTitleGarageParking{% endtrans %}
<img src="{{ asset('bundles/app/images/shop_icon.png') }}">{% trans %}iconTitleCellar{% endtrans %}
<img src="{{ asset('bundles/app/images/terracebalcony_icon2.png') }}">{% trans %}iconTitleTerraceBalcony{% endtrans %}
</div>
{% endif %}
</div>
</div>
{% for content in page.contentBlocks %}
{{ render_content_block(content.instance, page) }}
{% endfor %}
{% if page.isNewsletter %}
{% include '@App/components/newsletter_box.html.twig' %}
{% endif %}
{% endblock %}
{% block footer %}
{% if page.footer %}
{% include "@App/components/footer.html.twig" %}
{% endif %}
{% endblock %}