{% extends "base.html" %}
{% load info %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/contato.css"/>
{% endblock %}


{% csrf_token %}
{% block title %}Contato{% endblock %}    
{% block center %}
    <div class="contato">
        <div id="contato_content">
            <div id="contato">
                <div id="info_contato">
                    <span>Entre em Contato</span>
                    <p>Envie sua mensagem, dúvida ou sugestão.</p>
                </div>  
                <div id="msg">
                {% if mostrar %}
                    <div class="alert alert-success">
                        Contato enviado!
                    </div>
                {% endif %}
                    
                </div>

            <form id="formulario_contato" method="POST">
                    <div class="block">
                        <div class="control-group {%if form.nome.errors %}error{% endif %}">
                            <div class="input">
                                <span class="label_form">Nome:</span>
                                {{form.nome}}
                                <span class="help-inline">{{ form.nome.errors }}</span>
                            </div>
                        </div>
                    </div>
                        
                    
                    <div class="block">
                        <div class="control-group {%if form.email.errors %}error{% endif %}">
                            <div class="input">
                                <span class="label_form">Email:</span>
                                {{form.email}}
                                <span class="help-inline">{{ form.email.errors }}</span>
                            </div>
                        </div>
                    </div>

                    <div class="block">
                        <div class="control-group {%if form.cidade.errors %}error{% endif %}">
                            <div class="input">
                                <span class="label_form">Cidade:</span>
                                {{form.cidade}}
                                <span class="help-inline">{{ form.cidade.errors }}</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="block">
                        <div class="control-group {%if form.assunto.errors %}error{% endif %}">
                            <div class="input">
                                <span class="label_form">Assunto:</span>
                                {{form.assunto}}
                                <span class="help-inline">{{ form.assunto.errors }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="block block_textarea">
                        <div class="control-group {%if form.mensagem.errors %}error{% endif %}">
                            <div class="input input_textarea">
                                <span class="label_form">Mensagem:</span>
                                {{form.mensagem}}
                                <span class="help-inline">{{ form.mensagem.errors }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="block">
                        <input class="btn_enviar" type="submit" value=""/>
                    </div>
                </form>
            </div>
        </div>
            </div>
            {% info_site %}
            
        	
        </div>
    </div>
{% endblock center%}