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

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

{% set title="Contact Us" %}

{% block content %}
<div class="span12">
	<h3>{{ obj.doc.heading or "Contact Us"}}</h3>
	<div class="row">
		<div class="web-form span8">
			<div class="row">
			<div class="span6">
				<p id="contact-alert" class="alert" 
					style="display: none;">&nbsp;</p>
			</div>
			</div>
			<div class="clearfix"></div>
			<p><select class="span6" name="subject">
				{% for option in obj.doc.query_options %}
					<option value="{{ option }}">{{ option }}</option>
				{% endfor %}
			</select></p>
			<p><input class="span6" name="email" type="text" placeholder="Your Email Address" /></p>
			<p><textarea class="span6" rows="10" name="message"></textarea></p>
			<p><button class="btn btn-primary btn-send">Send</button></p>
		</div>
		{% if obj.doc.address %}
		<div class="span3 alert" style="margin-top: 20px;" itemscope itemtype="http://schema.org/PostalAddress">
			<h4><i class="icon-map-marker"></i> {{ obj.address.address_title }}</h4>
			{% if obj.address.address_line1 %}
				<span itemprop="streetAddress">{{ obj.address.address_line1 }}</span><br>
			{% endif %}
			{% if obj.address.address_line2 %}
				<span itemprop="streetAddress">{{ obj.address.address_line2 }}</span><br>
			{% endif %}
			{% if obj.address.city %}
				<span itemprop="addressLocality">{{ obj.address.city }}</span><br>
			{% endif %}
			{% if obj.address.state %}
				<span itemprop="addressRegion">{{ obj.address.state }}</span><br>
			{% endif %}
			{% if obj.address.pincode %}
				<span itemprop="postalCode">{{ obj.address.pincode }}</span><br>
			{% endif %}
			{% if obj.address.country %}
				<span itemprop="addressCountry">{{ obj.address.country }}</span><br>
			{% endif %}
		</div>
		{% endif %}
	</div>
	{{ obj.doc.introduction }}
</div>
{% endblock %}