{% extends "::base.html.twig" %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('templates/Front/habitat/assets/css/app.css' ~ vStyle) }}">
{% endblock %}

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

{% block javascript %}
    <script src="{{ asset('templates/Front/habitat/assets/js/greedy.js') }}"></script>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&subset=latin-ext" rel="stylesheet">
{% endblock %}

{% block body %}
    <div class="off-canvas-wrapper" >
        <div class="off-canvas-wrapper" data-off-cavas-wrapper>

            <aside class="off-canvas position-right" id="offCanvasRight" data-off-canvas>
                {% for block in getBlock(1, 1) %}
                    {{ block.content|raw }}
                {% endfor %}
            </aside>
            <div class="off-canvas-content">
                {% block header %}
                <nav class="tab-bar show-for-small-only">
                    <div class="grid-container">
                        <div class="grid-x">
                            <div class="cell large-3 medium-4 small-6">

                            </div>

                            <div class="cell large-3 medium-4 small-12">
                                <section class="right-small" style="float: right">
                                    <a class="right-off-canvas-toggle menu-icon" data-toggle="offCanvasRight" href="#"><span></span></a>
                                </section>
                                <a class="right-off-canvas-toggle right" data-toggle="offCanvasRight" style="margin-right:10px; float: right; color:#fff;" href="#"> Szybki kontakt </a>

                            </div>
                        </div>
                    </div>
                </nav>
                <section class="main-section">
                    <div id="kontener">
                        <header >
                            <section data-sticky data-margin-top="0" data-sticky-on="small">
                                <div class="grid-container">
                                    <div class="grid-x">
                                        <div class="cell large-4 medium-12 small-12 large-text-left medium-text-center small-text-center">
                                            <div id="logo">
                                                <a href="{{ absolute_url(path('homepage')) }}" title="{{ getMetaArrayValues()['title'] }}">
                                                    <img src="{{ absolute_url(asset('templates/Front/habitat/assets/img/habitat-logo.png')) }}" alt="{{ getMetaArrayValues()['title'] }}">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="cell large-8 medium-12 small-12">
                                            <nav id="menuMAIN" class="greedy">
                                                {{ getMenu(1, {'template': '@templates/'~template~'/view/Components/knp_menu/knp_menu_foundation_dropdown.html.twig'}) }}
                                                <button class="hidden"><i style="color: #fff;" class="fi-arrow-down"></i> WIĘCEJ</button>
                                                <ul class='hidden-links hidden'></ul>
                                            </nav>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </header>

                        {% endblock %}
                        {% block breadcrumbs %}{% endblock %}
                        {% block content %}{% endblock %}
                        {% block footer %}
                            <footer>
                                <section class="footermain">
                                    <div class="grid-container">
                                        <div class="grid-x">
                                            <div class="large-2 medium-2 cell">

                                            </div>
                                            <div class="large-6 medium-6 cell">
                                                <div class="blokkontakfooter">
                                                    {% for block in getBlock(2, 1) %}
                                                        {{ block.content|raw }}
                                                    {% endfor %}
                                                </div>
                                            </div>
                                            <div class="large-4 medium-4">
                                                <div class="grid-x">
                                                    <div class=" medium-6 cell">
                                                        <div class="bloktitlefooter">
                                                            {% for block in getBlock(3, 1) %}
                                                                {{ block.content|raw }}
                                                            {% endfor %}
                                                        </div>
                                                        <nav id="menufooter" class="footermenu">
                                                            {{ getMenu(2) }}
                                                        </nav>
                                                    </div>
                                                    <div class=" medium-6 cell">
                                                        <div class="bloktitlefooter">
                                                            {% for block in getBlock(4, 1) %}
                                                                {{ block.content|raw }}
                                                            {% endfor %}
                                                        </div>
                                                        <nav id="menufooter2" class="footermenu">
                                                            {{ getMenu(3) }}
                                                        </nav>
                                                    </div>
                                                </div>
                                                <div class="logo-footer">
                                                    <a href="{{ absolute_url(path('homepage')) }}" title="{{ getMetaArrayValues()['title'] }}">
                                                        <img src="{{ absolute_url(asset('templates/Front/habitat/assets/img/habitat-logo.png')) }}" alt="{{ getMetaArrayValues()['title'] }}">
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <section class="belkaPodpisu">
                                    <div class="grid-container">
                                        <div class="grid-x">
                                            <div class="cell large-4 medium-4 cell small-text-center">
                                                <p>Copyright: Habitat sp. z o.o. 2018</p>
                                            </div>
                                            <div class="cell large-4 medium-4 cell " >

                                            </div>
                                            <div class="cell large-4 medium-4 cell ">
                                                <div id="webimpuls" class="align-center flex-container"><a href="http://www.webimpuls.pl" title="Strony internetowe">Projekt i wykonanie <span>WEBimpuls.pl</span></a></div>
                                            </div>

                                        </div>

                                    </div>
                                </section>
                            </footer>
                        {% endblock %}
                    </div>
                </section>
            </div>
            <a class="exit-off-canvas"></a>
        </div>
    </div>
{% endblock %}
