templates/Frontend/form.html.twig line 1

  1. {% set currentPath = app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  2. <div class="form">
  3.     <div id="form-start-here-left" class="hidden-xs"></div>
  4.     {#<div id="form-start-here-right"></div>#}
  5.     <form action="{{ path('spinner_form_parse') }}" method="POST" class="col-md-12 form-boxed" id="contactForm">
  6.         <div class="">
  7.             <h3 class="form-title hidden-xs">{% if (app.request.attributes.get('_route') == 'spinner_front_index') or (app.request.attributes.get('_route') == 'spinner_front_pages') %}{{ formLabels.formtitle }}{% else %}Vi hjälper dig att få prisförslag på flyttstädning i <span class="city-county-title">{% if app.request.attributes.get('_route') == 'spinner_front_city' %}{{ city.getName|mb_capitalize }}{% elseif app.request.attributes.get('_route') == 'spinner_front_county' %}{{ activecounty.getName }}{% elseif app.request.attributes.get('_route') == 'spinner_front_company' %}{{ city.getName|mb_capitalize }}{% elseif app.request.attributes.get('_route') == 'spinner_front_county_all' %}{{ activecounty.getName }}{% endif %}</span>!{% endif %}</h3>
  8.             <h2 class="form-title visible-xs">
  9.                 <strong>
  10.                 {% if (app.request.attributes.get('_route') == 'spinner_front_index') or (app.request.attributes.get('_route') == 'spinner_front_pages') %}
  11.                 {{ formLabels.formtitle }}
  12.                 {% else %}
  13.                 Flyttstädning <span class="city-county-title">{% if app.request.attributes.get('_route') == 'spinner_front_city' %}{{ city.getName|mb_capitalize }}{% elseif app.request.attributes.get('_route') == 'spinner_front_county' %}{{ activecounty.getName }}{% elseif app.request.attributes.get('_route') == 'spinner_front_county_all' %}{{ activecounty.getName }}{% endif %}</span> prisförfrågan
  14.                 {% endif %}
  15.                 </strong>
  16.             </h2>
  17.             <ol class="form-num-list hidden-xs">
  18.                 <li>{{ formLabels.numbereditem1 }}</li>
  19.                 <li>{{ formLabels.numbereditem2 }}</li>
  20.                 <li>{{ formLabels.numbereditem3 }}</li>
  21.             </ol>
  22.             <ol class="form-num-list visible-xs">
  23.                 <li>{{ formLabels.numbereditemresponsive1 }}</li>
  24.                 <li>{{ formLabels.numbereditemresponsive2 }}</li>
  25.                 <li>{{ formLabels.numbereditemresponsive3 }}</li>
  26.             </ol>
  27.         </div>
  28.         <hr>
  29.         {% for flashMessage in app.session.flashbag.get('form-error') %}
  30.             <div class="form-error">
  31.                 {{ flashMessage }}
  32.                 {% set errormessage = flashMessage  %}
  33.             </div>
  34.             <script>
  35.                 window.swalSuccess = false;
  36.                 window.flashMessage = '{{ flashMessage |replace({"Vänligen fyll i dom obligatoriska fälten: ": ''}) }}';
  37.             </script>
  38.         {% endfor %}
  39.         {% for flashMessage in app.session.flashbag.get('form-success') %}
  40.             
  41.                 <script>
  42.                 window.swalSuccess = true;
  43.                     
  44.                 function checkGAQ()
  45.                 {if(typeof ga!=='undefined')
  46.                 {ga('send','event',{eventCategory:'Form Submission',eventAction:'click',eventLabel:'/successful-form-submit'});}
  47.                 else
  48.                 {window.setTimeout("checkGAQ();",100);}}
  49.                 checkGAQ();
  50.                 </script>
  51.             <div class="form-success">
  52.                 {{ flashMessage }}
  53.             </div>
  54.         {% endfor %}
  55.         <div class="row">
  56.             <div class="form-group col-md-12">
  57.                 <label for="Namn">{{ formLabels.namelabel }} <span class="req">*</span></label>
  58.                 {{ form_widget(form.name, { 'id': 'Namn', 'attr': {'autocomplete': 'given-name'} }) }}
  59.             </div>
  60.         </div>
  61.         <div class="row">
  62.             <div class="form-group col-md-6">
  63.                 <label for="Email">{{ formLabels.emaillabel }} <span class="req">*</span></label>
  64.                 {{ form_widget(form.email, { 'id': 'Email', 'attr': {'autocomplete': 'email'} }) }}
  65.             </div>
  66.             <div class="form-group col-md-6">
  67.                 <label for="emailConfirmation">Bekräfta E-mail <span class="req">*</span></label>
  68.                 {{ form_widget(form.emailConfirmation, { 'id': 'emailConfirmation', 'attr': {'autocomplete': 'email'} }) }}
  69.             </div>
  70.         </div>
  71.         <div class="row">
  72.             <div class="col-md-6">
  73.                 <div class="form-group">
  74.                     <label for="Meter">{{ formLabels.squaremeterslabel }} {#<span class="req">*</span>#}</label>
  75.                     {{ form_widget(form.sqfeet, { 'id': 'Meter', 'attr': {'autocomplete': 'off'} }) }}
  76.                 </div>
  77.             </div>
  78.             <div class="col-md-6">
  79.                 <div class="form-group">
  80.                     <label for="Datum">{{ formLabels.datelabel }} {#<span class="req">*</span>#}</label>
  81.                     {{ form_widget(form.date, { 'id': 'Datum', 'attr': {'autocomplete': 'off'} }) }}
  82.                 </div>
  83.             </div>
  84.         </div>
  85.         <div class="row">
  86.             <div class="col-md-6">
  87.                 
  88.                 
  89.                 <div class="form-group">
  90.                     <label for="Postnr">{{ formLabels.postnrlabel }} {#<span class="req">*</span>#}</label>
  91.                     {{ form_widget(form.zip, { 'id': 'Postnr', 'attr': {'autocomplete': 'off'} }) }}
  92.                 </div>
  93.                 <div class="form-group">
  94.                     <label for="Info" class="h5 bottom-buffer-none">
  95.                         {{ formLabels.detailslabel }}
  96.                     </label>
  97.                 {{ form_widget(form.other, { 'id': 'Info', 'attr': {'class': 'form-control input-sm', 'rows': '4', 'autocomplete': 'off'} }) }}
  98.                 </div>
  99.             </div>
  100.             <div class="col-md-6">
  101.                 
  102.                 
  103.                 <div class="form-group">
  104.                     <div class="g-recaptcha" data-sitekey="6LekmfwSAAAAAKZGemzhq8FizU8KANE1LpFesmsN"></div>
  105.                 </div>
  106.                 <div class="form-group" style="padding-top:1.5em">
  107.                     <input type="submit" class="btn btn-skicka btn-lg btn-block" value="{{ formLabels.submitlabel }}" />
  108.                 </div>
  109.             </div>
  110.             
  111.         </div>
  112.         
  113.         {{ form_widget(form.token) }}
  114.         {{ form_widget(form.route, { 'value': app.request.attributes.get('_route')}) }}
  115.         {{ form_widget(form.routeparams, { 'value': app.request.attributes.get('_route_params')|url_encode}) }}
  116.         {{ form_widget(form.siteVersion, { 'attr': {'class': 'sf_isMobile'} }) }}
  117.     </form>
  118. </div>