templates/app/Section/templates/contact_form.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_container %}
  4.   <section class="bg-title-grey">
  5.     <div class="page-wrapper section-content">
  6.       <h1 class="ct-blue ff-os-bold text-uppercase">{{ "section.templates.contact_form.title"|trans }}</h1>
  7.     </div>
  8.   </section>
  9.   <div class="page-wrapper">
  10.     <div class="row mt-3r mb-3r row-without-margin">
  11.       <div class="col-12 p-0 d-flex flex-row justify-content-start align-items-center">
  12.         <img class="w-80p h-auto pull-left mr-20" src="{{ asset("build/images/usericon.png") }}"/>
  13.         <h3 class="ct-blue ff-os-regular m-0">{{ "section.templates.contact_form.content.dear_client"|trans }}:
  14.           <br>
  15.           <span class="ct-darkgray fs-18 ff-os-light m-0 text-justify">Si desea hacernos llegar una consulta, solicitud, reclamo y/o sugerencia, por favor completar el formulario y lo contactaremos a la brevedad.</span>
  16.         </h3>
  17.       </div>
  18.     </div>
  19.     <div class="row pt-30 mb-50">
  20.       <div class="col-md-7">
  21.         {% for type, messages in app.session.flashbag.all() %}
  22.           {% for message in messages %}
  23.             <div class="alert alert-{{ type }} alert-dismissible" role="alert">
  24.               <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span></button>
  25.               {{ message | raw }}
  26.             </div>
  27.           {% endfor %}
  28.         {% endfor %}
  29.         {{ form_start(form, {'attr': {'class': 'w-100'}}) }}
  30.           <div class="form-group">
  31.             {{ form_widget(form.name, {'attr': {'class': 'form-control form-contact bg-form-control', 'placeholder': 'Nombre'}})}}
  32.             {{ form_errors(form.name) }}
  33.           </div>
  34.           <div class="form-group">
  35.             {{ form_widget(form.company, {'attr': {'class': 'form-control form-contact bg-form-control', 'placeholder': 'Empresa'}})}}
  36.             {{ form_errors(form.company) }}
  37.           </div>
  38.           <div class="form-group">
  39.             {{ form_widget(form.phone, {'attr': {'class': 'form-control form-contact bg-form-control', 'placeholder': 'Teléfono'}})}}
  40.             {{ form_errors(form.phone) }}
  41.           </div>
  42.           <div class="form-group">
  43.             {{ form_widget(form.email, {'attr': {'class': 'form-control form-contact bg-form-control', 'placeholder': 'nombre@email.com'}})}}
  44.             {{ form_errors(form.email) }}
  45.           </div>
  46.           <div class="form-group">
  47.             {{ form_widget(form.message, {'attr': {'class': 'form-control form-contact bg-form-control', 'placeholder': 'Mensaje', 'rows': 10}})}}
  48.             {{ form_errors(form.message) }}
  49.           </div>
  50.           <div class="form-group">
  51.             {{ form_widget(form.recaptcha) }}
  52.             {{ form_errors(form.recaptcha) }}
  53.           </div>
  54.           <button type="submit" class="btn btn-block btn-primary btn-submit bg-blue text-uppercase ff-os-bold">{{ "section.templates.contact_form.form.send"|trans }}</button>
  55.         {{ form_end(form) }}
  56.       </div>
  57.       <div class="offset-1 col-md-4 map-mobible">
  58.         <p class="ct-blue ff-os-semibold">{{ "section.templates.contact_form.content.ubication"|trans }}</p>
  59.         <div id="map"></div>
  60.         <div id="popup" class="ol-popup">
  61.           <a href="#" id="popup-closer" class="ol-popup-closer"></a>
  62.           <div id="popup-content"></div>
  63.         </div>
  64.       </div>
  65.     </div>
  66.   </div>
  67. {% endblock %}
  69. {% block javascripts %}
  70.     {{ parent() }}
  71.     {{ encore_entry_script_tags('map') }}
  72. {% endblock %}