'<div> \ <form id="cotizationForm"> \ <div class="row component" style="display: none"> \ <div class="col-lg-6"> \ <label>Latitud</label> \ </div> \ <div class="col-lg-4"> \ <input type="text" name="LATITUD" value="'+ e.latlng.lat +'"> \ </div> \ </div> \ <div class="row component" style="display: none"> \ <div class="col-lg-6"> \ <label>Longitud</label> \ </div> \ <div class="col-lg-4"> \ <input type="text" name="LONGITUD" value="'+ e.latlng.lng +'"> \ </div> \ </div> \ <div id="step1" class="contentStep"> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Dirección</label> \ </div> \ <div class="col-lg-6"> \ <span>'+ dir.address.Address +' </span> \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Colonia</label> \ </div> \ <div class="col-lg-6"> \ <span>'+ dir.address.Neighborhood +' </span> \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Delegación</label> \ </div> \ <div class="col-lg-6"> \ <span>'+ dir.address.City +' </span> \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-5 col-lg-offset-7" style="text-align: center;"> \ <button type="button" onclick="toggleStep(\'step2\')">Siguiente</button> \ </div> \ </div> \ </div> \ <div id="step2" class="contentStep" style="display: none"> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Tipo de Inmueble</label> \ </div> \ <div class="col-lg-4"> \ <select name="CAT_TIPO_INMUEBLE" onchange="cat_tipo_inmueble()"> \ <option value="" selected disabled hidden></option> \ <option value= "1">Terreno</option> \ <option value= "2">Casa</option> \ <option value= "4">Departamento</option> \ </select > \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Clase de Inmueble</label> \ </div> \ <div class="col-lg-4"> \ <select name="CVE_CLASE_INMUEBLE" onchange="cve_clase_inmueble()"> \ <option value= "" selected disabled hidden></option> \ <option value= "3">Interés Social</option> \ <option value= "4">Media</option> \ <option value= "5">SemiLujo</option> \ <option value= "6">Residencial</option> \ </select > \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-7 col-lg-offset-5" style="padding-left:9px"> \ <button type="button" onclick="toggleStep(\'step1\')">Anterior</button> \ <button type="button" id="next" onclick="toggleStep(\'step3\')" disabled>Siguiente</button> \ </div> \ </div> \ </div> \ <div id="step3" class="contentStep" style="display: none"> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Antigüedad (años)</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="ANTIGUEDAD" min="0" max="69" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Metros Cuadrados contruídos</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="SUPERFICIE_VENDIBLE" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Metros Cuadrados del Terreno</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="SUPERFICIE_TERRENO" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Niveles de Contrucción</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="NUM_NIVELES" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-7 col-lg-offset-5" style="padding-left:9px"> \ <button type="button" onclick="toggleStep(\'step2\')">Anterior</button> \ <button type="button" onclick="toggleStep(\'step4\')">Siguiente</button> \ </div> \ </div> \ </div> \ <div id="step4" class="contentStep" style="display: none"> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Número de Estacionamientos</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="NUM_ESTACIONAMIENTOS" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Número de Recamaras</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="NUM_RECAMARAS" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Número de Baños Completos</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="NUM_BANOS" min="0" value="0" class="formNumber">\ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-6"> \ <label>Número de medios Baños</label> \ </div> \ <div class="col-lg-4"> \ <input type="number" name="NUM_MEDIO_BANOS" min="0" value="0" class="formNumber"> \ </div> \ </div> \ <div class="row component"> \ <div class="col-lg-7 col-lg-offset-5" style="padding-left:4px"> \ <button type="button" onclick="toggleStep(\'step3\')">Anterior</button> \ <button type="button" id="cotizationButton" value="Cotización" onclick="clickFunction()">Cotización</button> \ </div> \ </div> \ </div> \ </form> \ <div id="result" style="display: none"> \ </div> \ </div>';