Untitled

{% extends "@ezdesign/pagelayout.html.twig" %}
{% set pageTitle = 'NOUVEAU DIMENSIONNEMENT' %}
{% from '@components/macros.twig' import  Breadcrumbs, PacPiscineForm %}
{% block content %}
    <div class="Layout">
  <div class="Layout-inner dimensionnement">
      {{ Breadcrumbs({
        items: [
            { url: "/", text: 'ACCUEIL'},
            { url: "#", text: 'POMPE A CHALEUR PISCINE'},
            { url: "#", text: 'NOUVEAU DIMENSIONNEMENT'}
        ]
        }) 
      }}

      <div class="Container-flex Container-flex--aligncenter Container-flex--spacebt">
            <div class="SectionHead">
                <h1 class="SectionHead-mainTitle">ETUDE DE DIMENSIONNEMENT</h1>
            
                <p class="SectionHead-description SyntheseDim--edit">Remplissez les champs ci-dessous pour trouver la pompe à chaleur pour piscine adaptée au bassin à chauffer</p>
            </div>
      </div>
      <div class="formLoader"></div>
      {{PacPiscineForm({})}}
  </div>
        {% if data_update is defined%}
        <input id="data_update" type=hidden" value="{{ data_update|json_encode }}">
        {% endif %}
</div>
{#    <script>#}
{#        let data =document.querySelector('#data_update').value;#}
{#            // document.querySelector('.formio-component-nom input').value = "sssssssss" ;#}
{#            //  document.querySelector('.formio-component-departement select').value = "d" ;#}
{#            //  document.querySelector('.formio-component-hors_sol input').value = "a" ;#}
{#            //  document.querySelector("input[name='data[longueur]']").value = "5" ;#}
{#            //  document.querySelector('.formio-component-largeur input').value = "" ;#}
{#            //  document.querySelector('.formio-component-profondeur input').value = "" ;#}
{#            //  document.querySelector('.formio-component-volume input').value = "" ;#}
{#            //  document.querySelector('.formio-component-mois_debut select').value = "" ;#}
{#            //  document.querySelector('.formio-component-mois_fin select').value = "" ;#}
{#            //  document.querySelector('.formio-component-volet input').value = "" ;#}
{#            //  document.querySelector('.formio-component-t_souhaitee select').value = "" ;#}
{#            //  document.querySelector('.formio-component-expo_vent select').value = "" ;#}
{#            //  document.querySelector('.formio-component-abris_bas input').value = "" ;#}
{#            //  let elementsToSelect = Object.keys(JSON.parse(data));#}
{#            //  elementsToSelect.forEach((element)=>{#}
{#            //      const formFields = document.querySelector(`[name='data[${element}]']`);#}
{#            //      console.log(formFields)#}
{#            //  })#}
{#        setTimeout(()=>{#}
{#            const formFields = document.querySelector(`.formio-component-nom`);#}
{#            console.log(formFields);#}
{#        },0)#}



{#    </script>#}
{% endblock %}