{% extends "html/page.html" %}

{% block title %}Product Search{% endblock %}

{% block javascript %}
{% include "js/product_list.js" %}
{% endblock %}

{% block content %}
<script>
$(document).ready(function() {
	var txt = get_url_arg("q");
	$(".search-results").html("Search results for: " + txt);
	window.search = txt;
	window.start = 0;
	window.get_product_list();
});
</script>

<div class="layout-wrapper layout-wrapper-background">
	<div class="web-content" id="content-product_search">
		<div class="layout-main" style="padding: 30px;">
			{% include 'html/product_search_box.html' %}
			<h3 class="search-results">Search Results</h3>
			<div id="search-list">
				
			</div>
			<div style="text-align: center;">
				<div class="more-btn" 
					style="display: none; text-align: center;">
					<button class="btn">More...</button>
				</div>
			</div>
		</div>
	</div>
</div>

{% endblock %}