{% extends app.request.query.get("embed") == '1'
  ? "base.html.twig"
  : "bases/base." ~ subdomain ~ ".html.twig" %}

{% block title %}{{ parent() }}{% endblock %}

{% block head %}
{{ parent() }}
{# <meta name="description" content=""> #}
{% endblock %}

{% block javascript %}
{{ parent() }}
{% endblock %}

{% block styles %}
{{parent()}}
{% endblock %}

{% block body %}
<div class="container">
    <div class="row">
        <div class="col-md-8 col-sm-12">
            <h1>{{ post.name }}</h1>
            <hr>
            <p>{{ post.description }}</p>
            <p>{{ post.extendedDescription }}</p>
            <p>
                {{ post.start|date("l F j, g:i a") }}
                {% if post.start|date("F j") == post.end|date("F j") %}
                to {{ post.end|date("g:i a") }}
                {% else %}
                {{ post.end|date("F j, g:i a") }}
                {% endif %}
                | {{ post.location.name }}
            </p>
            <h5>Contact</h5>
            <p>{{ post.contactEmail }}</p>
            <p>{{ post.phone }}</p>
            <p>{{ post.website }}</p>
            <h5>Sponsored by</h5>
            <p>{% for sponsor in post.sponsors %}
                {{ sponsor.name }}{% if not loop.last %},{% endif %}
                {% endfor %}</p>
            <p>
                <a style="margin-right:10px"
                    href="https://calendar.google.com/calendar/render?action=TEMPLATE&text={{ post.name|url_encode }}&dates={{ post.start|date('Ymd\THi') }}00/{{ post.end|date('Ymd\THi') }}00&details={{post.description|url_encode}}&location={%if post.location.address == ''%}{{post.location.name|url_encode}}{%else%}{{post.location.address|url_encode}}{%endif%}&sf=true&output=xml"
                    target="_blank"><img src="https://environmentaldashboard.org/calendar/images/calendar-icon.png"
                        alt="Google Calendar" width="50"></a>
                <a style="margin-right:10px"
                    href="http://www.facebook.com/sharer/sharer.php?u={{ app.request.uri|url_encode }}&t={{post.name|url_encode}}"
                    target="_blank"><img src="https://environmentaldashboard.org/calendar/images/fb-art.png"
                        alt="Facebook logo" width="50"></a>
                <a href="http://twitter.com/share?text={{post.name|url_encode}}&url={{ app.request.uri|url_encode }}"
                    target="_blank"><img src="https://environmentaldashboard.org/calendar/images/twitter.png"
                        alt="Twitter logo" width="50"></a>
            </p>
        </div>
        <div class="col-md-4 col-sm-12">
            <img src="{{post.image}}" class="img-fluid">
            {% if post.location.address != '' %}
            <iframe width="100%" height="450" frameborder="0" style="border:0;margin-top: 20px" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCDAZRPbbNS4w_kBz3bZ4Q5B8RFS46FyhM
              &q={{post.location.address|url_encode}}" allowfullscreen></iframe>
            {% endif %}
        </div>
    </div>
    <div style="clear: both;height: 110px"></div>
    <h3>Related events</h3>
    <hr>
    <div class="row">
        {% for post in relatedPosts %}
        <div class="col-sm-3">
            <div class="card">
                <img class="card-img-top" src="{{post.image}}" alt="{{post.name}}">
                <div class="card-body">
                    <h6 class="card-title">{{post.name}}</h6>
                    <p class="card-text">{{post.start|date("l F j, g:i a")}}</p> <a href="{{ path('post', {id: post.id}) }}"
                        class="btn btn-primary">View event</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}