{% extends "Global/layout.html.twig" %}

{% set pagetitle = venue.name %}

{% block title %}{{pagetitle}}{% endblock %}

{% block content %}

    {% set navigation = [{"venues" : ("Venues"|trans), "current" : (pagetitle)}] %}
    {% include "Global/navigation.html.twig" with navigation %}

    {% if venue.images|length > 0 %}
        <div class="row no-gutters">
            <div class="col-12 p-0">
                <section class="section-main">
                    <div class="owl-init slider-main owl-carousel" data-items="1" data-dots="false" data-nav="true" data-autoplay="false">
                        {% for image in venue.images %}
                            <div class="item-slide d-flex">
                                <img class="slider-img justify-content-center align-self-center" src="{{ asset(image.getImagePath) }}" alt="{{ venue.name }}" />
                                <div class="slider-blured-background" style="background-image: url('{{ asset(image.getImagePath) }}');"></div>
                            </div>
                        {% endfor %}
                    </div>
                </section>
            </div>
        </div>
    {% endif %}

    <section class="section-content padding-y bg-white">
        <div class="{{ services.getSetting("app_layout") }}">

            <div class="row">
                <aside class="col-sm-12">
                    <div class="card">

                        <div class="card-body">
                            <div class="row mb-5">
                                <div class="col-12 col-lg-6">
                                    <h1 class="text-center text-lg-left">{{ venue.name }}</h1>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="text-muted text-center text-lg-right">{{ venue.type.name }}</div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 {% if venue.quoteform and venue.contactemail %}col-lg-8{% endif %}">
                                    {% if venue.seatedguests or venue.standingguests %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "Guests"|trans }}</dt>
                                            <dd>
                                                {% if venue.seatedguests %}
                                                    {{"Seated"|trans ~ ": " ~ venue.seatedguests}}
                                                {% endif %}
                                                {% if venue.standingguests %}
                                                    -
                                                    {{"Standing"|trans ~ ": " ~ venue.standingguests}}
                                                {% endif %}
                                            </dd>
                                        </dl>
                                    {% endif %}

                                    <dl class="dlist-align dlist-border clearfix mb-0">
                                        <dt>{{ "Location"|trans }}</dt>
                                        <dd>
                                            {% if venue.showmap %}
                                                <iframe height="500" class="w-100 border-0 venue-map" src="{{ services.getCurrentRequestProtocol() }}://maps.google.com/maps?q={{ venue.name|url_encode ~ '%20' ~ venue.stringifyAddress|url_encode }}&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe>
                                                {% endif %}
                                            <dl class="mt-3">
                                                <dt>{{ "Address"|trans }}</dt>
                                                <dd>{{ venue.stringifyAddress }}</dd>
                                            </dl>
                                            {% if venue.neighborhoods %}
                                                <dl class="mt-3">
                                                    <dt>{{ "Neighborhoods"|trans }}</dt>
                                                    <dd>{{ venue.neighborhoods|raw|nl2br }}</dd>
                                                </dl>
                                            {% endif %}
                                        </dd>
                                    </dl>
                                    {% if venue.description %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "The space"|trans }}</dt>
                                            <dd>
                                                {{ venue.description|raw|nl2br }}
                                            </dd>
                                        </dl>
                                    {% endif %}
                                    {% if venue.pricing %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "Pricing"|trans }}</dt>
                                            <dd>
                                                {{ venue.pricing|raw|nl2br }}
                                            </dd>
                                        </dl>
                                    {% endif %}
                                    {% if venue.availibility %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "Availability"|trans }}</dt>
                                            <dd>
                                                {{ venue.availibility|raw|nl2br }}
                                            </dd>
                                        </dl>
                                    {% endif %}
                                    {% if venue.foodbeverage %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "Food and beverage"|trans }}</dt>
                                            <dd>
                                                {{ venue.foodbeverage|raw|nl2br }}
                                            </dd>
                                        </dl>
                                    {% endif %}
                                    {% if venue.amenities|length > 0 %}
                                        <dl class="dlist-align dlist-border clearfix mb-0">
                                            <dt>{{ "Amenities"|trans }}</dt>
                                            <dd class="pb-0">
                                                <ul class="fa-ul list-lg list-inline ml-0">
                                                    {% for amenity in venue.amenities %}
                                                        <li class="list-inline-item text-muted mr-3 mb-3"><i class="icon {{ amenity.icon }} fa-fw"></i> <span>{{ amenity.name }}</span></li>
                                                        {% endfor %}
                                                </ul>
                                            </dd>
                                        </dl>
                                    {% endif %}
                                </div>
                                {% if venue.quoteform and venue.contactemail %}
                                    <div class="col-12 col-lg-4 mt-5 mt-lg-0">
                                        <div class="card">
                                            <article class="card-body">
                                                <h4 class="card-title mb-4 mt-1 text-center"><i class="fas fa-calendar-check"></i> {{ "Request a quote"|trans }}</h4>
                                                {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
                                                {{ form_widget(form) }}
                                                {{ form_end(form) }}
                                            </article>
                                        </div>
                                    </div>
                                {% endif %}
                            </div>

                        </div>
                    </div>
                </aside>
            </div>

            {% set venue_comments_enabled = services.getSetting("venue_comments_enabled") %}
            {% if venue_comments_enabled != "no" %}
                <div class="mt-5">
                    {% if venue_comments_enabled == "native" %}
                        {% include '@FOSComment/Thread/async.html.twig' with {'id':venue.slug} %}
                    {% elseif venue_comments_enabled == "facebook" and services.getSetting("facebook_app_id") %}
                        <div id="fb-root"></div>
                        <script async defer crossorigin="anonymous" src="https://connect.facebook.net/{{ app.request.locale|lower~'_'~app.request.locale|upper }}/sdk.js#xfbml=1&version=v4.0&appId={{ services.getSetting("facebook_app_id") }}&autoLogAppEvents=1"></script>
                        <div class="fb-comments" data-href="{{ app.request.uri }}" data-width="100%" data-numposts="5"></div>
                    {% elseif venue_comments_enabled == "disqus" and services.getSetting("disqus_subdomain") %}
                        <div id="disqus_thread"></div>
                        <script>
                            /**
                             *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
                             *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
                            var disqus_config = function () {
                                this.page.url = "{{ app.request.uri }}";  // Replace PAGE_URL with your page's canonical URL variable
                                this.page.identifier = "{{ venue.slug }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
                                this.language = "{{ app.request.locale|lower }}";
                            };
                            (function () { // DON'T EDIT BELOW THIS LINE
                                var d = document, s = d.createElement('script');
                                s.src = 'https://{{ services.getSetting("disqus_subdomain") }}.disqus.com/embed.js';
                                s.setAttribute('data-timestamp', +new Date());
                                (d.head || d.body).appendChild(s);
                            })();
                        </script>
                        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                    {% endif %}
                </div>
            {% endif %}

        </div>
    </section>

{% endblock %}