{% extends 'base.html' %}{% comment %}STORE LOCATOR PAGE{% endcomment %}

{% load i18n %}

{% block page-seo %}
        <title>
                {% trans "Find A Dealer | Gordini Canada" %}
        </title>
        <meta name="description" content="{% trans 'Locate a Gordini Canada store near you.' %}">
{% endblock %}
{% block body-id %}store{% endblock %}

{% block content %}
<div id="main">
	<div class="wrapper">
		<aside>
			<h2>{% trans "Find a Dealer" %}</h2>
			<p class="Outline">{% trans "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">{% trans "Province" %}</label>
						<select id="province" name="state" role="listbox" aria-multiselectable="false" onchange="getCities('#store-city', this);">
							<option>{% trans "Select a province" %}</option>
						{% for store in store_label %}
							<option value="{{ store }}">{{ store }}</option>
						{% endfor %}
						</select>
					</fieldset>
					<fieldset>
					<label for="store-city">{% trans "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="{% trans 'Find' %}"/>
			</form>		
		</div>
	</div>
{% if stores %}
	<div class="wrapper">
		<aside class="results">
			<h2>{% trans "Your Dealers" %}</h2>
			<p>{{ stores.count }} {% trans "store(s) 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>{% trans "View on map" %}</a>
				
			</li>
{% endfor %}
		</ul>
		
		
		
		
		</div>	
	</div>
{% endif %}
</div>
{%  endblock content %}