<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]>
<html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]>
<html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}">
<!--<![endif]-->
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Collective Store - {{ title }}</title>
    <base href="{{ base }}"/>
    {% if description %}
        <meta name="description" content="{{ description }}"/>
    {% endif %}
    {% if keywords %}
        <meta name="keywords" content="{{ keywords }}"/>
    {% endif %}

    {% for link in links %}
        <link href="{{ link.href }}" rel="{{ link.rel }}"/>
    {% endfor %}

    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,900" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.green.min.css" rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen"/>

    <link href="catalog/view/javascript/GDPR-Cookie/ihavecookies.css" rel="stylesheet">

    <link href="catalog/view/theme/collective/stylesheet/plugins.min.css" rel="stylesheet">

    {% for style in styles %}
        <link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}"/>
    {% endfor %}

    <link href="catalog/view/theme/collective/stylesheet/stylesheet.css" rel="stylesheet">

    <script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
    {% for script in scripts %}
        <script src="{{ script }}" type="text/javascript"></script>
    {% endfor %}
    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-K6RC9F5');
    </script>
    <!-- End Google Tag Manager -->
</head>
<body class="{{ class }} group2">
<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6RC9F5" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
{% spaceless %}
	{% if block2 %}
		{{ block2 }}
	{% endif %}
    <header>
        <div class="container-fix">
            <div class="container">
                <div class="logo-container pull-left">
                    <div id="logo">
                        {% if logo %}
                            <a href="{{ home }}">
                                <img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive"/>
                            </a>
                        {% else %}
                            <h1><a href="{{ home }}">{{ name }}</a></h1>
                        {% endif %}
                    </div>
                </div>
                <div class="block-right pull-right">
                    <div class="cart-container pull-right">{{ cart }}</div>
                    <div class="setting pull-right">
                        <button data-toggle="dropdown" type="button">
                            <i class="ion-ios-gear-outline"></i>
                        </button>
                        <nav id="top" class="dropdown-menu">
                            <ul class="list-unstyled top-links">
                                <li>{{ currency }}</li>
                                <li>{{ language }}</li>
                                <li>
                                    <div>
                                        <span class="text-ex">{{ text_account }}</span>
                                        <div id="top-links">
                                            {% if use_ajax_login %}
                                            <ul class="ul-account list-unstyled">
                                                {% else %}
                                                <ul class="list-unstyled">
                                                    {% endif %}
                                                    {% if logged %}
                                                        <li><a href="{{ account }}">{{ text_account }}</a></li>
                                                        <li><a href="{{ order }}">{{ text_order }}</a></li>
                                                        <li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
                                                        <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}">{{ text_wishlist }}</a></li>
                                                        <li>
                                                            {% if use_ajax_login %}
                                                                <a id="a-logout-link" href="{{ logout }}">{{ text_logout }}</a>
                                                            {% else %}
                                                                <a href="{{ logout }}">{{ text_logout }}</a>
                                                            {% endif %}
                                                        </li>
                                                    {% else %}
                                                        <li>
                                                            {% if use_ajax_login %}
                                                                <a id="a-register-link" href="{{ register }}">{{ text_register }}</a>
                                                            {% else %}
                                                                <a href="{{ register }}">{{ text_register }}</a>
                                                            {% endif %}
                                                        </li>
                                                        <li>
                                                            {% if use_ajax_login %}
                                                                <a id="a-login-link" href="{{ login }}">{{ text_login }}</a>
                                                            {% else %}
                                                                <a href="{{ login }}">{{ text_login }}</a>
                                                            {% endif %}
                                                        </li>
                                                    {% endif %}
                                                </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="search-containers pull-right">{{ search }}</div>
                </div>
            </div>
        </div>
        <div class="main-menu">
            {% if block1 %}
                {{ block1 }}
            {% endif %}
        </div>
    </header>
{% endspaceless %}
<div class="wrapper">
