{% extends "base.html" %}
{% load staticfiles %}
{% load i18n %}

{% block title %}Contact Us{% endblock %}

{% block content %}
	<div class="col-md-12"><h2>Contact Us</h2></div>
	<div class="col-md-9">
        <p>Please fill the form with your question/proposition and we will process it asap.<br/>
		Alternatively you can just <a href="mailto:{{ CONTACTS_EMAIL_ADDRESS }}">email</a> us.<br/>
		<strong>Please note:</strong> all <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small> fields are required.</p>
        <form method="post" action="#" enctype="multipart/form-data">
			{% csrf_token %}
			{% if form.non_field_errors %}
				<div class="alert alert-danger">{{ form.non_field_errors }}</div>
			{% endif %}
			{% if form.errors %}
				<div class="alert alert-danger">There are errors in your submission. Please correct them and try again.</div>
			{% endif %}
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">Contact information</h3>
				</div>
				<div class="panel-body">
					<div class="form-group col-md-6{% if form.name.errors %} has-error{% endif %}">
						<label for="{{ form.name.id_for_label }}" class="control-label">Name: <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small></label>
						{{ form.name }}
					</div>
					<div class="clearfix"></div>
					<div class="form-group col-md-6{% if form.email.errors %} has-error{% endif %}">
						<label for="{{ form.email.id_for_label }}" class="control-label">Email: <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small></label>
						{{ form.email }}
					</div>
					<div class="clearfix"></div>
                    <div class="form-group col-md-6{% if form.subject.errors %} has-error{% endif %}">
						<label for="{{ form.subject.id_for_label }}" class="control-label">Subject: <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small></label>
						{{ form.subject }}
					</div>
					<div class="clearfix"></div>
                    <div class="form-group col-md-12{% if form.text.errors %} has-error{% endif %}">
						<label for="{{ form.text.id_for_label }}" class="control-label">Your message: <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small></label>
						{{ form.text }}
					</div>
					<div class="clearfix"></div>
                    <div class="col-md-12">
                        <strong>Please enter symbols from the image: <small><span class="text-danger glyphicon glyphicon-asterisk"></span></small></strong>
                        {% if form.captcha.errors %}
                            <div class="alert alert-danger">Please enter correct symbols from the image.</div>
                        {% endif %}
                        <div class="captcha-wrapper">
                            {{ form.captcha }}
                        </div>
                        <div class="clearfix"></div>
                        <button class="btn btn-primary" type="submit">Submit</button>
                    </div>
				</div>
			</div>
        </form>
    </div>
	<div class="col-md-3">
		{% include 'mainsite/testimonial_widget.html' %}
		{% include 'mainsite/guarantee_widget.html' %}
	</div>
	<div class="clearfix"></div>
{% endblock %}

{% block javascript %}
{% endblock %}