templates/juki/HitsoTicketsBundle/Front/Ticket/index.html.twig line 1

Open in your IDE?
  1. {% extends 'HitsoCommonBundle::layout.html.twig' %}
  2. {% form_theme form '@HitsoCommon/Common/form_fields.html.twig' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <link rel="stylesheet" href="{{ asset('juki/source/css/contact-critical.css') }}">
  7.     <link rel="preload" as="style" href="{{ preload(asset('juki/source/css/contact-critical.css')) }}">
  8.     <link rel="preload" href="{{ preload(asset('juki/source/css/contact.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
  9. {% endblock %}
  11. {% block body_class %}{{ parent() }} page--contact{% endblock %}
  13. {% block content %}
  14.     <main class="main">
  15.         <div class="contact">
  16.             {% include 'HitsoTicketsBundle:Front/Common:info.html.twig' %}
  17.             {% include 'HitsoTicketsBundle:Front/Common:map.html.twig' %}
  19.             <!-- form -->
  20.             <section class="contact__form" id="contact_form">
  21.                 <h2 class="section-title section-title--h1 text-center">
  22.                     Stay in touch!
  23.                 </h2>
  25.                 <p class="section-lead text-center">
  26.                     We are here for you, just ask
  27.                 </p>
  29.                 {{ form_start(form, {'attr': {"v-cloak": 1,'class': 'contact__form-form','id': 'contactForm'}}) }}
  30.                     <div class="field" :class="{'field--error' : errors.firstName}">
  31.                         {{ form_label(form.authorFirstName) }}
  32.                         {{ form_row(form.authorFirstName) }}
  33.                         <span class="field-msg" v-if="errors.firstName">${ errors.firstName }{{ form_errors(form.authorFirstName) }}</span>
  34.                     </div>
  36.                     <div class="field" :class="{'field--error' : errors.lastName}">
  37.                         {{ form_label(form.authorLastName) }}
  38.                         {{ form_row(form.authorLastName) }}
  39.                         <span class="field-msg" v-if="errors.lastName">${ errors.lastName }{{ form_errors(form.authorLastName) }}</span>
  40.                     </div>
  42.                     <div class="field" :class="{'field--error' : errors.email}">
  43.                         {{ form_label(form.authorEmail) }}
  44.                         {{ form_row(form.authorEmail) }}
  45.                         <span class="field-msg" v-if="errors.email">${ errors.email }{{ form_errors(form.authorEmail) }}</span>
  46.                     </div>
  48.                     <div class="field" :class="{'field--error' : errors.name}">
  49.                         {{ form_label(form.name) }}
  50.                         {{ form_row(form.name) }}
  51.                         <span class="field-msg" v-if="errors.name">${ errors.name }{{ form_errors(form.name) }}</span>
  52.                     </div>
  54.                     <div class="field" :class="{'field--error' : errors.content}">
  55.                         {{ form_label(form.content) }}
  56.                         {{ form_row(form.content) }}
  57.                         <span class="field-msg" v-if="errors.content">${ errors.content }{{ form_errors(form.content) }}</span>
  58.                     </div>
  60.                     <button class="contact__form-submit btn btn--secondary" :class="{'btn--loading' : isSending}" @click.prevent="send">Send message</button>
  61.                 {{ form_end(form) }}
  62.             </section>
  63.         </div>
  64.     </main>
  65. {% endblock %}
  67. {% block footer_javascripts %}
  68.     <script src="{{ asset('juki/source/js/contact.js') }}" defer></script>
  69. {% endblock %}