{% extends 'base.html' %}

{% block title %}
	{{ title }}
{%  endblock %}

{% block content %}
	<form action="/store-locator/" method="post">
		{% csrf_token %}
		<label for="state">PROVINCE:</label>
		<select name="state" onchange="getCities('#cities', this);">
			<option>Select a state</option>
			{% for store in store_label %}
				<option value="{{ store }}">{{ store }}</option>
			{% endfor %}
		</select>
		<label for="city">CITY/TOWN:</label>
		<select id="cities" name="city">
			<option>Select a city</option>
		</select>
		<input type="submit" value="Find">
	</form>

	<div>{{ stores.count }}</div> <!-- Results number -->

	{% for store in stores %}
		<div>{{ store.company_name }}</div>
		<div>{{ store.adress1 }}</div>
		<div>{{ store.city }}, {{ store.state }}</div>
		<div>{{ store.zip_code }}</div>
		<div>{{ store.phone_number }}</div>
	{% endfor %}

	{% if error != None %}
			<h2>{{ error }}</h2>
	{% endif %}

{%  endblock %}