{% extends 'base.html.twig' %}

{% set locale = app.request.getLocale() %}
{% set currentLanguage = getCurrentLanguage(locale) %}
{% set languages = getActiveLanguages() %}
{% set firstDiscoverLanguages = getFirstDiscoverLanguages('es') %}
{% set firstPostLanguages = getFirstPostLanguages(locale) %}
{% set promo = getActivePromo() %}
{% set googleAnalytics = getGoogleAnalytics() %}

{% block body %}

    {% block content %}
    {% endblock %}

    <footer>
        <div class="container">
            <div class="row footer-row-1">
                <div class="col-xs-12 col-sm-3 contact">
                    <h3>{{ "footer.address.contact.us" | trans({}, 'plaza') }}</h3>
                    <ul>
                        <li>
                            <u>- Apartamentos Turísticos dos llaves</u>
                        </li>
                        <li>
                            <a role="button" target="_blank" href="https://goo.gl/maps/RSMVcPeZ5j72">
                                C/ Corralón de los Carros, 62<br>11002, Cádiz, España
                            </a>
                        </li>
                        <br class="hidden-xs">
                        <li>
                            <u>- Hostal una estrella</u>
                        </li>
                        <li>
                            <a role="button" target="_blank" href="https://goo.gl/maps/RSMVcPeZ5j72">
                                C/ Corralón de los Carros, 59<br>11002, Cádiz, España
                            </a>
                        </li>
                        <br class="hidden-xs">
                        <li>
                            <u>- Hostal una estrella</u>
                        </li>
                        <li>
                            <a role="button" target="_blank" href="https://goo.gl/maps/RSMVcPeZ5j72">
                                C/ Corralón de los Carros, 61<br>11002, Cádiz, España
                            </a>
                        </li>
                        <br class="hidden-xs">
                        <li>
                            <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+34 856 170 084" class="tel" itemprop="telephone">+34 856 170 084</a>
                        </li>
                        <li>
                            <i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:cadiz@plazadelaluz.com" title="cadiz@plazadelaluz.com">cadiz@plazadelaluz.com</a>
                        </li>
                    </ul>
                </div>

                <div class="col-xs-12 col-sm-3 sections">
                    <h3>Plaza de la Luz</h3>
                    <ul>
                        <li>
                            <a href="{{ path('front_accommodation_list') }}">{{ "menu.accommodations" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_service_list') }}">{{ "menu.services" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_discover_list') }}">{{ "menu.discover" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_blog_list') }}">{{ "menu.blog" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_how_to_get') }}">{{ "menu.how.to.get" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_contact') }}">{{ "menu.contact" | trans({}, 'plaza') }}</a>
                        </li>
                    </ul>
                </div>

                <div class="col-xs-12 col-sm-3 discover">
                    <h3>{{ "footer.discover.cadiz" | trans({}, 'plaza') }}</h3>
                    <ul>
                        {% for firstDiscoverLanguage in firstDiscoverLanguages %}
                            {% set path = path('front_discover_list') ~ '#' ~ firstDiscoverLanguage.slug %}
                            <li>
                                <a href="{{ path }}">{{ firstDiscoverLanguage.title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="col-xs-12 col-sm-3 latest-posts">
                    <h3>{{ "footer.last.blog.entries" | trans({}, 'plaza') }}</h3>
                    <ul>
                        {% for firstPostLanguage in firstPostLanguages %}
                            {% set path = path('front_blog_home', {'postSlug': firstPostLanguage.slug}) %}
                            <li>
                                <a href="{{ path }}">{{ firstPostLanguage.title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="col-xs-12 andalucia-web">
                    <p>{{ "andalucia.web" | trans({}, 'plaza') }}</p>
                    <p>{{ "andalucia.web.address.1" | trans({}, 'plaza') }}</p>
                    <p>{{ "andalucia.web.address.2" | trans({}, 'plaza') }}</p>
                    <p>{{ "andalucia.web.address.3" | trans({}, 'plaza') }}</p>
                </div>
            </div>

            <div class="row footer-row-2">
                <div class="col-xs-12">
                    <h3>{{ "footer.follow.us" | trans({}, 'plaza') }}</h3>
                    <ul>
                        <li>
                            <a class="fb" href="https://www.facebook.com/plazadelaluz.apartamentos/" target="_blank">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a class="twitter" href="https://twitter.com/plazadelaluz" target="_blank">
                                <i class="fa fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a class="google" href="https://www.google.es/travel/hotels/Hostal%20%26%20Apartamentos%20Plaza%20de%20la%20Luz/entity/CgoI6NCO9-2rgdRiEAE?g2lb=2502548%2C4258168%2C4260007%2C4274032%2C4305595%2C4306835%2C4308227%2C4317915%2C4322823%2C4328159%2C4330862%2C4364504%2C4366684%2C4371335%2C4381263%2C4386665%2C4395590%2C4398672%2C4400362%2C4401769%2C4403881%2C4270859%2C4284970%2C4316256&hl=es&gl=es&un=1&q=Hostal%20%26%20Apartamentos%20Plaza%20de%20la%20Luz&rp=EOjQjvftq4HUYjgCQABIAQ&ictx=1&utm_campaign=sharing&utm_medium=link&utm_source=htls&hrf=IgNFVVIqFgoHCOQPEAcYDxIHCOQPEAcYEBgBKAA" target="_blank">
                                <i class="fa fa-google"></i>
                            </a>
                        </li>
                        <li>
                            <a class="map" href="https://www.google.com/maps/place/Hostal+%26+Apartamentos+Plaza+de+la+Luz/@36.5300789,-6.3056183,17z/data=!3m1!4b1!4m8!3m7!1s0x0:0x62a8055edee3a868!5m2!4m1!1i2!8m2!3d36.5300789!4d-6.3034296" target="_blank">
                                <i class="fa fa-map-marker"></i>
                            </a>
                        </li>
                        <li>
                            <a class="instagram" href="https://www.instagram.com/plazadelaluzcadiz/" target="_blank">
                                <i class="fa fa-instagram"></i>
                            </a>
                        </li>
                        <li>
                            <a class="youtube" href="https://youtu.be/esXO08jzFIU" target="_blank">
                                <i class="fa fa-youtube"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="row footer-row-3">
                <div class="col-xs-12 policies">
                    <ul>
                        <li>
                            <a href="{{ path('front_legal_notice') }}">{{ "footer.legal.notice" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_privacy_policy') }}">{{ "footer.privacy.policy" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_regulation_of_internal_regime') }}">{{ "footer.regulation.of.internal.regime" | trans({}, 'plaza') }}</a>
                        </li>
                        <li>
                            <a href="{{ path('front_cookies_policy') }}">{{ "footer.cookies.policy" | trans({}, 'plaza') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        {#<img class="img-responsive" src="{{ asset('assets/img/footer_1920.png') }}" />#}

        <picture>
            <source media="(min-width: 1200px)" srcset="{{ asset('assets/img/footer_1920.png') }} 2x">
            <source media="(min-width: 992px)" srcset="{{ asset('assets/img/footer_992.png') }} 2x">
            <img class="img-responsive" width="100%" src="{{ asset('assets/img/footer.png') }}" srcset="{{ asset('assets/img/footer_768.png') }} 2x" alt="Footer image">
        </picture>

    </footer>

    {# modals #}
    <div class="modal fade" id="bookNavbar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="bookingSummaryXsLabel">{{ 'booking-box.book-now.2' | trans({}, 'plaza') }}</h4>
                </div>
                <div class="modal-body">
                    <form id="booking-form-modal" class="search-booking" action="{{ path('front_encode_filters') }}" method="post">
                        <div id="searchBar">
                            <div class="form-group">
                                <div class="check-in-block">
                                    <label>{{ 'booking-box.arrival.date' | trans({}, 'plaza') }}:</label>
                                    <input type="text" id="checkInModal" name="checkIn" class="form-control checkIn"
                                        placeholder="{{ 'my.booking.2.arrival' | trans({}, 'plaza') }}" required readonly>
                                </div>
                                <div class="check-out-block">
                                    <label>{{ 'booking-box.departure.date' | trans({}, 'plaza') }}:</label>
                                    <input type="text" id="checkOutModal" name="checkOut" class="form-control checkOut"
                                        placeholder="{{ 'my.booking.2.departure' | trans({}, 'plaza') }}" required readonly>
                                </div>
                                <div class="promo-block">
                                    <label>{{ 'booking-box.promo.2' | trans({}, 'plaza') }}:</label>
                                    <input type="text" id="promo" name="promo" class="form-control" placeholder="{{ 'booking-box.promo' | trans({}, 'plaza') }}"
                                        value="{% if allFilters['pr'] is defined %}{{ allFilters['pr'] }}{% endif %}">
                                </div>
                                <input type="hidden" name="ci" required>
                                <input type="hidden" name="co" required>
                                <div class="clearfix"></div>
                                <div class="nights pull-left">{{ "booking-box.you-have-selected" | trans({}, 'plaza') }}
                                    <span class="nightsNumber"></span>
                                    <span class="nightsName"></span>
                                </div>
                                <div class="booking-block">
                                    <button type="submit" class="btn btn-booking">{{ 'booking-box.book' | trans({}, 'plaza') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {# end modals #}

    {# cookies #}
    <div id="cookiesWarning">
        <div id="bottom">
            <p id="textstrong">
                {{ 'cookies.1' | trans({}, 'plaza') }}
                <a id="cookies" href="{{ path('front_cookies_policy') }}"> {{ 'footer.cookies.policy' | trans({}, 'plaza') }}</a>
            </p>
            <div id="buttons">
                <a id="cookieslawOK" role="button"> {{ 'common.accept' | trans({}, 'plaza') }}</a>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
<script src="{{ asset('assets/js/moment/es.js') }}"></script>
{% if allFilters is not defined %}
    {% set allFilters = null %}
{% endif %}
{% include 'front/js/calendar.html.twig' with { "allFilters": allFilters } %}
{% if googleAnalytics and googleAnalytics == 'true' %}
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-76924210-2', 'auto');
        ga('send', 'pageview');

    </script>
{% endif %}
<script>
$(document).ready(function() {
    {# Modals #}
    $('.modal').on('show.bs.modal', function () {
        if($( window ).width() > 768) {
            $('body').css('overflow', 'hidden').addClass('paddingRight');
            $('.navbar-plaza').addClass('paddingRight');
        }

    }).on('hidden.bs.modal', function () {
        $('body').css('overflow-y', 'scroll').removeClass('paddingRight');
        $('.navbar-plaza').removeClass('paddingRight');
    });

    {# Detect mobile #}

    if ($( window ).width() < 768) {
        $('#navbar-plaza').affix({
            offset: {
                top: -1
            }
        })
    } else {
        $('#navbar-plaza').affix({
            offset: {
                top: 120
            }
        })
    }

    {# Mobile orientation detection #}
    navbarCollapseHeight();

    $(window).on( "orientationchange", function( event ) {

        navbarCollapseHeight();
    });

    {# Cookies #}
    if (!$.jCookies({ get : 'biscuit' })) {

        $('#cookiesWarning').show();
    }

    $('#cookieslawOK').on('click',function() {
        $.jCookies({
            name : 'biscuit',
            value : true,
            days: 60
        });

        $('#cookiesWarning').hide();
    });
});

{# Calculate navbar collapse height #}
function navbarCollapseHeight() {
    var winHeight = $(window).height(),
        navBar = $('.navbar-collapse');


    if(navBar.height() > winHeight) {
        navBar.css({ 'overflow-y': 'auto', 'max-height': (winHeight - 70) + 'px' });
    }
}
</script>
{% endblock %}