{% extends "digitalglarus/base.html" %}
{% load cms_tags %}
{% block title %}Contact{% endblock %}

{% block content %}
<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">
	{% placeholder 'digital_glarus_contact' %}
      </h2>
      <hr>
    </div>
    <div class="col-md-8">
      {% placeholder 'digital_glarus_contact_content'  %}
    </div>
    <div class="col-md-4">
      {% placeholder 'digital_glarus_contact_information' %}
    </div>
    <div class="clearfix"></div>
  </div>
</div>

<div class="row">
  <div class="box">
    <div class="col-lg-12">
      <hr>
      <h2 class="intro-text text-center">Contact
	<strong>form</strong>
      </h2>
      <hr>
      <p>If you want further information on Digital Glarus, please send us a message using the form below.</p>
      <form action="{% url 'digitalglarus:contact' %}" method="post" role="form">
	{% csrf_token %}
	<div class="row">
	  <div class="form-group col-lg-4">
	    <label>Name</label>
	    <input type="text" class="form-control" name="name">
	  </div>
	  <div class="form-group col-lg-4">
	    <label>Email Address</label>
	    <input type="email" class="form-control" name="email">
	  </div>
	  <div class="form-group col-lg-4">
	    <label>Phone Number</label>
	    <input type="tel" class="form-control" name="phone_number">
	  </div>
	  <div class="clearfix"></div>
	  <div class="form-group col-lg-12">
	    <label>Message</label>
	    <textarea class="form-control" rows="6" name="message"></textarea>
	  </div>
	  <div class="form-group col-lg-12">
	    <input type="hidden" name="save" value="contact">
	    <button type="submit" class="btn btn-default">Submit</button>
	  </div>
	</div>
      </form>
    </div>
  </div>
</div>
</div>
<!-- /.container -->
{% endblock %}