<!DOCTYPE html>
<html lang="da">
<head>
	<{include file="tracking_top.html"}>
	<meta charset="utf-8">

	<title><{if $meta_title}><{$meta_title|escape}><{elseif $smarty.capture.title}><{$smarty.capture.title|escape}><{else}><{$webshop->getName()|escape}><{/if}></title>

	<{if $noindex}>
		<meta name="robots" content="noindex, follow">
	<{/if}>

	<{if $meta_description}>
		<meta name="description" content="<{$meta_description|escape}>">
	<{/if}>

	<{if $canonical}>
		<link rel="canonical" type="text/html" href="<{$canonical|escape}>"/>
	<{/if}>

	<{if $open_graph_title}>
		<meta property="og:title" content="<{$open_graph_title}>"/>
	<{/if}>

	<{if $open_graph_description}>
		<meta property="og:description" content="<{$open_graph_description}>" />
	<{/if}>

	<meta name="generator" content="Shoporama">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

	<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

	<{if $favicon = $webshop->getFavicon()}>
		<link rel="icon" href="<{$favicon->getSrc(64, 64, 'box')}>">
	<{elseif $settings.design.favicon}>
		<link rel="icon" href="<{$settings.design.favicon->getSrc(64, 64, 'box')}>">
	<{/if}>

	<link rel="stylesheet" href="<{$theme_url}>/templates/css/style.css">
	<{include file="design.html"}>
</head>

