{% extends "base.html" %}
{% load url from future %}

{% block content %}

<div id = 'title'>
    <div class = 'row twelvecol'>
        <hr id = 'top-line'>
         <h1>Contact Us</h1>
         <p>Please contact if you have any questions and we'll get back to you as soon as we can.</p>
        <hr id = 'bottom-line'>
    </div>
</div>

<div class = 'row'>
    <div class = 'sixcol contact-input'>
        <div id = 'contact-form'>
        <form action="{% url 'core:contact' %}" method="POST">
        {% csrf_token %}
            <table>
            {% for field in contact_form %}
            <tr>		
                <td class='left'>{{ field.label }}</td>
                <td>{{ field|safe }}</td>
            </tr>
            <tr>
                <td></td><td id = 'err-message'>
                    {% if field.errors%}
                    <span>* {{field.label}} is required.</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}

            <tr>
                <td></td>
        	    <td>
	                <button class ='button yellow'><span>SUBMIT</span></button>
                </td>
	        </tr>
            </table>  	
        </form>
        </div>
    </div>

    <div class = 'sixcol last '>
        <div id = 'contact-div'>
        <div id = 'contact-message'>
                <p>"Masalah itu tidak akan pernah selesai kalau diselesaikan dengan emosi. Belajar untuk kontrol emosi itu kunci untuk jadi orang yang 'pandai'."</p>
                <hr class = 'contact-separator'>
                <span>- Soekawan. H -</span>
        </div>
        </div>
    </div>
    
</div>
{% endblock %}