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

{% block stylesheets %}
    <link href="{{ asset('assets/css/front.css') }}" rel="stylesheet">
{% endblock %}

{% block body %}
    <header class="site-header">
        <div class="top">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                    </div>
                    <div class="col-sm-6">
                        <ul class="list-inline pull-right">
                            <li><a href="https://www.facebook.com/cozar17/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="https://plus.google.com/u/0/114253564130047691072" target="_blank"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="tel:+34956229859"><i class="fa fa-phone"></i> +34 956 229 859</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        {% include 'front/components/navbar.html.twig' %}
    </header>

    <main class="site-main">
        {% block content %}
        {% endblock %}
    </main>

    <footer>
        <div class="container">
            <div class="row footer-row-1">
                <div class="col-xs-12 col-sm-4">
                    <h4 class="title">Cozar17</h4>
                    <ul class="links-list">
                        <li class="item"><a class="link" href="{{ path('front_home') }}">Inicio</a></li>
                        <li class="item"><a class="link" href="{{ path('front_about') }}">Quiénes somos</a></li>
                        <li class="item"><a class="link" href="{{ path('front_project_gallery') }}">Obras realizadas</a></li>
                        <li class="item"><a class="link" href="{{ path('front_location') }}">Dónde estamos</a></li>
                        <li class="item"><a class="link" href="{{ path('front_contact') }}">Contacto</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <h4 class="title">Servicios</h4>
                    <ul class="links-list">
                        <li class="item"><a class="link" href="{{ path('front_service_constructions') }}">Obras</a></li>
                        <li class="item"><a class="link" href="{{ path('front_service_projects') }}">Proyectos</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <h4 class="title">Contacta con nosotros</h4>
                    <ul class="links-list">
                        <li class="item">C/ Zaragoza, 17</li>
                        <li class="item">11003, Cádiz, España</li>
                        <li class="item">
                            <a class="link" href="tel:+34956229859">
                                <i class="fa fa-phone"></i> +34 956 229 859
                            </a>
                        </li>
                        <li class="item">
                            <a class="link" href="mailto:info@cozar17.com" title="info@cozar17.com">
                                <i class="fa fa-envelope"></i>
                                info@cozar17.com
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row footer-row-2">
                <div class="col-xs-12">
                    <ul class="policies">
                        <li>
                            <a class="link" href="{{ path('front_legal_notice') }}">Aviso legal</a>
                        </li>
                        <li>
                            <a class="link" href="{{ path('front_privacy_policy') }}">Política de privacidad</a>
                        </li>
                        <li>
                            <a class="link" href="{{ path('front_cookies_policy') }}">Política de cookies</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row footer-row-3">
                <div class="col-lg-3 col-lg-offset-5 text-center">
                    <div class="text">Síguenos en: </div>
                    <ul class="follow-list">
                        <li>
                            <a href="https://www.facebook.com/cozar17/" target="_blank">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://plus.google.com/u/0/114253564130047691072" target="_blank">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="row footer-row-4 text-center">
                <div class="col-xs-12">
                    <div class="copyright">Todos los derechos reservados © {{ "now"|date("Y") }} Cozar17</div>
                    <div class="developer">
                        Desarrollado por:
                        <a href="mailto:desarrollo@rodrigotoledo.es" title="desarrollo@rodrigotoledo.es">Rodrigo Toledo</a>
                    </div>
                </div>
            </div>

        </div>
        <img class="img-responsive" src="{{ asset('assets/img/footer.png') }}">
    </footer>

    {# cookies #}

    <div id="cookiesWarning">
        <div class="bottom">
            <p class="textstrong">
                Este sitio web utiliza cookies para facilitar y mejorar la navegación. Puede consultar la información sobre el uso de las cookies.
                <a class="link" href="{{ path('front_cookies_policy') }}">Política de cookies</a>
            </p>
            <div class="buttons">
                <a id="cookieslawOK" role="button">Aceptar</a>
            </div>
        </div>
    </div>

    {# end cookies #}
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/jcookies.js') }}"></script>

    {% if app.environment == 'prod' %}
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-76924210-4"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-76924210-4');
        </script>
    {% endif %}

    <script type="text/javascript">
        $(document).ready(function() {
            {# Cookies #}
            if(!$.jCookies({ get : 'biscuit' })) {
                $('#cookiesWarning').show();
            }

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

                $('#cookiesWarning').hide();
            });
        });
    </script>
{% endblock %}