{% set title = "Contato" %}
{% extends 'layout.html' %}

{% block body %}
<div class="container">
  <div class="panel">
    <div class="panel-heading">
      <h3 class="panel-title">Contato</h3>
    </div>
    <div class="panel-body">
      {% if messages.success %}
      <div role="alert" class="alert alert-success">
        {% for success in messages.success %}
        <div>{{ success.msg }}</div>
        {% endfor %}
      </div>
      {% endif %}
      {% if messages.error %}
      <div role="alert" class="alert alert-danger">
        {% for error in messages.error %}
        <div>{{ error.msg }}</div>
        {% endfor %}
      </div>
      {% endif %}
      <form method="POST" class="form-horizontal">
        <div class="form-group">
          <label for="name" class="col-sm-2">Sue nome</label>
          <div class="col-sm-8">
            <input type="text" name="name" id="name" class="form-control" autofocus>
          </div>
        </div>
        <div class="form-group">
          <label for="email" class="col-sm-2">Seu email</label>
          <div class="col-sm-8">
            <input type="email" name="email" id="email" class="form-control">
          </div>
        </div>
        <div class="form-group">
          <label for="message" class="col-sm-2">Sua mensagem</label>
          <div class="col-sm-8">
            <textarea name="message" id="message" rows="7" class="form-control"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-8">
            <button type="submit" class="btn btn-success">Enviar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}
