<div class="category-products">
	<ul class="products-grid flex-grid columns5">
		{% for product in products.results %}
		<li class="item aw-item">
			<a href="https://www.bigsavr.no/wishlist/index/add/product/{{ product.extraData.itemNumber }}/form_key/disabled/" class="addtowishlist aw-wishlist" title="Sæt på ønskeseddel">
				<i class="icon-wishlist"></i>
			</a>

			<div class="item-area">
				{% if product.extraData.hasTopLeftBadge == 'true' %}
				<a href="{{ product.url }}" title="{{ product.title }}">
					<div class="{{ product.extraData.topLeftBadgeClass }}">
						{{ product.extraData.topLeftBadgeContent | rawHtml }}
					</div>
				</a>
				{% endif %}

				<div class="product-image-area">
					{% if product.extraData.hasBottomLeftBadge == 'true' %}
					<a href="{{ product.url }}" title="{{ product.title }}">
						<div class="aw-bottom-badge {{ product.extraData.bottomLeftBadgeClass }}" style="display: none;">
							{{ product.extraData.bottomLeftBadgeContent | rawHtml }}
						</div>
					</a>
					{% endif %}
					<!--
{% if product.extraData.bottomRightBadge and product.extraData.bottomRightBadge != "" and product.extraData.bottomRightBadge != "undefined" and product.extraData.bottomRightBadge != "null"  %}
<div class="aw-bottom-badge" style="display: none;">{{ product.extraData.bottomRightBadge | rawHtml }}</div>
{% endif %}
-->

					<div class="loader-container">
						<div class="loader">
							<i class="ajax-loader medium animate-spin"></i>
						</div>
					</div>

					<a href="{{ product.url }}" title="{{ product.title }}" class="product-image">
						<img class="porto-lazyload porto-lazyload-loaded" width="168" height="169" src="{{ product.imgUrl }}" style="display: inline;">
					</a>
				</div>

				<div class="details-area">
					<h2 class="product-name" style="height: 44px;">
						<a href="{{ product.url }}" title="{{ product.title }}">{{ product.title }}</a>
					</h2>

					<a href="{{ product.url }}">
						{% if product.extraData.brand and product.extraData.brand != "" and product.extraData.brand != "undefined" %}
						<span class="attr">
							{{ product.extraData.brand | rawHtml }}
						</span>
						{% endif %}

						<div style="width: 100%;" class="price-box{% if product.extraData.tierPrice and product.extraData.tierPrice != "" and product.extraData.tierPrice != "undefined" and product.extraData.tierPrice != "null" %} has-tier-pricing{% endif %}">
							{% if product.extraData.tierPrice and product.extraData.tierPrice != "" and product.extraData.tierPrice != "undefined" and product.extraData.tierPrice != "null" %}
							<span class="minimal-price-link" style="font-size: 14px; font-weight: 400; color: #808080; display: block; white-space: nowrap; overflow: hidden;">
								{{ product.extraData.tierPrice | rawHtml | replace: "og", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" }}
							</span>
							{% endif %}

							{% assign price = product.price | price | split : "," %}
							{% if product.isOnSale %}
							{% assign oldPrice = product.oldPrice | price | split : "," %}
							<p class="special-price">
								<span class="price-label">Pris</span>
								<span class="price">{{ price.first }}<sup>{{ price.last }}</sup></span>
							</p>
							<p class="old-price">
								<span class="price">{{ oldPrice.first }}<sup>{{ oldPrice.last }}</sup></span>
							</p>
							{% else %}
							<span class="regular-price">
								<span class="price-label">Pris</span>
								<span class="price">{{ price.first }}<sup>{{ price.last }}</sup></span>
							</span>
							{% endif %}
						</div>


						{% if product.extraData.plainPrice and product.extraData.plainPrice != "" and product.extraData.plainPrice != "undefined" %}
						<span class="attr plain-price" style="height: 24px">
							{{ product.extraData.plainPrice | rawHtml }}
						</span>
						{% endif %}

					</a>


					<div class="actions">
						<div class="qty-field">
							<div class="qty-holder">
								<input type="text" name="qty" id="qty_{{ product.extraData.itemNumber }}" maxlength="12" value="1" title="Antall" class="input-text qty">
								<div class="qty-changer">
									<a href="javascript:void(0)" onclick="incrementQty(this,'https://www.bigsavr.no/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')" class="qty_inc aw_qty_inc"><i class="icon-up-dir"></i></a>
									<a href="javascript:void(0)" onclick="decrementQty(this,'https://www.bigsavr.no/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')" class="qty_dec aw_qty_dec"><i class="icon-down-dir"></i></a>
								</div>
							</div>
						</div>
						<a href="javascript:void(0)" class="addtocart aw-buy-btn" title="Læg i kurv" onclick="setLocationAjax(this,'https://www.bigsavr.no/checkout/cart/add/uenc/awuenc/product/{{ product.extraData.itemNumber }}/form_key/disabled/','{{ product.extraData.itemNumber }}')"><strong class="fa fa-shopping-basket"></strong><span>&nbsp;Kjøp nå</span></a>
						<div class="clearer"></div>

					</div>
				</div>
			</div>
		</li>
		{% endfor %}
	</ul>
</div>

<script>
	var fk = jQuery("#addwish-data").data("formkey");
	var uenc = window.btoa(window.location.href);
	var btn = jQuery(".aw-buy-btn"),
		wishlist = jQuery(".aw-wishlist"),
		aw_qty_inc = jQuery(".aw_qty_inc"),
		aw_qty_dec = jQuery(".aw_qty_dec");

	wishlist.each(function() {
		var attr = jQuery(this).attr("href").replace("disabled", fk);
		jQuery(this).attr("href", attr);
	});
	btn.each(function() {
		var attr = jQuery(this).attr("onclick").replace("disabled", fk).replace("awuenc", uenc);
		jQuery(this).attr("onclick", attr);
	});
	aw_qty_inc.each(function() {
		var attr = jQuery(this).attr("onclick").replace("disabled", fk).replace("awuenc", uenc);
		jQuery(this).attr("onclick", attr);
	});
	aw_qty_dec.each(function() {
		var attr = jQuery(this).attr("onclick").replace("disabled", fk).replace("awuenc", uenc);
		jQuery(this).attr("onclick", attr);
	});
	var staticImpressions = staticImpressions || [];
	staticImpressions['product_list'] = [
		{% for product in products %}
		{
			"id": "{{ product.extraData.itemNumber }}",
			"name": "{{ product.title | rawHtml  }}",
			"category": "Home page",
			"list": "Home page",
			"position": "{{ forloop.index }}",
			"price": "{{ product.price }}",
			"listPosition":"{{ forloop.index }}"
		},
		{% endfor %}
	];
	jQuery(document).ready(function() {
		googleAnalyticsUniversal.updateImpressions();
	});
</script>