{% extends '_layout/base' %}
{% import '_helpers/_image_webp' as media %}
{% set body_classes = 'events-detail-page' %}
{% block content %}
    <div id="page-header" class="m-has-breadcrumbs">
        <div class="page-title">
            <h1>{{ entry.title }}</h1>
        </div>
        {% include '_components/breadcrumbs' with {
            class: 'black no-top-margin'
        } %}
    </div>

    <!-- PAGE CONTENT : begin -->
    <div id="page-content">
        <div class="page-content-inner">
            <div class="c-content-box">
                <div class="event-information">
                    <div class="event-date">
                        <i class="ico tp tp-calendar-full"></i>
                        {{ entry.date | date("d mm, Y") }}
                    </div>
                    <div class="event-hour">
                        <i class="ico tp tp-clock2"></i>
                        {{ entry.date | date("H:i") }}
                    </div>
                    <div class="event-location">
                        <i class="ico tp tp-map-marker"></i>
                        {{ entry.location }}
                    </div>
                </div>
                {{ entry.richText }}
            </div>

            <!-- You can generate your own Street View code at maps.google.com -->
            <iframe src="https://maps.google.com/maps?q={{entry.latitude}},{{entry.longitude}}&hl={{ currentSite.language|split('-')|first }}&z=17&output=embed"
                    width="600" height="450" frameborder="0" style="border:0" allowfullscreen>

            </iframe>



        </div>
    </div>
{% endblock %}