<body class="<{$settings.design.size|default:'boxed'}>">
	<{include file="tracking_bottom.html"}>

	<{include file="admin_menu.html"}>

	<div id="wrapper">

		<div id="top-bar">
			<div class="container">

				<div class="row">
					<div class="col-md-6">
						<ul class="top-bar-menu">
							<{if $settings.contact.phone}><li><i class="fa fa-phone"></i> <a href="tel:<{$settings.contact.phone}>" target="_blank"><{$settings.contact.phone}></a></li><{/if}>
							<{if $settings.contact.mail}><li><i class="fa fa-envelope"></i> <a href="mailto:<{$settings.contact.mail}>" target="_blank"><{$settings.contact.mail}></a></li><{/if}>
						</ul>
					</div>

					<div class="col-6">
						<ul class="social-icons">
							<{if $settings.some.instagram}><li><a class="instagram" href="<{$settings.some.instagram}>" target="_blank"><i class="icon-instagram"></i></a></li><{/if}>
							<{if $settings.some.facebook}><li><a class="facebook" href="<{$settings.some.facebook}>" target="_blank"><i class="icon-facebook"></i></a></li><{/if}>
							<{if $settings.some.twitter}><li><a class="twitter" href="<{$settings.some.twitter}>" target="_blank"><i class="icon-twitter"></i></a></li><{/if}>
							<{if $settings.some.pinterest}><li><a class="pinterest" href="<{$settings.some.pinterest}>" target="_blank"><i class="icon-pinterest"></i></a></li><{/if}>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="clearfix"></div>

		<div class="container">
			<div class="row justify-content-center">
				<div class="col-md-4 col-sm-10 col-12">
					<div id="logo">
						<{if $logo = $webshop->getLogo()}>
							<h1><a href="/"><img src="<{$logo->getSrc(300, 300, 'fit')}>" alt="<{$webshop->getName()|escape}>"/></a></h1>
						<{elseif $settings.design.logo}>
							<h1><a href="/"><img src="<{$settings.design.logo->getSrc(300, 300, 'fit')}>" alt="<{$webshop->getName()|escape}>" /></a></h1>
						<{else}>
							<h1><a href="/"><{$webshop->getName()|escape}></a></h1>
						<{/if}>
					</div>
				</div>
				<div class="col-md-8 col-sm-10 col-12">

					<div class="row">
						<div class="col-12">
							<div id="additional-menu">
								<ul>
									<li><a href="/basket">Din kurv</a></li>
									<{if $customer}>
										<li><a href="/user-edit">Din profil</a></li>
										<li><a href="/user-orders">Dine ordrer</a></li>

										<{if $settings.settings.use_wishlist}>
											<li><a href="/user-wishlists">Dine ønskelister</a></li>
										<{/if}>

										<{if $webshop->hasLoyaltyProgram()}>
											<li><a href="/user-points">Dine point (<{$customer->getActivePoints()|number_format:0:",":"."}>)</a></li>
										<{/if}>

										<li><a href="/user-sign-out?redir=">Log ud</a></li>
									<{elseif $settings.settings.show_login}>
										<{if $webshop->useReturnCenter()}>
											<li><a href="/return">Returcenter</a></li>
										<{/if}>
										<li><a href="/user-sign-in">Log ind</a></li>
										<li><a href="/user-sign-up">Opret konto</a></li>
									<{/if}>
								</ul>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12">

							<div id="cart">

								<!-- Button -->
								<div class="cart-btn">
									<a href="/basket" class="button adc color"><{$total_price|number_format:2:",":"."}> <{$webshop->getCurrency()}></a>
								</div>

								<div class="cart-list">

								<div class="arrow"></div>

									<div class="cart-amount">
										<span><{$total_amount}> vare<{if $total_amount != 1}>r<{/if}> i din kurv</span>
									</div>

									<ul>
										<{section name="i" loop=$basket}>
											<{assign var="product" value=$basket[i].product}>
											<{assign var="image" value=$product->getImage()}>

											<li>
												<a href="<{$product->getRemoteUrl()|escape}>">
													<{if $image}>
														<img src="<{$image->getSrc(100, 100, 'box')}>" alt="" />
													<{else}>
														<img src="images/small_product_list_08.jpg" alt="" />
													<{/if}>
												</a>
												<a href="<{$product->getRemoteUrl()|escape}>"><{$product->getName()|escape}></a>
												<span><{$basket[i].amount}> x <{$product->getRealPrice(1, $basket[i].attributes)|number_format:2:",":"."}> <{$webshop->getCurrency()}></span>
												<div class="clearfix"></div>
											</li>

										<{/section}>
									</ul>

									<div class="cart-buttons">
										<a href="/basket" class="view-cart" ><span data-hover="View Cart"><span>Vis kurv</span></span></a>
										<a href="/address" class="checkout"><span data-hover="Checkout">Gennemfør ordre</span></a>
									</div>
									<div class="clearfix">

									</div>
								</div>

							</div>

							<!-- Search -->
							<nav class="top-search">
								<form action="/search" method="get" autocomplete="off">
									<div class="autocomplete">
										<button><i class="fa fa-search"></i></button>
										<input id="top-search" class="search-field" type="search" placeholder="Søg" name="search" value="<{$get.search|escape}>"/>
									</div>
								</form>
							</nav>

						</div>
					</div>
				</div>
			</div>
		</div>

		<{include file="navigation.html"}>

		<{$smarty.capture.breadcrumb}>

		<{$contents}>

		<div class="margin-top-50"></div>

		<div id="footer">

			<div class="container justify-content-center">

				<{function name=handle_footer}>
					<{foreach $webshop->getBlocks($block) as $section}>

						<{if $section.headline}>
							<h3 class="headline footer"><{$section.headline|escape}></h3>
							<span class="line"></span>
							<div class="clearfix"></div>
						<{/if}>

						<{if $image = $section.image}>
							<img src="<{$image->getSrc(150, 75, 'fit')}>" alt="" class="margin-top-10"/>
						<{/if}>

						<{if $section.html}>
							<div class="margin-top-15">
								<{$section.html}>
							</div>
						<{/if}>

						<{if $section.links}>
							<ul class="footer-links">
								<{foreach $section.links as $link}>
									<li><a href="<{$link.link|escape}>"><{$link.title|escape}></a></li>
								<{/foreach}>
							</ul>
						<{/if}>

						<{if $section.add_newsletter}>
							<form action="" method="post">
								<button class="newsletter-btn" value="Tilmeld" type="submit"><{t}>Tilmeld<{/t}></button>
								<input class="newsletter" type="email" name="email" placeholder="" value="<{$session_order.email|escape}>"/>
								<input type="hidden" name="mailinglist" id="mailinglist" value="1"/>
							</form>
						<{/if}>

					<{/foreach}>
				<{/function}>

				<div class="row">
					<div class="col-10 col-md-3">
						<{handle_footer block="#footer1"}>
					</div>

					<div class="col-10 col-md-3">
						<{handle_footer block="#footer2"}>
					</div>

					<div class="col-10 col-md-3">
						<{handle_footer block="#footer3"}>
					</div>

					<div class="col-10 col-md-3">
						<{handle_footer block="#footer4"}>
					</div>
				</div>

			</div>
			<!-- Container / End -->

		</div>

		<{foreach $webshop->getBlocks("#bottom_footer") as $section}>
			<div id="footer-bottom">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-10 col-md-6"><{$section.text}></div>
						<div class="col-10 col-md-6">
							<{if $images = $section.images}>
								<ul class="payment-icons">
									<{foreach $images as $image}>
										<li><img src="<{$image->getSrc(50, 30, 'fit')}>" alt="" /></li>
									<{/foreach}>
								</ul>
							<{/if}>
						</div>
					</div>
				</div>
			</div>
		<{/foreach}>

		<{if $settings.gdpr.text}>
			<{include file="gdpr.html"}>
		<{/if}>

		<div id="backtotop"><a href="#"></a></div>
	</div>

	<div id="powered-by-shoporama" style="text-align:center; font-size:9pt; margin:10px;">
		<{if $webshop->getLanguage() == 'DA'}>
			<a href="https://www.shoporama.dk/" target="_blank" style="color:#666;">Leveret af Shoporama</a>
		<{else}>
			<a href="https://www.shoporama.io/" target="_blank" style="color:#666;">Powered by Shoporama</a>
		<{/if}>
	</div>

	<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.jpanelmenu.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.themepunch.plugins.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.themepunch.revolution.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.themepunch.showbizpro.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.magnific-popup.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/hoverIntent.js"></script>
	<script src="<{$theme_url}>/templates/scripts/superfish.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.pureparallax.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.pricefilter.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.selectric.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.royalslider.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/SelectBox.js"></script>
	<script src="<{$theme_url}>/templates/scripts/modernizr.custom.js"></script>
	<script src="<{$theme_url}>/templates/scripts/waypoints.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.flexslider-min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.counterup.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.tooltips.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.isotope.min.js"></script>
	<script src="<{$theme_url}>/templates/scripts/puregrid.js"></script>
	<script src="<{$theme_url}>/templates/scripts/stacktable.js"></script>
	<script src="<{$theme_url}>/templates/scripts/autocomplete.js"></script>
	<script src="<{$theme_url}>/templates/scripts/jquery.cookie.js"></script>
	<script src="<{$theme_url}>/templates/scripts/custom.js"></script>

</body>

</html>