{% sw_extends '@TopdataTopFinderProSW6/storefront/topdata-base.html.twig' %}
{% block base_breadcrumb %}
{% if page.breadcrumbs %}
{% sw_include '@TopdataTopFinderProSW6/storefront/layout/breadcrumbs.html.twig' with {breadcrumbList : page.breadcrumbs} %}
{% endif %}
{% endblock %}
{% block base_content %}
<div class="cms-page topfinder-page">
<div class="topfinder_list">
<div class="container">
<h1 class="topfinder-headline">{{ page.title|sw_sanitize }}</h1>
{% if page.show.brands %}
<div class="row">
{% for brand in page.brands %}
<a href="{{ seoUrl('frontend.top_finder.brand', {'brandCode': brand.code}) }}" class="topfinder-device-link topfinder-brand-link col-lg-3 col-md-4 col-sm-6 col-xs-12">
{% if brand.sort %}
<strong>{{ brand.name|sw_sanitize }}</strong>
{% else %}
{{ brand.name|sw_sanitize }}
{% endif %}
</a>
{% endfor %}
</div>
{% endif %}
{% if page.show.types and page.types|length %}
<h2>{{ page.model.name }} {{ 'topdata-topfinder.types'|trans }}</h2>
<div class="row">
{% for type in page.types %}
<a href="{{ seoUrl('frontend.top_finder.type', {'code': type.code}) }}" class="topfinder-device-link topfinder-type-link col-lg-3 col-md-4 col-sm-6 col-xs-12">{{ type.label|sw_sanitize }}</a>
{% endfor %}
</div>
{% endif %}
{% if page.show.series and page.series|length %}
<h2>{{ page.model.name }} {{ 'topdata-topfinder.series'|trans }}</h2>
<div class="row">
{% for series in page.series %}
<a href="{{ seoUrl('frontend.top_finder.series', {'code': series.code}) }}" class="topfinder-device-link topfinder-series-link col-lg-3 col-md-4 col-sm-6 col-xs-12">{{ series.label|sw_sanitize }}</a>
{% endfor %}
</div>
{% endif %}
{% if page.show.devices %}
{% if page.show.types and not page.show.series %}
<h2>{{ page.model.name }} {{ 'topdata-topfinder.noTypeDeviceTypeTitle'|trans }}</h2>
{% endif %}
{% if page.show.series %}
<h2>{{ page.model.name }} {{ 'topdata-topfinder.noSeriesDeviceSeriesTitle'|trans }}</h2>
{% endif %}
<div class="topfinder-devices-compact row">
{#% if page.pageType == 'series' %}
{% set hideSeries = true %}
{% endif %}
{% sw_include '@TopdataTopFinderProSW6/storefront/page/topfinder/devices-list.html.twig' with {
devices: page.devices,
context: context,
withLink: true,
hideSeries: hideSeries,
compactModeLimit : page.compactModeLimit
} %#}
{% set deviceNameMode = 'brand' %}
{% set deviceListDevices = page.header.extensions.deviceList.elements.devices %}
{% set deviceClass = 'col-lg-3 col-md-4 col-sm-6 col-xs-12' %}
{% for device in page.devices %}
{% sw_include '@TopdataTopFinderProSW6/storefront/component/device/list-link.html.twig'
with {
device: device,
deviceListDevices: deviceListDevices,
deviceNameMode: deviceNameMode,
deviceClass: deviceClass
} only
%}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}