SitioWebRake/footer.html

<!-- <script>
    grecaptcha.ready(function() {
        grecaptcha.execute('6LcCmZ8UAAAAAJrIb37Hk-AEOBnDeuNdTG_DS1yb', {
            action: 'homepage'
        }).then(function(token) {
            var recaptchaResponse = document.getElementById('recaptchaResponse');
            recaptchaResponse.value = token;

        });
    });
</script> -->
<!-- Start Suscrive Area -->
<div class="suscribe-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs=12">
                <div class="suscribe-text text-center">
                    <h3 class="text-center">Somos la mejor opción en Agro insumos</h3>
                    <!-- <a class="sus-btn" href="#">Get A quate</a> -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Suscrive Area -->
<!-- Start contact Area -->
<div class="contact-area" id="contact">
    <div class="contact-inner area-padding">
        <div class="contact-overly"></div>
        <div class="container ">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="section-headline text-center">
                        <h2>CONTÁCTANOS</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Start contact icon column -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="contact-icon text-center">
                        <div class="single-icon">
                            <i class="fa fa-mobile"></i>
                            <p>
                                Teléfono: (639) 688 17 17 <br>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Start contact icon column -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="contact-icon text-center">
                        <div class="single-icon">
                            <i class="fa fa-envelope-o"></i>
                            <p>
                                Email: marketing@rake.mx <br>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Start contact icon column -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="contact-icon text-center">
                        <div class="single-icon">
                            <i class="fa fa-map-marker"></i>
                            <p>
                                Calle Corredor Aeropuerto # 110 <br> Colonia Campo Aereo - Zona Terrazas 2 <br> 33029 Delicias, CHIH, México

                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">

                <!-- Start Google Map -->
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <!-- Start Map -->

                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14063.155017901561!2d-105.4463048!3d28.21373!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1d567dde8d2801c8!2sAgro+Insumos+Rake!5e0!3m2!1ses!2smx!4v1558026101417!5m2!1ses!2smx" width="100%"
                        height="380" frameborder="0" style="border:0" allowfullscreen></iframe>
                    <!-- End Map -->
                </div>
                <!-- End Google Map -->

                <!-- Start  contact -->
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <form id="signupForm1" method="post" class="form-row" action="">
                        <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
                        <div class="col-md-12">
                            <div class="form-group">
                                <select class="form-control inputs" data-msg="Elija una opción de la lista" id="asunto" name="asunto" required>
                                               <option value="">¿Cómo podemos ayudarte?</option>
                                               <option value="Bodegas" >Bodegas</option>
                                               <option value="Asesoría técnica">Asesoría técnica</option>
                                               <option value="Producto">Productos</option>
                                               <option value="Otro">Otro</option>
                                    </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <!-- <label class="col-sm-4 control-label" for="firstname1">First name</label> -->
                                <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <!-- <label class="col-sm-4 control-label" for="lastname1">Last name</label> -->
                            <div class="form-group">
                                <input type="text" class="form-control" id="apellidos" name="apellidos" placeholder="Apellidos" />
                            </div>
                        </div>


                        <div class="col-md-12">
                            <!-- <label class="col-sm-4 control-label" for="email1">Email</label> -->
                            <div class="form-group">
                                <input type="text" class="form-control" id="empresa" name="empresa" placeholder="Empresa" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <!-- <label class="col-sm-4 control-label" for="email1">Email</label> -->
                            <div class="form-group">
                                <input type="text" class="form-control" id="correo" name="correo" placeholder="Corre electrónico" />
                            </div>
                        </div>

                        <div class="col-md-6">
                            <!-- <label class="col-sm-4 control-label" for="password1">Password</label> -->
                            <div class="form-group">
                                <input type="text" class="form-control" id="numero" name="numero" placeholder="Teléfono" />
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <textarea class="comentarios" id="comentarios" placeholder="Comentarios" name="comentarios" rows="1"></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="checkbox">
                                    <!-- <label>
                                        <input type="checkbox" id="agree1" name="agree1" value="agree" />Please agree to our policy
                                    </label> -->
                                    <label><input class="check" id="agree1" type="checkbox" name="agree1" value="agree">  Acepto términos y condiciones</label>

                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="text-center"><button class="botonEnviar" type="submit">Enviar</button></div>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- End Left contact -->
            </div>
        </div>
    </div>
