%h2 Fale com a gente

%form.form

.form-group{data: {class: {invalid: 'message_errors.name' }}}
  %span.required-mark{ title: "obrigatório" } *
  %input.form-control{ placeholder: "Nome", required: true, autofocus: true, data: { value: "message.name" } }
  %i.validation ×
  .tooltip.right
    .tooltip-inner {{message_errors.name}}
    .tooltip-arrow

.form-group{data: {class: {invalid: 'message_errors.email' }}}
  %span.required-mark{ title: "obrigatório" } *
  %input.form-control{ type: 'email', placeholder: "E-mail", required: :required, data: { value: "message.email" } }
  %i.validation ×
  .tooltip.right
    .tooltip-inner {{message_errors.email}}
    .tooltip-arrow

.form-group{data: {class: {invalid: 'message_errors.subject' }}}
  %span.required-mark{ title: "obrigatório" } *
  %input.form-control{ placeholder: "Assunto", data: { value: "message.subject" } }
  %i.validation ×
  .tooltip.right
    .tooltip-inner {{message_errors.subject}}
    .tooltip-arrow

.form-group{data: {class: {invalid: 'message_errors.body' }}}
  %span.required-mark{ title: "obrigatório" } *
  %textarea.form-control{ placeholder: "Mensagem", required: :required, data: { value: "message.body" }, rows: 6 }
  %i.validation ×
  .tooltip.right
    .tooltip-inner {{message_errors.body}}
    .tooltip-arrow

%button.btn.btn-success.btn-block{data: {html: 'sender.button_label', on: {click: 'sender.send'}}} Enviar mensagem

%br
%br