{% extends 'base.html' %}{% comment %}STORE LOCATOR PAGE{% endcomment %}
{% block page-seo %}
        <title>
                Find A Dealer | Gordini Canada
        </title>
        <meta name="description" content="Locate a Gordini Canada store near you.">
{% endblock %}
{% block body-id %}store{% endblock %}

{% block content %}
<div id="main">
	<div class="wrapper">
		<aside>
			<h2>Find a Dealer</h2>
			<p class="Outline">Enter your location to find nearby stores who proudly sell Gordini products.</p>
		</aside>
{% if count > 0 %}
	

{% endif %}
		<div class="region">
			<form class="dealer-find" role="search" action="/{{ request.REGION_CODE }}/store-locator/" method="post">
                                {% if error != None %}
                                                <h4 style="color: red; clear:both; margin-bottom: 10px;">{{ error }}</h4>
                                {% endif %}
				<fieldset>
						{% csrf_token %}
						<label for="province">Province</label>
						<select id="province" name="state" role="listbox" aria-multiselectable="false" onchange="getCities('#store-city', this);">
							<option>Select a province</option>
						{% for store in store_label %}
							<option value="{{ store }}">{{ store }}</option>
						{% endfor %}
						</select>
					</fieldset>
					<fieldset>
					<label for="store-city">City/Town</label>
					<select id="store-city" name="city" role="listbox" aria-multiselectable="false">
					<!--options provided by script-->
					</select>
				</fieldset>
					<input type="submit" name="dealerSubmit" id="dealerSubmit" value="Find"/>
			</form>		
		</div>
	</div>
{% if stores %}
	<div class="wrapper">
		<aside class="results">
			<h2>Your Dealers</h2>
			<p>{{ stores.count }} store{{ stores.count|pluralize }} found near your location.</p>
		</aside>
		<div class="region-results">
		
		<ul id="results">
			
{% for store in stores %}
			
			<li>
				<h4>{{ store.company_name }}</h4>
				{{ store.adress1 }}<br />
					{{ store.city }}, {{ store.state }}<br />
				{% if store.zip_code %}
					{{ store.zip_code }}<br />
				{% endif %}
				{% if store.phone_number %}
					{{ store.phone_number }}<br />
				{% endif %}
                                {% if store.website %}
                                        <a href="http://{{ store.website }}" target="_blank">{{ store.website }}</a><br />
                                {% endif %}
					<a class="map" href="http://www.google.com/maps?q={{ store.adress1 }}+{{ store.city }},+{{ store.zip_code }}" target="_blank"><span>View on map</a>
				
			</li>
{% endfor %}
		</ul>
		
		
		
		
		</div>	
	</div>
{% endif %}
</div>
{%  endblock content %}