eventarte-contact-form.html.twig

{{ form_start(form, {
    'attr': {
      'target': '_top',
      'custom-validation-reporting': 'as-you-go',
      'action-xhr': url('contact')
    }
}) }}
  <div class="ampstart-input">
    {{ form_label(form.name) }}
    {{ form_widget(form.name) }}
  </div>
  <div class="ampstart-input">
    {{ form_label(form.email) }}
    {{ form_widget(form.email) }}
  </div>
  <div class="ampstart-input">
    {{ form_label(form.telephone) }}
    {{ form_widget(form.telephone) }}
  </div>
  <div class="ampstart-input">
    {{ form_label(form.message) }}
    {{ form_widget(form.message) }}
  </div>
  {{ form_widget(form.send, {'attr': { 'class' : 'ampstart-btn'}}) }}
  <div class="alert alert-info">Enviando...</div>
  <div submit-success>
    <template type="amp-mustache">
      <p>Muchas gracias por contactar con nosotros. Muy pronto nos pondremos en contacto contigo.</p>
      <p>¡Hasta ahora!</p>
    </template>
  </div>
  <div submit-error>
    <template type="amp-mustache">
      <p>Ooooooops. Algo salió mal... Pero puedes llamarnos al teléfono: 639 78 78 56</p>
    </template>
  </div>
{{ form_end(form) }}