</ iframe > </noscript> <!-- End Google Tag Manager(noscript) --> <article id="header" class="container-fluid"> <div> <div class="bg-secondary py-5"> <div class="container position-relative"> <div class="row"> <div class="col-12 col-md-6"> <p> <img src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/logo.svg" alt="Grupo Sancor Seguros" width="246" height="48" /> </p> </div> </div> <div class="z-1 position-absolute top-0 end-0 d-none d-md-block"> <div class="card" style="width: 30rem;"> <div class="card-body"> <div> <div class="container-fluid"> <div v-if="showForm" id="formAgro" v-on:vue:mounted="mounted"> <h5 class="text-center mb-4"><strong>Dejanos tus datos para cotizar tu cobertura</strong></h5> <form> <input name="__RequestVerificationToken" type="hidden" value="kx_9soNkXqoDX7dU4Pj3prrZ6EvdZOUcnj-M1YcjYEClewnCFdZHxYOZ8gr82Dy51_pS8FvZ86pv-wfouraWuTQNInKLEDSthGKnHJaWwKc1" /> <div class="row"> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="nameART">Nombre y apellido</label> <input id="nameART" name="name" type="text" v-model="name" class="form-control" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> </div> </div> <div class="col-md-12"> <div class="form-group mb-3"> <div class="row"> <label class="form-label" for="numberPhoneWriteUs">Número de teléfono / celular</label> <div class="col-4"> <div class="input-group"> <span class="input-group-text" id="areaCodeAddon">0</span> <input id="numberPhoneWriteUs" name="numberAreaCode" type="text" v-model="phoneCode" class="form-control" aria-describedby="areaCodeAddon" data-fv-regexp___message="La caracteristica solamente puede contener números." data-fv-regexp___regexp="^[0-9]+$" data-fv-regexp="true" data-fv-string-length___message="Por favor ingresá como máximo 100 caracteres." data-fv-string-length___max="100" data-fv-string-length="true" data-fv-not-empty="true" data-fv-field="numberAreaCode"> </div> </div> <div class="col-8"> <div class="input-group"> <span class="input-group-text" id="numberAddon">15</span> <input name="numberPhone" type="text" v-model="phoneNumber" class="form-control" aria-describedby="numberAddon" data-fv-regexp___message="El Número de teléfono / celular solamente puede contener números." data-fv-regexp___regexp="^[0-9]+$" data-fv-regexp="true" data-fv-string-length___message="Por favor ingresá como máximo 100 caracteres." data-fv-string-length___max="100" data-fv-string-length="true" data-fv-not-empty="true" data-fv-field="numberPhone"> </div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="emailContactART">Correo electrónico</label> <input id="emailContactART" name="emailContact" v-model="email" type="email" class="form-control" data-fv-string-length="true" data-fv-string-length___message="Por favor ingresá como máximo 150 caracteres." data-fv-string-length___max="150" data-fv-email-address="true" data-fv-not-empty="true"> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="messageWriteUs">Mensaje</label> <textarea id="messageWriteUs" name="message" v-model="message" type="text" class="form-control" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> </textarea> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="mb-2">Tildá el siguiente campo antes de enviar</label> <nf-recaptcha name="recaptcha"></nf-recaptcha> </div> </div> </div> <input type="hidden" name="as_sfid" value="AAAAAAWIZlocJNPfySmtmEtW747gJG2LyPw6ZfR5zjm8FlgaqGEMpDmwP6vklEmK54ZEB6ccGQm6PAdYCOGyf86HOsJ9x7y76s5oBpudQtV9M5LFniziSPuPB4TKyYMiliSSJtstkMg70gE7FXtNUEmD0nLloihhS_RFGEhMPg-7KVxs8A==" /><input type="hidden" name="as_fid" value="817a94241ccb62e30ad28630bad39aac4594b889" /></form> <div slot="footer"> <button v-on:click="validateForm" type="button" class="btn btn-secondary">Enviar</button> </div> </div> <div v-else> <h5 class="text-center mb-4 mt-4"> ¡Muchas gracias! En breve te estaremos contactando. </h5> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row mt-5 d-none d-md-block " style="height: 33rem;"> <div class="col-12 col-md-6"> <img src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/agro.png" alt="Grupo Sancor Seguros" width="80%" /> </div> </div> </div> </div> </article> <div class="bg-light bg-opacity-55 container-fluid"> <br /> <div id="carrousel"> <nf-swiper :data-columns="columns"> <nf-swiper-item v-for="item in items"> <div class="bg-white shadow-sm p-3 m-2 rounded-3 d-flex flex-column w-100"> <h4 class="text-center"><strong>{{item.title}}</strong></h4> <span v-if="item.subtitle !== ''"> {{item.subtitle}} </span> <ul class="list-unstyled"> <li v-for="sub in item.subItems"> <i class="fa fa-circle fa-xs text-secondary" aria-hidden="true"></i> {{sub}} </li> </ul> <span v-if="item.footer !== ''"> {{item.footer}} </span> </div> </nf-swiper-item> </nf-swiper> </div> <br /> </div> <div class="container"> <div class="row "> <div class="col-md-12 padding-top-double "> <div class="row"> <div class="col-md-12 text-center mt-5"> <h2 id="BENEFICIOS"><b>Nuestros beneficios</b></h2> </div> </div> <div class="row"> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-img="{ src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/pesificacion.svg', width: '100px', xsWidth: '150px', alt: 'pesificacion' }" data-shadow="false" data-orientation="vertical"> <div slot="title"> <strong class="fs-4">Pesificación</strong> </div> <div slot="text" class=" text-center"> <p>Podés pesificar tu seguro, estando asegurado en quintales o dólares, a través de Banco del Sol</p> </div> </nf-card> </div> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-img="{ src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/vouchers.svg', width: '100px', xsWidth: '150px', alt: 'Vouchers' }" data-shadow="false" data-orientation="vertical"> <div slot="title"> <strong class="fs-4">Vouchers</strong> </div> <div slot="text" class=" text-center"> <p>Contratando en precampaña podés cancelar cualquier otra póliza vigente, o contratar pólizas nuevas.</p> </div> </nf-card> </div> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-img="{ src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/soja.svg', width: '100px', xsWidth: '150px', alt: 'Soja' }" data-shadow="false" data-orientation="vertical"> <div slot="title"> <strong class="fs-4">Tu soja vale más</strong> </div> <div slot="text" class=" text-center"> <p>Podés pagar con tu cereal, con la ventaja exclusiva de nuestro programa de canje de granos </p> </div> </nf-card> </div> </div> <div class="row mt-5 mb-5"> <div class="col-md-12"> <nf-accordion id="accordion"> <nf-accordion-item :data-header="header"> <ul class="list-unstyled"> <li><i class="fa fa-circle fa-xs text-secondary" aria-hidden="true"></i> Monitoreo satelital: Monitoreo gratuito de tus cultivos asegurados.</li> <li> <i class="fa fa-circle fa-xs text-secondary" aria-hidden="true"></i> Programa Beneficia: Sumás puntos para canjear por importantes premios. </li> <li><i class="fa fa-circle fa-xs text-secondary" aria-hidden="true"></i> Adicional MERMA PLUS</li> <li><i class="fa fa-circle fa-xs text-secondary" aria-hidden="true"></i> Pagá la cobertura con tu grano</li> </ul> </nf-accordion-item> </nf-accordion> </div> </div> </div> </div> </div> <div class="bg-secondary"> <div class="container"> <div class="padding"> <div class="row"> <div class="container text-white"> <div class="row mt-5 mb-5" id="carbono"> <div class="col-xs-12 col-md-6"> <h2>Carbono + Seguro <i class="fa-solid fa-leaf fa-fw"></i></h2> <p> Nuevo servicio de calculo de carbono desarrollado en SANCOR SEGUROS AGRO. Con este dato podrás conocer el aporte de Carbono realizado por un cultivo al suelo luego de un evento climático. Este dato no solo te será de utilidad para ajustar tus practicas agrícolas, si no también para comenzar a generar una transición hacia un sistema sustentable de producción. </p> <br /> <h2>Beneficio exclusivo</h2> <p> Si tenés tu póliza de granizo contratada en SANCOR SEGUROS y además sos Productor Procarbono de BAYER, podés canjear tus puntos Beneficia por los premios de ORBIA, y se te acreditará el doble de puntos. </p> <br /> <a href="https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/REPORTE_CARBONO_SS_2023.pdf" target="_blank" download class="bg-white text-secondary btn btn-secondary w-auto float-end mb-5">Ver Reporte</a> </div> <div class="col-xs-12 col-md-6"> <h2>¿Qué te recomendamos para una buena gestión de huella de carbono?</h2> <div class="row"> <nf-card :data-img="imgSiembra" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-title="textSiembra" data-shadow="false"> </nf-card> <nf-card :data-img="imgCoberturas" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-title="textCoberturas" data-shadow="false"> </nf-card> <nf-card :data-img="imgManejo" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-title="textManejo" data-shadow="false"> </nf-card> <nf-card :data-img="imgBiodiversidad" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-title="textBiodiversidad" data-shadow="false"> </nf-card> </div> </div> </div> </div> </div> </div> </div> </div> <div class="bg-light bg-opacity-55 "> <div class="container"> <div class="padding"> <div class="row"> <div class="container mb-4"> <div class="col-sm-12 text-center"> <h3 class="mt-5"><strong>Productos</strong></h3> </div> <div class="row" id="productos"> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-bg-color="bg-white" :data-img="img1" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-text="textGranizo"> </nf-card> </div> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-bg-color="bg-white" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-text="textSequia" :data-img="imgSequia"> </nf-card> </div> <div class="col-12 col-md-4 align-items-center mb-3"> <nf-card data-bg-color="bg-white" :data-orientation="orientation" :data-preserve-orientation="preserveOrientation" :data-text="textGanado" :data-img="imgGanado"> </nf-card> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row mt-5 mb-5 bg-white"> <div class="col-12 text-center "> <img src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/marca-GSS.svg" alt="Grupo Sancor Seguros" width="246" height="48" /> </div> </div> </div> <div class="d-block d-md-none"> <nf-float-button id="floatButton" :data-style="style" :data-align="align" :data-action="action" :data-label="label" data-show-on-scroll=false> </nf-float-button> </div> <nf-modal id="modalAgro" data-size="lg" data-title=""> <div slot="body"> <div class="container-fluid"> <div v-if="showForm" id="formAgroModal" v-on:vue:mounted="mounted"> <h5 class="text-center mb-4"><strong>Dejanos tus datos para cotizar tu cobertura</strong></h5> <form method=""> <input name="__RequestVerificationToken" type="hidden" value="pTJa5JqLI2C10McBe-m1e2zU4PealONxDN4ioJNRxsG3Op4-ZRGyE8diM48ZeNJ6k4w1cIhWABAdGsXNJ6Mm5RijQhnB7mcFequm_PXe8V01" /> <div class="row"> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="nameART">Nombre y apellido</label> <input id="nameART" name="name" type="text" v-model="name" class="form-control" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> </div> </div> <div class="col-md-12"> <div class="form-group mb-3"> <div class="row"> <label class="form-label" for="numberPhoneWriteUs">Número de teléfono / celular</label> <div class="col-4"> <div class="input-group"> <span class="input-group-text" id="areaCodeAddon">0</span> <input id="numberPhoneWriteUs" name="numberAreaCode" type="text" v-model="phoneCode" class="form-control" aria-describedby="areaCodeAddon" data-fv-regexp___message="La caracteristica solamente puede contener números." data-fv-regexp___regexp="^[0-9]+$" data-fv-regexp="true" data-fv-string-length___message="Por favor ingresá como máximo 100 caracteres." data-fv-string-length___max="100" data-fv-string-length="true" data-fv-not-empty="true" data-fv-field="numberAreaCode"> </div> </div> <div class="col-8"> <div class="input-group"> <span class="input-group-text" id="numberAddon">15</span> <input name="numberPhone" type="text" v-model="phoneNumber" class="form-control" aria-describedby="numberAddon" data-fv-regexp___message="El Número de teléfono / celular solamente puede contener números." data-fv-regexp___regexp="^[0-9]+$" data-fv-regexp="true" data-fv-string-length___message="Por favor ingresá como máximo 100 caracteres." data-fv-string-length___max="100" data-fv-string-length="true" data-fv-not-empty="true" data-fv-field="numberPhone"> </div> </div> </div> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="emailContactART">Correo electrónico</label> <input id="emailContactART" name="emailContact" v-model="email" type="email" class="form-control" data-fv-string-length="true" data-fv-string-length___message="Por favor ingresá como máximo 150 caracteres." data-fv-string-length___max="150" data-fv-email-address="true" data-fv-not-empty="true"> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="form-label" for="messageWriteUs">Mensaje</label> <textarea id="messageWriteUs" name="message" v-model="message" type="text" class="form-control" data-fv-not-empty="true" data-fv-not-empty___message="Por favor ingresá un valor"> </textarea> </div> </div> <div class="col-xs-12"> <div class="form-group mb-3"> <label class="mb-2">Tildá el siguiente campo antes de enviar</label> <nf-recaptcha></nf-recaptcha> </div> </div> </div> <input type="hidden" name="as_sfid" value="AAAAAAWVQX7Cn3p1j_JSoY897BExsBVP1Ch7xOyd7f73EOE7vatg_TPd0XiuYWyh5nJOXQjPmK2qfJ7x1wBcoQ8WAkJEtzAinMyPOP0TNXjoRjcMkePboltCaYLQQZ5SSsbz-MGdFWnK0sgdfn33U25V1AY0T-vacHwj5aBLpkdpgMc8TQ==" /><input type="hidden" name="as_fid" value="9234678e14c30b9f8756e1a5c9ffef50fa1a0dba" /></form> <div slot="footer"> <button v-on:click="validateFormModal" type="button" class="btn btn-secondary">Enviar</button> </div> </div> <div v-else> <h5 class="text-center mb-4 mt-4"> ¡Muchas gracias! En breve te estaremos contactando. </h5> </div> </div> </div> </nf-modal> <footer itemscope itemtype="http://schema.org/WPFooter" class="bg-light"> <meta itemprop="name" content="Sancor Seguros Footer" /> </br> <div id="greysection" class="custom-bg-color gray-lighter custom-padding"> <div id="containerSection" class="container"> <div class="row"> <div class="col-md-3 col-xs-5"> <h5 class="margin-none">N° de Inscripción de SSN</h5> <h5 class="margin-none">0224</h5> </div> <div class="col-md-1 col-xs-2 text-center d-none d-md-block"> <img class="" src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/ssn-info-divisor.png" alt=""> </div> <div class="col-md-3 col-xs-12"> <h5 class="margin-none">Organismo de control</h5> <h5 class="margin-none">www.argentina.gob.ar/ssn</h5> </div> <div class="col-md-1 d-none d-md-block"> <img class="" src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/ssn-info-divisor.png" alt=""> </div> <div class="col-md-3 col-xs-6 col-xs-offset-3 col-md-offset-0"> <img class="img-responsive" src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/logo_SSN.png" alt=""> </div> </div> <h6 class="mt-2">La entidad aseguradora dispone de un Servicio de Atención al Asegurado que atenderá las consultas y reclamos que presenten los tomadores de seguros, asegurados, beneficiarios y/o derechohabientes.</h6> <h6 class="margin-none">El Servicio de Atención al Asegurado está integrado por:</h6> <h6 class="margin-none">RESPONSABLE: Calle, Graciela – Tel.: 03493-428500 – Int.: 53070 – SAA@sancorseguros.com</h6> <h6 class="margin-none">SUPLENTE: Barolo, Mariela – Tel.: 03493-428500 – Int.: 53120 – SAA@sancorseguros.com</h6> <div class="row"> <div class="col-md-10 col-sm-8 col-xs-6"> <h6>En caso de que existiera un reclamo ante la entidad aseguradora y que el mismo no haya sido resuelto o haya sido desestimado, total o parcialmente, o que haya sido denegada su admisión, podrá comunicarse con la Superintendencia de Seguros de la Nación por teléfono al 0800-666-8400, correo electrónico a consultas@ssn.gob.ar o formulario disponible en la página argentina.gob.ar/ssn</h6> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <div class="text-right"> <div class="text-right"> <a href="http://qr.afip.gob.ar/?qr=rKUA9TMch82os_-teqJUQQ,," target="_blank"><img src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/logo-QR.png" alt="Data Fiscal" width="37" height="50"></a> <a onclick="ga('send', 'event', 'Clics', 'Externo','Clic-PDP-Footer' );" href="https://www.argentina.gob.ar/aaip/datospersonales/reclama/30500049460--RL-2019-108371979-APN-DNPDP#AAIP"> <img src="https://corporate-site-content.gruposancorseguros.com/SSA/Content/logo-PDP.jpg" alt="AAIP RNBD" style="width:55px;height:71px;border:0;"> </a> </div> </div> </div> </div> </div> </div> </footer> <script type="module"> NFI( { columns: 3, items: [ { title: 'Pack Sequía Max ', subItems: ["Granizo Tradicional", "Seguro Paramétrico"], subtitle: '', footer: '', }, { title: 'Pack Tradicional Fina', subItems: ["Granizo", "Incendio", "Vientos", "Heladas", "Incendio para Rastrojo", "Merma de rendimiento**"], subtitle: '', footer: '', }, { title: 'Pack Tradicional Gruesa', subItems: ["Granizo", "Incendio", "Vientos", "Heladas", "Incendio Rastrojo", "Daño Total 90%*", "Resiembra del 50%", "Merma de rendimiento** "], subtitle: '', footer: '', }, { title: 'Pack Premium Gruesa', subItems: ["Granizo", "Incendio", "Vientos", "Heladas", "Incendio Rastrojo", "Daño Total 90%*", "Resiembra del 100%", "Merma de rendimiento** ", "Planchado"], subtitle: '', footer: '', }, { title: 'Pack Doble Cultivo', subtitle: '*Trigo/Cebada+Soja/Maíz (En el mismo lote)', subItems: ["Granizo", "Incendio", "Viento B (fina) ", "Heladas B (fina)", "Planchado (gruesa)", "Incendio para Rastrojo", "Resiembra 50% (gruesa)", "Merma de Rendimiento (ambos cultivos) ** ", "Reintegro gastos de siembra (fina)"], footer: '', }, { title: 'Pack Campaña Completa', subtitle: '', subItems: ["Granizo", "Incendio", "Viento B (fina) ", "Heladas B (fina)", "Incendio para Rastrojo", "Reintegro gastos de siembra (fina)", "Resiembra 50% (gruesa)", "Planchado (gruesa)"], footer: '*Pagás tus cultivos de invierno con tus cultivos de verano en Mayo de 2024' }, ], preserveOrientation: true, orientation: 'vertical', img: { src: "https://natalfwk.gruposancorseguros.com/nf-institucional/3.0.1/doc/imgs/item1-600x450.jpg", width: "100px", alt: "Icono", } }, '#carrousel'); NFI( { preserveOrientation: true, orientation: 'horizontal', textGranizo: '<h3><strong>Granizo</strong></h3><p>Las mejores coberturas para proteger tus cultivos de riesgos climáticos que puedan afectar la producción.</p>', img1: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/granizo.png', width: '100px', xsWidth: '150px', alt: 'Soja' }, textSequia: '<h3><strong>Sequía Max</strong></h3><p>Seguro paramétrico para proteger tus cultivos, y en caso de siniestro, indemnizar sin denuncia o peritaje.</p>', imgSequia: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/sequia.png', width: '100px', xsWidth: '150px', alt: 'Granizo' }, textGanado: '<h3><strong>Ganado</strong></h3><p>Abarca vacas de cría, bovino de engorde, feed lot, pedigree, vacas de tambo, equinos y porcinos.</p> ', imgGanado: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/ganado.png', width: '100px', xsWidth: '150px', alt: 'Ganado' } }, '#productos'); NFI( { preserveOrientation: true, orientation: 'horizontal', textSiembra: '<h5 class="text-white"><strong>Siembra directa y rotación de cultivos</strong></h5>', imgSiembra: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/huella-siembra.svg', width: '75px', xsWidth: '125px', alt: 'siembra' }, textCoberturas: '<h5 class="text-white"><strong>Uso de coberturas vegetales</strong></h5>', imgCoberturas: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/huella-coberturas.svg', width: '75px', xsWidth: '125px', alt: 'coberturas' }, textManejo: '<h5 class="text-white"><strong>Manejo de rastrojos y efluentes</strong></h5>', imgManejo: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/huella-manejo.svg', width: '75px', xsWidth: '125px', alt: 'manejo' }, textBiodiversidad: '<h5 class="text-white"><strong>Conservación de la biodiversidad</strong></h5>', imgBiodiversidad: { src:'https://corporate-site-content.gruposancorseguros.com/SSA/Content/AgroPacks/huella-biodiversidad.svg', width: '75px', xsWidth: '125px', alt: 'biodiversidad' }, }, '#carbono'); NFI({ label: "Quiero que me contacten", style: "btn-secondary btn-sm", align: "bottom center", action: function (action) { document.querySelector("#modalAgro").modal.show(); }, }, '#floatButton'); NFI({ header: 'Ver más beneficios' }, '#accordion'); </script> <script type="module"> NFI({ showForm: true, name: null, phoneCode: null, phoneNumber: null, message: null, email: null, recaptcha: null, $form: null, mounted() { this.$form = document.querySelector('#formAgro'); NFI.Validation.init(this.$form); }, validateForm() { NFI.Validation.validate(this.$form).then((validation) => { if (validation === 'Valid') { this.sendForm() } else { dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorUsuario' }); } }); }, sendForm() { var data = { ['NombreCompleto']: this.name, ['Telefono']: `${this.phoneCode}${this.phoneNumber}`, ['Mensaje']: this.message, ['CorreoElectronico']: this.email, ['Response']: document.querySelector("#formAgro textarea[name='g-recaptcha-response']").value, } fetch('/api/AgroPack', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-with': 'xmlhttprequest', '_RequestVerificationToken': document.querySelector("#formAgro input[name='__RequestVerificationToken']").value }, body: JSON.stringify(data) }) .then((resp) => { this.showForm = false; dataLayer.push({ 'event': 'contactoFormulario', 'resultado': resp.ok ? 'OK' : 'errorServidor' }); }) .catch(() => { NFI.Notification.show({ type: 'danger', title: 'Error', content: "No hemos podido enviar tu solicitud, intentá nuevamente mas tarde", delay: 5000, autohide: true, }); dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorServidor' }); }) } }, '#formAgro'); NFI({ showForm: true, name: null, phoneCode: null, phoneNumber: null, message: null, email: null, $form: null, mounted() { this.$form = document.querySelector('#formAgroModal'); NFI.Validation.init(this.$form); }, validateFormModal() { NFI.Validation.validate(this.$form).then((validation) => { if (validation === 'Valid') { this.sendForm() } else { dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorUsuario' }); } }); }, sendForm() { var data = { ['NombreCompleto']: this.name, ['Telefono']: `${this.phoneCode}${this.phoneNumber}`, ['Mensaje']: this.message, ['CorreoElectronico']: this.email, ['Response']: document.querySelector("#formAgroModal textarea[name='g-recaptcha-response']").value, } fetch('/api/AgroPack', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-with': 'xmlhttprequest', '_RequestVerificationToken': document.querySelector("#formAgro input[name='__RequestVerificationToken']").value }, body: JSON.stringify(data) }) .then((resp) => { this.showForm = false; dataLayer.push({ 'event': 'contactoFormulario', 'resultado': resp.ok ? 'OK' : 'errorServidor' }); }) .catch(() => { NFI.Notification.show({ type: 'danger', title: 'Error', content: "No hemos podido enviar tu solicitud, intentá nuevamente mas tarde", delay: 5000, autohide: true, }); dataLayer.push({ 'event': 'contactoFormulario', 'resultado': 'errorServidor' }); }) } }, '#formAgroModal'); </script> </body> </html>