{{ header }}
<div id="account-wishlist" class="container account-container">
	{{ oct_breadcrumbs }}
	<div class="row">
		<div class="col-lg-12">
			<h1 class="rm-page-title">{{ heading_title }}</h1>
		</div>
	</div>
	<div class="content-top-box">{{ content_top }}</div>
	{% if success %}
	<script>
	rmNotify('success', '{{ success }}');
	</script>
	{% endif %}
	<div id="content" class="row">
		{{ column_left }}
	    {% if column_left and column_right %}
	    {% set class = 'col-lg-6' %}
	    {% elseif column_left or column_right %}
	    {% set class = 'col-lg-9' %}
	    {% else %}
	    {% set class = 'col-lg-12' %}
	    {% endif %}
	    <div class="{{ class }}">
		    <div class="rm-content rm-account-wishlist h-100">
		      {% if products %}
		      {% for product in products %}
				<div class="rm-account-wishlist-item d-flex justify-content-between align-items-start">
					<div class="rm-account-wishlist-item-left d-flex align-items-center">
						{% if product.thumb %}
						<div class="rm-account-wishlist-item-img d-flex align-items-center mr-sm-4">
							<a href="{{ product.remove }}" class="rm-btn-del mr-sm-4" title="{{ button_remove }}"><span class="rm-btn-icon"></span></a>
							<a href="{{ product.href }}"><img src="{{ product.thumb }}"  alt="{{ product.name }}" title="{{ product.name }}" /></a>
						</div>
						{% endif %}
						<div class="rm-account-wishlist-item-info text-center text-sm-left">
							<a href="{{ product.href }}" class="rm-content-title my-4 my-sm-0 d-inline-block">{{ product.name }}</a>
							<div class="rm-account-text small">{{ column_model }}: <span>{{ product.model }}</span></div>
							<div class="rm-account-text small">{{ column_stock }}: <span>{{ product.stock }}</span></div>
							{% if product.price %}
							<div class="rm-account-text rm-wishlist-price mt-4 mt-sm-0 d-flex">
								<div>{{ column_price }}:</div>
								<div class="rm-module-price">
									{% if not product.special %}
									<span class="rm-module-price-new mx-2">{{ product.price }}</span>
									{% else %}
									<span class="rm-module-price-new mx-2">{{ product.special }}</span><span class="rm-module-price-old">{{ product.price }}</span>
									{% endif %}
								</div>
							</div>
							{% endif %}
						</div>
					</div>
					{% if product.can_buy %}
						<button type="button" aria-label="To cart" onclick="cart.add('{{ product.product_id }}');" class="rm-btn dark rm-cart-btn d-flex align-items-center" title="{{ button_cart }}"><span class="rm-cart-btn-icon"></span><span class="rm-btn-text">{{ button_cart }}</span></button>
					{% else %}
						{% if oct_stock_notifier_status and oct_stock_notifier_status %}
							<button type="button" onclick="octStockNotifier('{{ product.product_id }}');" aria-label="Notice" class="rm-btn secondary">
								<span class="rm-btn-text d-inline">{{ button_oct_stock_notifier }}</span>
							</button>
						{% endif %}
					{% endif %}
				</div>
		      {% endfor %}
		      {% else %}
		      <p>{{ text_empty }}</p>
		      {% endif %}
		      <div class="buttons mt-4">
		      	<a href="{{ continue }}" class="rm-btn dark">{{ button_continue }}</a>
		      </div>
		    </div>
	    </div>
	    {{ column_right }}
	</div>
	{{ content_bottom }}
</div>
{{ footer }}