{% block html_head_container %}
{% include 'html-header.twig' %}
	{% block head %}
	{% endblock %}
	</head>
{% endblock %}

	<body class="{{body_class}}" data-template="base.twig">

		{# % block page_top %}
			<div id="page-top" class="secondary-bg from-m">
				<div class="wrapper cf">
					<div class="flex flex-middle">
						<div class="page-top-content-right">
						</div>
						{% do action('header_login_buttons') %}
					</div>
				</div>
			</div>
		{% endblock % #}

		<header id="header">
			<div class="header-placeholder"></div>
			<div class="fixed-moving-header">
				<div class="wrapper overflowing">
					{% block header %}
						<div class="row no-margin padding-gutter">
							<div class="header-left-col col-xs-5 col-l-4 no-margin-bottom">
								<a href="{{ site.url }}" id="logo">
									<img src="{{ theme.link }}/assets/img/logo-salesportal.png" alt="{{site.name}}">
								</a>
							</div>
							{# Jätetään tää defaulttina vielä poikkee
							<div class="header-middle">
								<div class="language-navigation">
									{{ site.get_language_navigation('horizontal', 2) }}
								</div>
							</div>
							#}
							<div class="header-right col-xs-19 col-l-20">
								<div class="row no-margin padding-gutter row-static-height">
									<div class="co-xs-24 no-margin-bottom cf fixed-hidden-content">
										<div class="search-mobile-container cf">
											{{ site.searchform() }}
											<button class="open-mobile-nav toggle-mobilenav to-xl"><span class="button-text">{{ site.translate('Open Menu') }}</span> <span class="mobile-nav-button-html"><span class="mobilenav-button-lines top"></span><span class="mobilenav-button-lines middle"></span><span class="mobilenav-button-lines bottom"></span></span></button>
											<div class="header-buttons">
												{{ site.get_widgetarea('header-content') }}
											</div>
										</div>
									</div>
									<div class="col-xs-24 no-margin-bottom">
										<hr class="from-xl">
										<div class="white-bg from-xl main-menu-container">
											<nav id="main" class="horizontal dropdown">
												{{ menu_main.render_navigation(5) }}
											</nav>
										</div>
									</div>
								</div>
								<div class="from-xl breadcrumbs">
									{{ breadcrumbs }}
								</div>
							</div>
						</div>
					{% endblock %}
				</div>
				<div class="from-xl blue-bar secondary-bg"></div>
			</div>
		</header>

		{% block after_header %}
			{#
				{% if post.top_bg_image or theme_header_image %}
				<div id="main-image-container" class="relative">
					
						<div class="main-image-overlay"></div>
						{% if post.top_bg_image %}
						<div class="main-image" style="background-image: url('{{ post.top_bg_image|image|resize(2560) }}');"></div>
						{% else %}
						<div class="main-image" style="background-image: url('{{ theme_header_image }}');"></div>
						{% endif %}
					
				</div>
				{% endif %}
			#}
			{% if post.add_submenu %}
			{% if sub_menu_html %}
				<div id="sub-menu-container">
					<div class="wrapper">
						{{ sub_menu_html }}
					</div>
				</div>
			{% endif %}
			{% endif %}
		{% endblock %}

		<div id="outer-content-area-container">
			<div class="wrapper">

				{% block body %}
					<div class="row no-margin padding-gutter double-gutter flex flex-center">

						{% block leftaside %}
						{% if post.add_sidebar %}
							<div class="col-l-7 col-xl-6 from-l">

								<aside id="sidebar" class="content-padding">

									{% if sub_menu_html %}
										<div class="sub-navigation">
											{#
											{% if menu_main.selected_item.title %}
												<a href="{{ menu_main.selected_item.url }}"><h2>{{ menu_main.selected_item.title }}</h2></a>
											{% endif %}
											#}
											{{ sub_menu_html }}
										</div>
									{% endif %}

									{{ site.get_widgetarea('sidebar') }}

									{% if shop_sidebar %}
										{# kaupan sivupalkki #}
										{{ shop_sidebar }}
									{% endif %}

								</aside>
							</div>
						{% else %}
						{% endif %}							
						{% endblock %}
						
						{% if post.add_sidebar %}
						<div class="col-xs-24 col-l-17 col-xl-18">
						{% else %}
						<div class="col-xs-24 col-l-18">
						{% endif %}
						{% if is_viewable %}
							<div role="main" id="main-content-area" class="content-padding">
								{% if not post.password_required %}
									{% block maincontentarea %}
									
										{% if title %}<h1>{{title}}</h1>{% endif %}
										{% block content %}
												
										{% endblock %}

									{% endblock %}
								{% else %}
								    <div class="password-required-form-container">
								        {{ fn('get_the_password_form') }}
								    </div>
								{% endif %}
							</div>
							{% else %}
							<h2>You don't have permissions to view this page</h2>
						{% endif %}
						</div>

					</div>		
				{% endblock %}

			</div>

			{% block after_body_wrapper %}
			{% endblock %}

		</div>

		{% block before_footer %}
		{% endblock %}

		{% block footer %}
			<footer id="footer">
				<div class="wrapper">
					<div class="content-padding">
						<div class="footer-content cf">
							<div class="row no-margin padding-gutter">
								<div class="col-xs-24 col-l-6 col-xl-4 footer-logo flex flex-center flex flex-stretch flex-grow">
									{{site.get_widgetarea('footer-logo')}}
								</div>
								<div class="col-xs-24 col-l-6 col-xl-4 flex flex-center footer-content-area flex flex-stretch flex-grow">
									{{ site.get_widgetarea('footer-content') }}
								</div>
								<div class="col-xs-24 col-l-6 flex flex-center footer-content-area flex flex-stretch flex-grow">
									{{site.get_widgetarea('footer-footer-contact')}}
								</div>
								<div class="col-xs-24 col-l-6 col-xl-3 footer-right-logo flex flex-center flex flex-stretch flex-grow">
									{{site.get_widgetarea('footer-right-side')}}
								</div>								
							</div>
						</div>
						<hr>
						<div id="copyright">
							Copyright 2019 {{site.name}} | 
							<a href="https://www.planeetta.fi" title="Planeetta Internet" target="_blank">{{ site.translate('Search engine optimized webpages and web presence management Planeetta Internet') }}</a>
						</div>
					</div>
				</div>
			</footer>
		{% endblock %}		

		{#% include 'navigation/fixed-menu.twig' %#}
		{% include 'navigation/mobilenav.twig' %}
		
		{{ function('wp_footer') }}

	</body>
</html>