</div>
<!-- End Contact Area -->

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="col-md-6 text-left pad-re">
                    <p id="fecha">
                    </p>
                </div>
                <div class="col-md-3"></div>
                <div class="col-md-6 text-right pad">
                    <p>
                        Desarrollado y administrado por
                        <a href="http://ittec.mx/">
                            <img src="img/ittec.png" width="80px">
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var dt = new Date();
    var anio = dt.getFullYear();
    document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';

    $.validator.setDefaults({
        submitHandler: function() {
            // alert("submitted!");
        }
    });



    $("#signupForm1").validate({
        rules: {
            nombre: "required",
            apellidos: "required",
            empresa: "required",
            numero: {
                required: true,
                minlength: 10,
                maxlength: 10,
                number: true
            },
            correo: {
                required: true,
                email: true
            },
            agree1: "required"
        },
        messages: {
            nombre: "Introduce tu nombre",
            apellidos: "Introduce tu apellido",
            empresa: "Introduce tu empresa",
            numero: {
                required: "Introduce tu número",
                minlength: "Tiene que tener 10 dígitos",
                maxlength: "Tiene que tener 10 dígitos"
            },
            correo: "Introduce un correo electrónico válido",
            agree1: "Acepta los términos y condiciones"
        },
        errorElement: "em",
        errorPlacement: function(error, element) {
            // Add the `help-block` class to the error element
            error.addClass("help-block");

            // Add `has-feedback` class to the parent div.form-group
            // in order to add icons to inputs
            element.parents(".form-group").addClass("has-feedback");
            if (element.prop("type") === "checkbox") {
                error.insertAfter(element.parent("label"));
            } else {
                error.insertAfter(element);
            }

            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!element.next("span")[0]) {
                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
            }
        },
        success: function(label, element) {
            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!$(element).next("span")[0]) {
                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
            }
        },
        highlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");

            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
        }
    });
    $('#signupForm1').submit(function(e) {
        e.preventDefault();
        var form = $("#signupForm1");
        if (form.valid()) {

            var url = "shared/enviarCorreo.php";
            $.ajax({
                type: "POST",
                url: url,
                data: $("#signupForm1").serialize(),
                success: function(data) {
                    // console.log(data);
                    //$("#respuesta").html(data);

                    var response = JSON.parse(data);
                    if (response.success) {
                        swal("Datos enviados correctamente", response.mensaje, "success");
                        $("#signupForm1").trigger("reset");
                    } else {
                        swal("Se ha producido un error", response.mensaje, "error");
                    }
                    // $('#loader').hide();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    swal("Se ha producido un error", "No se han podido enviar los dato, Error: " + errorThrown + " ", "error");
                    // $('#loader').hide();
                }
            });
            // $('#enviar').show(); 
            // $('#loader').hide();
        }
    });

    $("#formAsesoria").validate({
        rules: {
            nombreAsesoria: "required",
            apellidosAsesoria: "required",
            empresaAsesoria: "required",
            numeroAsesoria: {
                required: true,
                minlength: 10,
                maxlength: 10,
                number: true
            },
            correoAsesoria: {
                required: true,
                email: true
            },
            terminosAsesoria: "required"
        },
        messages: {
            nombreAsesoria: "Introduce tu nombre",
            apellidosAsesoria: "Introduce tu apellido",
            empresaAsesoria: "Introduce tu empresa",
            numeroAsesoria: {
                required: "Introduce tu número",
                minlength: "Tiene que tener 10 dígitos",
                maxlength: "Tiene que tener 10 dígitos"
            },
            correoAsesoria: "Introduce un correo electrónico válido",
            fecha1: {
                required: "Introduce una fecha"
            },
            hora1: {
                required: "Introduce una hora",
                max: "Tiene que ser antes de las 17:00 hrs",
                min: "Tiene que ser después de las 9:00 hrs"
            },
            fecha2: {
                required: "Introduce una fecha"
            },
            hora2: {
                required: "Introduce una hora",
                max: "Tiene que ser antes de las 17:00 hrs",
                min: "Tiene que ser después de las 9:00 hrs"
            },
            fecha3: {
                required: "Introduce una fecha"
            },
            hora3: {
                required: "Introduce una hora",
                max: "Tiene que ser antes de las 17:00 hrs",
                min: "Tiene que ser después de las 9:00 hrs"
            },
            terminosAsesoria: "Acepta los términos y condiciones"

        },
        errorElement: "em",
        errorPlacement: function(error, element) {
            // Add the `help-block` class to the error element
            error.addClass("help-block");
            // Add `has-feedback` class to the parent div.form-group
            // in order to add icons to inputs
            element.parents(".form-group").addClass("has-feedback");
            if (element.prop("type") === "checkbox") {
                error.insertAfter(element.parent("label"));
            } else {
                error.insertAfter(element);
            }

            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!element.next("span")[0]) {
                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
            }
        },
        success: function(label, element) {
            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!$(element).next("span")[0]) {
                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
            }
        },
        highlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");

            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
        }
    });

    $('#formAsesoria').submit(function(e) {
        e.preventDefault();
        var form = $("#formAsesoria");
        if (form.valid()) {
            // console.log("holaaa");

            var url = "shared/enviarCorreoAsesoria.php";
            $.ajax({
                type: "POST",
                url: url,
                data: $("#formAsesoria").serialize(),
                success: function(data) {
                    // console.log(data);
                    // console.log('<?php echo json_encode($_POST); ?>');
                    //$("#respuesta").html(data);

                    var response = JSON.parse(data);
                    if (response.success) {
                        swal("Datos enviados correctamente", response.mensaje, "success");
                        $("#formAsesoria").trigger("reset");
                    } else {
                        swal("Se ha producido un error", response.mensaje, "error");
                    }
                    // $('#loader').hide();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    swal("Se ha producido un error", "No se han podido enviar los dato, Error: " + errorThrown + " ", "error");
                    // $('#loader').hide();
                }
            });
            // $('#enviar').show(); 
            // $('#loader').hide();
        }
    });

    $("#formBolsa").validate({
        rules: {
            nombreBolsa: "required",
            apellidosBolsa: "required",
            numeroBolsa: {
                required: true,
                minlength: 10,
                maxlength: 10,
                number: true
            },
            correoBolsa: {
                required: true,
                email: true
            },
            codigoPostal: {
                required: true,
                minlength: 1,
                maxlength: 20,
                number: true
            },
            ciudadBolsa: "required",
            pais: "required",
            terminosBolsa: "required"
        },
        messages: {
            nombreBolsa: "Introduce tu nombre",
            apellidosBolsa: "Introduce tu apellido",
            numeroBolsa: {
                required: "Introduce tu número",
                minlength: "Tiene que tener 10 dígitos",
                maxlength: "Tiene que tener 10 dígitos"
            },
            correoBolsa: "Introduce un correo electrónico válido",
            codigoPostal: {
                required: "Introduce tu código postal",
                minlength: "Introduce un código póstal válido",
                maxlength: "Introduce un código postal válido"
            },
            ciudadBolsa: "Introduce tu ciudad",
            pais: "Introduce tu país",
            curriculum: "Adjunta tu Curriculum Vitae",
            carta: "Adjunta tu carta de presentación",
            terminosBolsa: "Acepta los términos y condiciones"

        },
        errorElement: "em",
        errorPlacement: function(error, element) {
            // Add the `help-block` class to the error element
            error.addClass("help-block");
            // Add `has-feedback` class to the parent div.form-group
            // in order to add icons to inputs
            element.parents(".form-group").addClass("has-feedback");
            if (element.prop("type") === "checkbox") {
                error.insertAfter(element.parent("label"));
            } else {
                error.insertAfter(element);
            }

            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!element.next("span")[0]) {
                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
            }
        },
        success: function(label, element) {
            // Add the span element, if doesn't exists, and apply the icon classes to it.
            if (!$(element).next("span")[0]) {
                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
            }
        },
        highlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");
            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
        }
    });

    $('#formBolsa').submit(function(e) {
        e.preventDefault();

        var form = $("#formBolsa");
        var formData = new FormData(this);

        if (form.valid()) {

            var url = "shared/enviarCorreoBolsa.php";
            $.ajax({
                enctype: 'multipart/form-data',
                type: "POST",
                url: url,
                data: formData,
                processData: false,
                contentType: false,
                success: function(data) {
                    // console.log(data)
                    // $("#respuesta").html(data);
                    var response = JSON.parse(data);
                    // console.log(response);
                    if (response.success) {
                        swal("Datos enviados correctamente", response.mensaje, "success");
                        $("#formBolsa").trigger("reset");
                    } else {
                        swal("Se ha producido un error", response.mensaje, "error");
                    }
                    // $('#loader').hide();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    swal("Se ha producido un error", "No se han podido enviar los datos, Error: " + errorThrown + " ", "error");
                    // $('#loader').hide();
                }
            });
            // $('#enviar').show(); 
            // $('#loader').hide();
        }
    });
</script>