templates/includes/blocks/estimateStepsSection.html.twig line 1

Open in your IDE?
  1. {% import "./macros_typography.html.twig" as macrosTypography %}
  2. {% import "./macros_button.html.twig" as macrosButton %}
  4. {# <section class="estimate-steps-section"
  5.   section-shade="dark">
  6.   <div id="form-wrapp"
  7.     class="text-white mt-12 pt-10 md:pt-14 pb-10 md:pb-16 blue-form big-container-mob-zero">
  8.     <steps-bar v-model="currentStep"
  9.       @click="nextStep"
  10.       theme="white"
  11.       page="estimate"
  12.       :steps="[
  13.         { name: 'Property details' },
  14.         { name: 'Property type' },
  15.         { name: 'Property state' },
  16.         { name: 'Contact info' },
  17.       ]"></steps-bar>
  19.     {% set action_url = '/mail/estimationSend' %}
  21.     <div class="bg-white/5 text-white pt-16 px-8 lg:px-20 pb-20 mt-14">
  22.       <form action="{{ action_url }}" method="post">
  24.                         {% for message in app.flashes('error') %}
  25.                             <div style="color:red;text-align:center;">
  26.                                 {{ message }}
  27.                             </div>
  28.                         {% endfor %}
  30.                         {% if app.flashes('sucess')|length == 0 %}
  31.                             {{ include('pages/blocks/sub-blocks/estimate-form.html.twig', {
  32.  
  33.                                 path : path('mail_send'),
  34.                                 snippets : content.snippets,
  35.                                 method : 'POST',
  36.                             }) }}
  37.                         {% else %}
  38.                             <div class='text-center'  style="margin-top: 60px;">
  39.                                 {% if content.snippets %}
  40.                                     {{content.snippets[0].submition_message|raw}}
  41.                                 {% endif %}
  42.                             </div>
  43.                         {% endif %}
  46.         </form>
  47.     </div>
  48.   </div>
  49. </section> #}
  51. {% set currentLocale = app.request.locale %}
  53. <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.min.js"></script>
  54. <script>
  55.     function initResizer() {
  56. iFrameResize({
  57. heightCalculationMethod: 'documentElementOffset',
  58. onScroll: (
  59. {x, y}
  60. ) => { // prevent default behavior
  61. window.scrollTo({top: y, left: x, behavior: 'smooth'})
  62. return false;
  63. }
  64. }, '#valuationFrame');
  65. }
  66. </script>
  67. <iframe style="min-width: 100%; border:none;" title="valuation" src="https://oakslane.valuation.realadvisor.ch/appraise?language={{currentLocale}}" id="valuationFrame" onload="initResizer()"></iframe>