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

{% block title %}Submit your testimonial{% endblock %}

{% block content %}
	<div class="col-md-12"><h2>Submit your testimonial</h2></div>
	<div class="col-md-9">
        <p>Please submit your testimonial and get a lifetime <strong>10% off</strong> our services.<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.author.errors %} has-error{% endif %}">
						<label for="{{ form.author.id_for_label }}" class="control-label">Name:</label>
						{{ form.author }}
					</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 }}
                        <span class="help-block">Not visible to anyone.</span>
					</div>
					<div class="clearfix"></div>
                    <div class="form-group col-md-6{% if form.source.errors %} has-error{% endif %}">
						<label for="{{ form.source.id_for_label }}" class="control-label">Your university:</label>
						{{ form.source }}
					</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 testimonial: <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 Testimonial</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 %}