{% extends 'Page/layout.html.twig' %}

{% block content %}
    {{ render_pagetemplate(page) }}
{% endblock %}

{% block css %}
    {{ parent() }}
    {{ encore_entry_link_tags('map') }}
{% endblock %}

{% macro pushWorkshop(workshop) %}
    {% set node = get_node_translation_for(workshop) %}
    {{ workshop.id }}: {
    id:{{ workshop.id }},
    x:{{ workshop.coords['x'] }},
    y:{{ workshop.coords['y'] }},
    z:{{ workshop.coords['z'] }},
    title: '{{ workshop.title }}',
    presenter: '{{ workshop.presenterName }}',
    portrait: '{{ workshop.portrait.url|imagine_filter('portrait') }}',
    summary: "{{ workshop.summary|escape('html') }}",
    href: "{{ path('_slug', {'url':node.url}) }}"
    },
{% endmacro %}

{% block jsBundle %}
    {{ parent() }}
    {{ encore_entry_script_tags('map') }}
    <script async defer
            src="//maps.googleapis.com/maps/api/js?key={{ mapper.apiKey }}&callback=initMap"
    >
    </script>
    <script>
        window.workshops = {
            {% for workshop in results %}
            {% if workshop is iterable %}
            {% for w in workshop %}
            {{ _self.pushWorkshop(w) }}
            {% endfor %}
            {% else %}
            {{ _self.pushWorkshop(workshop) }}
            {% endif %}
            {% endfor %}
        };
    </script>
{% endblock %}