{% extends 'courses.html.twig' %}
{% block title %}{{ topic.menuTitle }} | Všechny kurzy{% endblock %}
{% block content %}
{% set showMap = true %}
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-6 position-relative">
{% include 'form/_searchForm.html.twig' %}
</div>
<div class="col-12 col-md-6 homepage-box d-md-block d-none">
<div class="row">
<div class="col-{% if(showMap) %}12{% else %}6{% endif %}">
<h1>{{ topic.menuTitle }}</h1>
<p>
{{ topic.description }}
</p>
</div>
{% if(showMap) %}
<div class="col-12">
{% include 'course/map.html.twig' with pagination %}
</div>
{% else %}
<div class="col-6">
<img src="/images/hp.png" alt="{{ topic.menuTitle }}" class="img-fluid"/>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% if(submenuGroups|length>0) %}
<div class="container-fluid mt-5">
<div class="row">
{% for attributeGroup in submenuGroups %}
{% for attribute in attributeGroup.attributes %}
<div class="col-12 col-md-6 col-lg-3 mb-3">
<a style="height: 60px;" class="btn btn-light w-100"
href="{{ path('course_topic_group_index', {'topicSlug': topic.identifier, 'attributeSlug': attribute.identifier}) }}">{{ attribute.name }}</a>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
{% endif %}
<div class="container mt-5">
<div class="row">
{% for course in pagination %}
<div class="col-12">
{% include 'course/item/default.html.twig' with {'course': course} %}
</div>
{% else %}
Nebyly nalezeny žádné kurzy
{% endfor %}
</div>
<div class="navigation">
{{ knp_pagination_render(pagination) }}
</div>
</div>
{% endblock %}
{% block map %}
<script type="text/javascript">
const locations = [
{% for item in pagination %}
{% if(item.latitude is not empty and item.longitude is not empty) %}
{
'title': '{{ item.name }}',
'position': {lat: {{ item.latitude }}, lng: {{ item.longitude }} },
{#'url': '{{ path('course_show', {'slug': item.slug}) }}'#}
},
{% endif %}
{% endfor %}
];
</script>
{% endblock %}