templates/FrontEndBundle/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'FrontEndBundle/baseFrontEnd_2022.html.twig' %}
  2. {% block stylesheets %}
  3. {{ parent() }}
  5. <link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
  7. <style>
  8.     .backgroundBg {
  9.         background: #ffffff;
  10.     }
  12.     body {
  13.         font-family: Helvetica, sans-serif;
  14.     }
  16.     .container {
  17.         max-width: 800px;
  18.         margin-left: auto;
  19.         margin-right: auto;
  20.         padding: 10px;
  21.     }
  23.     #phone,
  24.     .btn {
  25.         padding-top: 6px;
  26.         padding-bottom: 6px;
  27.         border: 1px solid #ccc;
  28.         border-radius: 4px;
  29.     }
  31.     .btn {
  32.         color: #ffffff;
  33.         background-color: #428BCA;
  34.         border-color: #357EBD;
  35.         font-size: 14px;
  36.         outline: none;
  37.         cursor: pointer;
  38.         padding-left: 12px;
  39.         padding-right: 12px;
  40.     }
  42.     .btn:focus,
  43.     .btn:hover {
  44.         background-color: #3276B1;
  45.         border-color: #285E8E;
  46.     }
  48.     .btn:active {
  49.         box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  50.     }
  52.     .alert {
  53.         padding: 15px;
  54.         margin-top: 10px;
  55.         border: 1px solid transparent;
  56.         border-radius: 4px;
  57.     }
  59.     .alert-info {
  60.         border-color: #bce8f1;
  61.         color: #31708f;
  62.         background-color: #d9edf7;
  63.     }
  65.     .alert-error {
  66.         color: #a94442;
  67.         background-color: #f2dede;
  68.         border-color: #ebccd1;
  69.     }
  70. </style>
  71. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
  73. {% endblock %}
  75. {% block javascripts %}
  76. {{ parent() }}
  77. <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
  80. <!-- Facebook Pixel Code -->
  81. <script>
  84.     //$('#scheduleMetting').modal('show');
  86.     function getIp(callback) {
  87.         fetch('https://ipinfo.io/json?token=3b619feb376bf4', { headers: { 'Accept': 'application/json' } })
  88.             .then((resp) => resp.json())
  89.             .catch(() => {
  90.                 return {
  91.                     country: 'us',
  92.                 };
  93.             })
  94.             .then((resp) => callback(resp.country));
  95.     }
  98.     const phoneInputField = document.querySelector("#phone");
  99.     const phoneInput = window.intlTelInput(phoneInputField, {
  100.         initialCountry: "auto",
  101.         geoIpLookup: getIp,
  102.         preferredCountries: ["AR", "CL", "CO", "EC", "MX", "PE", "UY"],
  103.         utilsScript:
  104.             "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
  105.     });
  107.     const info = document.querySelector(".alert-success");
  108.     const error = document.querySelector(".alert-error");
  110.     $('.contact-form-send').submit(function (event) {
  112.         event.preventDefault();
  114.         var values = $(this).serializeArray();
  116.         const phoneNumber = phoneInput.getNumber();
  118.         info.style.display = "none";
  119.         error.style.display = "none";
  122.         if (!phoneInput.isValidNumber()) {
  123.             error.style.display = "";
  124.             error.innerHTML = `Hay un error el télefono ingresado. Verificalo`;
  125.             return;
  126.         }
  129.         let name = values[0].value;
  130.         let lastName = values[1].value
  131.         let company = values[2].value;
  132.         let seniority = values[3].value;
  133.         let industry = values[4].value;
  134.         let deliveryOwn = values[5].value;
  136.         let email = values[6].value;
  137.  
  138.         let phone = phoneNumber.replace("+54","+549");
  140.         let scheduleday = values[8].value;
  141.         let city = values[9].value;
  142.         let country = values[10].value;
  143.         let notes = values[11].value;
  144.         let source = values[12].value;
  145.         let utmSource = values[13].value;
  146.         let utmMedium = values[14].value;
  147.         let utmCampaign = values[15].value;
  152.         /*var event_name = "contact_form_web_event";
  154.         var properties = {
  155.             'EMAIL': email,
  156.             'NOMBRE': name,
  157.             'APELLIDOS': lastName,
  158.             'COMPANY': company,
  159.             'COUNTRY': country,
  160.             'NOTES': notes,
  161.             'PHONE': phone
  162.         }
  164.         var event_data = {
  165.             "data": {
  166.                 "message": notes,
  167.                 "namecustomer": name
  168.             }
  169.         }
  170.         sendinblue.track(event_name,
  171.             properties,
  172.             event_data)
  173.         */
  177.     /*  MAUTIC LOGIC*/
  178.                 
  179.         const urlForm =  "https://mautic.pedidosfree.com/form/submit?formId=3";
  180.         var urlFinal;
  181.     
  183.         if (utmSource != "" && utmMedium != "" && utmCampaign != "") {
  185.             console.log(utmSource);
  186.             console.log(utmMedium);
  187.             console.log(utmCampaign);
  189.             const utm_url = "&utm_source=" + utmSource +  "&utm_medium=" + utmMedium +  "&utm_campaign=" + utmCampaign ;
  190.             urlFinal =  urlForm + utm_url ;
  191.         } else {
  192.             urlFinal =  urlForm ;
  193.         }
  196.     let mauticData = { "mauticform":{
  197.           f_name : name,
  198.           lastname : lastName,
  199.           company :company,
  200.           seniority :seniority,
  201.           industry :industry,
  202.           deliveryown :deliveryOwn,
  203.           email : email,
  204.           phone : phone,
  205.           prefercontactdatetime : scheduleday.replace(/[^a-zA-Z0-9 ]/g, ''),
  206.           city : city,
  207.           country : country,
  208.           notes : notes.replace(/[^a-zA-Z0-9 ]/g, ''),
  209.           formId : 3,
  210.           return : "https://mautic.pedidosfree.com/s/forms/preview/3",
  211.           formName : "formindependet",
  212.           messenger : "1"
  213.         }};
  215.         $.ajax({
  216.             url: urlFinal,
  217.             type: "post",
  218.             headers: {"X-Requested-With": "XMLHttpRequest"},
  219.             async: true,
  220.             data: mauticData,
  221.             //dataType: "json",
  222.             success: function (data) {
  224.                  sendEmailAlert(values)
  226.                 $('.contact-form-send input').val('');
  227.                 $('.contact-form-send textarea').val('');
  229.                 info.style.display = "";
  230.                 info.innerHTML = `Te mensaje fue recibido, te contactaremos a la brevedad.`;
  232.                 fbq('track', 'Contact');
  234.                 //$("#bodyDialog").html("Muchas gracias por tu interés. Te contactaremos a la brevedad.");
  235.                 //$('#scheduleMetting').modal('show');
  237.             },
  238.             error: function (xhr, status, error) {
  239.                 alert(xhr.responseText);
  240.             }
  241.         });
  242.      
  245.         /*
  246.         var prospect_object = {
  247.             FirstName: name,
  248.             LastName: lastName,
  249.             Company: company,
  250.             Phone: phone,
  251.             Email: email,
  252.             City: city,
  253.             Country: country,
  254.             CustomFields: [
  255.                 { "key": "Notes", "value": notes },
  256.                 { "key": "Source", "value": source },
  257.                 { "key": "UtmSource", "value": utmSource },
  258.                 { "key": "UtmMedium", "value": utmMedium },
  259.                 { "key": "UtmCampaign", "value": utmCampaign }
  260.             ]
  261.         };
  263.         values.push({ name: 'phone', value: phone });
  265.         $.ajax({
  266.             url: "{{ path('validate-prospect')}}",
  267.             type: "post",
  268.             async: true,
  269.             data: values,
  270.             dataType: "json",
  271.             success: function (data) {
  274.                 var response = data;
  276.                 if (response.exist) {
  277.                     kl.onFormSubmit(prospect_object, "Register Page Contact - DUPLICATED")
  278.                 } else {
  279.                     kl.onFormSubmit(prospect_object, "Register Page Contact")
  280.                 }
  281.                 values.push({ name: 'exist', value: response.exist });
  283.                 sendEmailAlert(values)
  285.                 $('.contact-form-send input').val('');
  286.                 $('.contact-form-send textarea').val('');
  288.                 info.style.display = "";
  289.                 info.innerHTML = `Te mensaje fue recibido, te contactaremos a la brevedad.`;
  291.                 fbq('track', 'Contact');
  293.                 //$("#bodyDialog").html("Muchas gracias por tu interés. Te contactaremos a la brevedad.");
  294.                 //$('#scheduleMetting').modal('show');
  296.             },
  297.             error: function (xhr, status, error) {
  298.                 alert(xhr.responseText);
  299.             }
  300.         });*/
  304.     });
  307. function sendEmailAlert(values) {
  308.         $.ajax({
  309.             url: "{{ path('send-email-contact') }}",
  310.             type: "post",
  311.             async: true,
  312.             data: values,
  313.             dataType: "json",
  314.             success: function (data) {
  315.                 console.log("send email success");
  316.             },
  317.             error: function (xhr, status, error) {
  318.                 alert(xhr.responseText);
  319.             }
  320.         });
  321. }
  327.  /*
  328.  function fautm_calcTrafSrc () {
  329.   var u1='', u2='', u3='', u4='', u5='';
  330.   var search_engines = [['bing', 'q'], ['google', 'q'], ['yahoo', 'q'], ['baidu', 'q'], ['yandex', 'q'], ['ask', 'q']]; //List of search engines 
  331.   var ref = document.referrer;
  332.   ref = ref.substr(ref.indexOf('//')+2);
  333.   ref_domain = ref;
  334.   ref_path = '/';
  335.   ref_search = '';
  337.   // Checks for campaign parameters
  338.   var url_search = document.location.search;
  339.   if(url_search.indexOf('utm_source') > -1 || url_search.indexOf('utm_medium') > -1 || url_search.indexOf('utm_campaign') > -1 || url_search.indexOf('utm_term') > -1 || url_search.indexOf('utm_content') > -1) {
  340.     u1 = zfautm_gP(url_search, 'utm_source'); 
  341.     u2 = zfautm_gP(url_search, 'utm_medium'); 
  342.     u3 = zfautm_gP(url_search, 'utm_campaign'); 
  343.     u4 = zfautm_gP(url_search, 'utm_term'); 
  344.     u5 = zfautm_gP(url_search, 'utm_content'); 
  345.   } else if ( this.zfautm_gP(url_search, 'gclid')) {
  346.     u1 = 'Google Ads'; 
  347.     u2 = 'cpc'; 
  348.     u3 = '(not set)'; 
  349.     if ( !ZFAdvLead.utmcustPNameArr.includes('gclid') ) {
  350.       ZFAdvLead.utmcustPNameArr.push('gclid');
  351.     }
  352.   } else if(ref) {
  353.     var r_u1 = zfautm_gC('utm_source'); 
  354.     var r_u2 = zfautm_gC('utm_medium'); 
  355.     var r_u3 = zfautm_gC('utm_campaign'); 
  356.     var r_u4 = zfautm_gC('utm_term'); 
  357.     var r_u5 = zfautm_gC('utm_content'); 
  358.     if ( typeof r_u1 === "undefined" && typeof r_u2 === "undefined" && typeof r_u3 === "undefined" && typeof r_u4 === "undefined" && typeof r_u5 === "undefined") {
  359.       // separate domain, path and query parameters
  360.       if (ref.indexOf('/') > -1) {
  361.         ref_domain = ref.substr(0,ref.indexOf('/'));
  362.         ref_path = ref.substr(ref.indexOf('/'));
  363.         if (ref_path.indexOf('?') > -1) {
  364.           ref_search = ref_path.substr(ref_path.indexOf('?'));
  365.           ref_path = ref_path.substr(0, ref_path.indexOf('?'));
  366.         }
  367.       }
  368.       u2 = 'referral'; 
  369.       u1 = ref_domain;                    
  370.     // Extract term for organic source
  371.       for (var i=0; i<search_engines.length; i++){
  372.         if(ref_domain.indexOf(search_engines[i][0]) > -1){
  373.           u2 = 'organic'; 
  374.           u1 = search_engines[i][0];
  375.           u4 = zfautm_gP(ref_search, search_engines[i][1]) || '(not provided)';
  376.           break;
  377.         }
  378.       }
  379.     } else {
  380.       if ( typeof r_u1 !== "undefined" ) {
  381.         u1 = r_u1;
  382.       }
  383.       if ( typeof r_u2 !== "undefined" ) {
  384.           u2 = r_u2;
  385.       }
  386.       if ( typeof r_u3 !== "undefined" ) {
  387.         u3 = r_u3;
  388.       }
  389.       if ( typeof r_u4 !== "undefined" ) {
  390.         u4 = r_u4;
  391.       }
  392.       if ( typeof r_u5 !== "undefined" ) {
  393.         u5 = r_u5;
  394.       }
  395.     }
  396.   } else {
  397.     var r_u1 = zfautm_gC('utm_source'); 
  398.     var r_u2 = zfautm_gC('utm_medium'); 
  399.     var r_u3 = zfautm_gC('utm_campaign'); 
  400.     var r_u4 = zfautm_gC('utm_term'); 
  401.     var r_u5 = zfautm_gC('utm_content'); 
  402.     if ( typeof r_u1 === "undefined" && typeof r_u2 === "undefined" && typeof r_u3 === "undefined" && typeof r_u4 === "undefined" && typeof r_u5 === "undefined") {
  403.       var locRef = document.location.href;
  404.       locRef = locRef.substr(locRef.indexOf('//')+2);
  405.       if (locRef.indexOf('/') > -1) {
  406.         locRef = locRef.substr(0,locRef.indexOf('/'));
  407.       }
  408.       u1 = locRef;
  409.       u2 = 'referral'; 
  410.     } else {
  411.       if ( typeof r_u1 !== "undefined" ) {
  412.         u1 = r_u1;
  413.       }
  414.       if ( typeof r_u2 !== "undefined" ) {
  415.         u2 = r_u2;
  416.       }
  417.       if ( typeof r_u3 !== "undefined" ) {
  418.         u3 = r_u3;
  419.       }
  420.       if ( typeof r_u4 !== "undefined" ) {
  421.         u4 = r_u4;
  422.       }
  423.       if ( typeof r_u5 !== "undefined" ) {
  424.         u5 = r_u5;
  425.       }
  426.     }
  427.   }
  428.   return {
  429.     'source'  : u1, 
  430.     'medium'  : u2, 
  431.     'campaign': u3, 
  432.     'term'    : u4, 
  433.     'content' : u5 
  434.   };
  435. }
  437.  
  439.  
  440. function zfautm_gP(s, q) {
  441.   try{
  442.       var match = s.match('[?&]' + q + '=([^&]+)');
  443.       return match ? decodeURIComponent(match[1]) : '';
  444.   } catch(e){
  445.     return '';  
  446.   }
  447.   
  448. }
  450.  
  451. function zfautm_gC( cookieName ){
  452.   var cookieArr = document.cookie.split('; ');
  453.   for ( var i = 0 ; i < cookieArr.length ; i ++ ){
  454.     var cookieVals = cookieArr[i].split('=');
  455.       if ( cookieVals[0] === cookieName && cookieVals[1] ) {
  456.         return decodeURIComponent(cookieVals[1]);
  457.       }
  458.   }
  459. };
  460.  
  462. function zfautm_gC_enc( cookieName ){
  463.   var cookieArr = document.cookie.split('; ');
  464.   for ( var i = 0 ; i < cookieArr.length ; i ++ ){
  465.     var cookieVals = cookieArr[i].split('=');
  466.       if ( cookieVals[0] === cookieName && cookieVals[1] ) {
  467.         return cookieVals[1];
  468.       }
  469.   }
  470. }
  472.  */
  474. </script>
  476. <noscript><img height="1" width="1" style="display:none"
  477.         src="https://www.facebook.com/tr?id=906774143075401&ev=PageView&noscript=1" /></noscript>
  478. <!-- End Facebook Pixel Code -->
  480. {% endblock %}
  482. {% block page %}
  485. <!-- Banner Section Three -->
  486. <section class="banner-section-three">
  487.     <div class="auto-container">
  488.         <div class="row clearfix">
  490.             <!--Content Column-->
  491.             <div class="content-column col-lg-6 col-md-12 col-sm-12">
  492.                 <div class="inner-column wow fadeInLeft">
  493.                     <h2>Completa tus datos para que un asesor se contacte.</h2>
  494.                     <div class="text"> Únete a PedidosFree y hagamos crecer tu negocio.</div>
  495.                 </div>
  496.             </div>
  499.             <!--Image Column-->
  500.             <div class="col-lg-6 col-md-12 col-sm-12">
  502.                 <br>
  503.                 <div class="sib-form">
  504.                     <div id="sib-container" class="sib-container--large sib-container--vertical"
  505.                         style="text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#C0CCD9; border-style:solid;">
  507.                         <form method="post" class="contact-form-send">
  508.                             <div style="padding: 8px 0;">
  509.                                 <div class="sib-input sib-form-block">
  510.                                     <div class="form__entry entry_block">
  511.                                         <div class="form__label-row ">
  512.                                             <label class="entry__label"
  513.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  514.                                                 for="name" data-required="*">
  515.                                                 Tú nombre
  516.                                             </label>
  517.                                             <div class="entry__field">
  518.                                                 <input class="input" maxlength="200" type="text" id="name" name="name"
  519.                                                     autocomplete="off" placeholder="Ingresá tú nombre"
  520.                                                     data-required="true" required />
  521.                                             </div>
  522.                                         </div>
  523.                                     </div>
  524.                                 </div>
  525.                             </div>
  526.                             <div style="padding: 8px 0;">
  527.                                 <div class="sib-input sib-form-block">
  528.                                     <div class="form__entry entry_block">
  529.                                         <div class="form__label-row ">
  530.                                             <label class="entry__label"
  531.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  532.                                                 for="lastname" data-required="*">
  533.                                                 Apellido
  534.                                             </label>
  535.                                             <div class="entry__field">
  536.                                                 <input class="input" maxlength="200" type="text" id="lastname" name="lastname"
  537.                                                     autocomplete="off" placeholder="Ingresá tú Apellido"
  538.                                                     data-required="true" required />
  539.                                             </div>
  540.                                         </div>
  541.                                     </div>
  542.                                 </div>
  543.                             </div>
  544.                             <div style="padding: 8px 0;">
  545.                                 <div class="sib-input sib-form-block">
  546.                                     <div class="form__entry entry_block">
  547.                                         <div class="form__label-row ">
  548.                                             <label class="entry__label"
  549.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  550.                                                 for="company" data-required="*">
  551.                                                 Nombre del negocio
  552.                                             </label>
  554.                                             <div class="entry__field">
  555.                                                 <input class="input" maxlength="200" type="text" id="company"
  556.                                                     name="company" autocomplete="off" placeholder="Tu local"
  557.                                                     data-required="true" required />
  558.                                             </div>
  559.                                         </div>
  560.                                     </div>
  561.                                 </div>
  562.                             </div>
  564.                             <div style="padding: 8px 0;">
  565.                                 <div class="sib-select sib-form-block" data-required="true">
  566.                                     <div class="form__entry entry_block">
  567.                                         <div class="form__label-row ">
  568.                                             <label class="entry__label"
  569.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  570.                                                 for="seniority" data-required="*">
  571.                                                 Antiguedad del negocio
  572.                                             </label>
  573.                                             <div class="entry__field">
  574.                                             
  575.                                                 <select class="input" id="mauticform_input_formwebregister_seniority" name="seniority" value=""  data-required="true" required>
  576.                                                     <option value="" disabled selected hidden>Seleccioná Antiguedad </option>                    
  577.                                                     <option value="recien_empiezo">Recien Empiezo</option>                    
  578.                                                     <option value="menos_de_un_anio">Menos de un año</option>                    
  579.                                                     <option value="mas_de_un_anio">Más de un año</option>
  580.                                                 </select>
  581.                                              </div>
  582.                                         </div>
  583.                                     </div>
  584.                                 </div>
  585.                             </div>
  588.                             <div style="padding: 8px 0;">
  589.                                 <div class="sib-select sib-form-block" data-required="true">
  590.                                     <div class="form__entry entry_block">
  591.                                         <div class="form__label-row ">
  592.                                             <label class="entry__label"
  593.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  594.                                                 for="industry" data-required="*">
  595.                                                 Tipo de negocio
  596.                                             </label>
  597.                                             <div class="entry__field">
  598.                                             
  599.                                                 <select class="input" id="mauticform_input_formwebregister_industry" name="industry"  value=""  data-required="true" required>
  600.                                                                         <option value="" disabled selected hidden>Seleccioná tipo de negocio </option>                    
  601.                                                                         <option value="RESTAURANT">RESTAURANTE</option>                   
  602.                                                                         <option value="PIZZERIA">PIZZERIA</option>                   
  603.                                                                         <option value="SUSHI">SUSHI</option>                    
  604.                                                                         <option value="HELADERIA">HELADERIA</option>                    
  605.                                                                         <option value="TAQUERIA">TAQUERIA</option>                    
  606.                                                                         <option value="TIENDA DE BEBIDAS">BEBIDAS</option>                   
  607.                                                                         <option value="OTRO">OTRO</option>
  608.                                                 </select>
  609.      
  610.                                                 
  611.                                             </div>
  612.                                         </div>
  613.                                     </div>
  614.                                 </div>
  615.                             </div>
  617.                             
  618.                                 <div style="padding: 8px 0;">
  619.                                     <div class="sib-select sib-form-block" data-required="true">
  620.                                         <div class="form__entry entry_block">
  621.                                             <div class="form__label-row ">
  622.                                                 <label class="entry__label"
  623.                                                     style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  624.                                                     for="deliveryown" data-required="*">
  625.                                                     Tengo repartidores propio
  626.                                                 </label>
  627.                                                 <div class="entry__field">
  628.                                                 
  629.                                                     <select class="input" id="mauticform_formwebregister_deliveryown" name="deliveryown"  value=""  data-required="true" required>
  630.                                                         <option value="" disabled selected hidden>Seleccioná respuesta</option>                    
  631.                                                         <option value="SI">SI</option>                  
  632.                                                         <option value="NO">NO</option>
  633.                                                     </select>
  634.                                                 </div>
  635.                                             </div>
  636.                                         </div>
  637.                                     </div>
  638.                                 </div>
  640.                             <div style="padding: 8px 0;">
  641.                                 <div class="sib-input sib-form-block">
  642.                                     <div class="form__entry entry_block">
  643.                                         <div class="form__label-row ">
  644.                                             <label class="entry__label"
  645.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  646.                                                 for="email" data-required="*">
  647.                                                 Ingresá tu email
  648.                                             </label>
  650.                                             <div class="entry__field">
  651.                                                 <input class="input" type="text" id="email" name="email"
  652.                                                     autocomplete="off" placeholder="mail@gmail.com" data-required="true"
  653.                                                     required />
  654.                                             </div>
  655.                                         </div>
  656.                                     </div>
  657.                                 </div>
  658.                             </div>
  659.                             <div style="padding: 8px 0;">
  660.                                 <div class="sib-input sib-form-block">
  661.                                     <div class="form__entry entry_block">
  662.                                         <div class="form__label-row ">
  663.                                             <label class="entry__label"
  664.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  665.                                                 for="phone" data-required="*">
  666.                                                 Télefono
  667.                                             </label>
  669.                                             <div class="entry__field"
  670.                                                 style="border: 0px solid #c0ccda;text-align: left;">
  671.                                                 <input id="phone" type="tel" name="phone" required />
  672.                                             </div>
  673.                                         </div>
  674.                                     </div>
  675.                                 </div>
  676.                             </div>
  677.                             <div style="padding: 8px 0;">
  678.                                 <div class="sib-input sib-form-block">
  679.                                     <div class="form__entry entry_block">
  680.                                         <div class="form__label-row ">
  681.                                             <label class="entry__label"
  682.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  683.                                                 for="schedule_day" data-required="*">
  684.                                                 Horario que preferís que nos comuniquemos
  685.                                             </label>
  686.                                             <div class="entry__field">
  687.                                                 <input class="input" maxlength="200" type="text" id="schedule_day" name="schedule_day"
  688.                                                     autocomplete="off" placeholder="¿ En que día y horario te podemos llamar ? " data-required="true"
  689.                                                     required />
  690.                                             </div>
  691.                                         </div>
  692.                                     </div>
  693.                                 </div>
  694.                             </div>
  695.                             
  697.                             <div style="padding: 8px 0;">
  698.                                 <div class="sib-input sib-form-block">
  699.                                     <div class="form__entry entry_block">
  700.                                         <div class="form__label-row ">
  701.                                             <label class="entry__label"
  702.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  703.                                                 for="city" data-required="*">
  704.                                                 Ingresá tu ciudad
  705.                                             </label>
  706.                                             <div class="entry__field">
  707.                                                 <input class="input" maxlength="200" type="text" id="city" name="city"
  708.                                                     autocomplete="off" placeholder="Ciudad" data-required="true"
  709.                                                     required />
  710.                                             </div>
  711.                                         </div>
  712.                                     </div>
  713.                                 </div>
  714.                             </div>
  715.                             <div style="padding: 8px 0;">
  716.                                 <div class="sib-select sib-form-block" data-required="true">
  717.                                     <div class="form__entry entry_block">
  718.                                         <div class="form__label-row ">
  719.                                             <label class="entry__label"
  720.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  721.                                                 for="country" data-required="*">
  722.                                                 Pais
  723.                                             </label>
  724.                                             <div class="entry__field">
  725.                                                 <select class="input" id="country" name="country" data-required="true"
  726.                                                     required>
  727.                                                     <option value="" disabled selected hidden>Seleccioná un pais
  728.                                                     </option>
  730.                                                     <option class="sib-menu__item" value="Argentina">
  731.                                                         ARGENTINA
  732.                                                     </option>
  733.                                                     <option class="sib-menu__item" value="Bolivia">
  734.                                                         BOLIVIA
  735.                                                     </option>
  736.                                                     <option class="sib-menu__item" value="Chile">
  737.                                                         CHILE
  738.                                                     </option>
  739.                                                     <option class="sib-menu__item" value="Colombia">
  740.                                                         COLOMBIA
  741.                                                     </option>
  742.                                                     <option class="sib-menu__item" value="Ecuador">
  743.                                                         ECUADOR
  744.                                                     </option>
  745.                                                     <option class="sib-menu__item" value="Uruguay">
  746.                                                         URUGUAY
  747.                                                     </option>
  748.                                                     <option class="sib-menu__item" value="Mexico">
  749.                                                         MEXICO
  750.                                                     </option>
  751.                                                     <option class="sib-menu__item" value="Peru">
  752.                                                         PERU
  753.                                                     </option>
  754.                                                     <option class="sib-menu__item" value="Paraguay">
  755.                                                         PARAGUAY 
  756.                                                     </option>
  757.                                                     <option class="sib-menu__item" value="Otro Pais">
  758.                                                         OTRO PAIS
  759.                                                     </option>
  760.                                                 </select>
  761.                                             </div>
  762.                                         </div>
  763.                                     </div>
  764.                                 </div>
  765.                             </div>
  767.                             <div style="padding: 8px 0;">
  768.                                 <div class="sib-input sib-form-block">
  769.                                     <div class="form__entry entry_block">
  770.                                         <div class="form__label-row ">
  771.                                             <label class="entry__label"
  772.                                                 style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;"
  773.                                                 for="notes" data-required="*">
  774.                                                 Mensaje
  775.                                             </label>
  777.                                             <div class="entry__field">
  778.                                                 <textarea id="notes" name="notes" style="overflow:auto;resize:none"
  779.                                                     rows="2" class="input" maxlength="60" id="NOTES" name="NOTES"
  780.                                                     autocomplete="off"
  781.                                                     placeholder="¿ Qué estás buscando ?  ¿ Qué esperas de un sistema de pedidos online ? "
  782.                                                     data-required="true" required></textarea>
  783.                                             </div>
  784.                                         </div>
  785.                                     </div>
  786.                                 </div>
  787.                             </div>
  788.  
  789.                             <input id="source" type="hidden" name="source" value="">
  790.                             <input id="utm_source" type="hidden" name="utm_source" value="">
  791.                             <input id="utm_medium" type="hidden" name="utm_medium" value="">
  792.                             <input id="utm_campaign" type="hidden" name="utm_campaign" value="">
  793.                             <input id="utm_content" type="hidden" name="utm_content" value="">
  794.                             <input id="utm_term" type="hidden" name="utm_term" value="">
  795.                       
  796.                             <div style="padding: 8px 0;">
  797.                                 <div class="sib-form-block"
  798.                                     style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;">
  799.                                     <div class="sib-text-form-block">
  800.                                         <p><br></p>
  801.                                     </div>
  802.                                 </div>
  803.                             </div>
  805.                             <div id="successRegister" class="alert alert-success" style="display: none"></div>
  806.                             <div class="alert alert-error" style="display: none"></div>
  808.                             <button class="theme-btn btn-style-two" type="submit" name="submit-form">ENVIAR <span
  809.                                     class="icon flaticon-next-3"></span></button>
  810.                     </div>
  811.                     </form>
  812.                 </div>
  813.             </div>
  814.         </div>
  815.     </div>
  816.     </div>
  818.  
  819. </div>
  821. </section>
  823. {# DIALOG MODAL #}
  824. <div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-labelledby="smallModal" aria-hidden="true">
  825.     <div class="modal-dialog modal-lg">
  826.         <div class="modal-content">
  827.             <div class="modal-header">
  828.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  829.                 <h4 class="modal-title" id="myModalLabel">Aviso</h4>
  830.             </div>
  831.             <div id="bodyDialog" class="modal-body"></div>
  832.             <div class="modal-footer">
  833.                 <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
  834.             </div>
  835.         </div>
  836.     </div>
  837. </div>
  839. <div class="modal fade" id="scheduleMetting" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
  840.     <div class="modal-dialog modal-lg">
  841.         <div class="modal-content">
  842.             <div class="modal-header">
  843.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  844.                 <h4 class="modal-title" id="myModalLabel">Agendá una Demo Gratuita</h4>
  845.             </div>
  846.                 <div class="modal-body">
  847.                     <p>Muchas gracias por completar el formulario. En breve nos estaremos contactando contigo.</p>
  848.                     <b>Si deseas directamente agendar una demo totalmente Gratuita por que sabés que nuestro software es para vos. Dale click al botón y ahorrá tiempo:</b>
  849.                     <br>
  850.                     <a class="theme-btn btn-style-four" href="https://calendly.com/pedidosfree/30min" >Agendar Reunion <span class="icon flaticon-next-3"></span></a>
  851.                 </div>
  852.             <div class="modal-footer">
  853.                 <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
  854.             </div>
  855.         </div>
  856.     </div>
  857. </div>
  861. {% endblock %}