<?php
  $Position = "../";
  require_once($Position.'config/config.php');
	require_once($Position.'config/conexion.php');
  $Pagina   = 1;
  $Menu     = 1;

?>
<!doctype html>
<html lang="en">
  <?php require_once($Position.'head.php'); ?>
  <!--<body class="pace-on pace-squares">-->
  <body>

    <?php require_once($Position.'whatsapp-globe.php'); ?>

    <!--<div class="pace-overlay"></div>-->
    <?php require_once($Position.'header.php'); ?>

    <!-- TopPad -->
    <section class="TopPad">
    </section>
    <!-- End TopPad -->

    <section
      class="section"
      style="
        background-color: #e1e1e1;
        padding-top: 10em;
      "
    >
      <div
        class="SectionIn1"
      >
        <div class="container">
          <div class="row">

            <div class="col-sm-12 col-md-7 col-lg-7">
              <h2
                class="TxtC1"
              >
                Estamos para ti.
              </h2>
              <!-- <hr
                style="
                  border-bottom: 3px solid #000;
                  border-top: 0px;
                "
              > -->
              <p class="TxtC2">
                Si necesitas que nos pongamos en contacto contigo para proporcionarte toda la información de nuestros desarrollos.
                <br><br>
                Llena el siguiente formulario<br>y un ejecutivo se pondrá en contacto.
              </p>

              <form
                class="FormCont"
                method="post"
                enctype="multipart/form-data"
                id="Formulario-Contenedor"
              >

                <!-- Nombre -->
                <div class="form-group">
                  <!-- <label>Nombre</label> -->
                  <input
                    placeholder="Nombre"
                    class="form-control"
                    name="nom"
                    data-required="true"
                  />
                </div>
                <!-- End Nombre -->

                <!-- Numero -->
                <div class="form-group">
                  <!-- <label>Número</label> -->
                  <input
                    placeholder="Número"
                    class="form-control"
                    name="num"
                    data-required="true"
                  />
                </div>
                <!-- End Numero -->

                <!-- Correo -->
                <div class="form-group">
                  <!-- <label>Correo Electrónico</label> -->
                  <input
                    placeholder="Correo Electrónico"
                    class="form-control"
                    name="cor"
                    data-required="true"
                    data-type="email"
                  />
                </div>
                <!-- End Correo -->

                <!-- Mensaje -->
                <div class="form-group">
                  <!-- <label>Mensaje</label> -->
                  <textarea
                    placeholder="Mensaje"
                    class="form-control"
                    name="men"
                    data-required="true"
                  ></textarea>
                </div>
                <!-- End Mensaje -->

                <div style="margin-top:2em;">
                  <!-- Btn Send -->
                  <button
                    type="submit"
                    class="btn btn-success"
                  >
                    Enviar
                  </button>
                  <!-- End Btn Send -->
                </div>

              </form>

            </div>
            <div class="col-sm-12 col-md-5 col-lg-5">

              <img class="img-responsive" style="width:100%;" src="<?php echo $Position; ?>images/imgs/06.jpg" />

            </div>
          </div>
        </div>
      </div>
    </section>

    <?php require_once($Position.'footer.php'); ?>
    <?php require_once($Position.'scripts.php'); ?>

    <script>

      $(document).ready(function(){

        console.log('Test Form..');

        $('#Formulario-Contenedor').parsley();

        //Envia Formulario
        $(document.body).on('click', '#BtnFormularioSend' ,function(){
          console.log('Test Form');
          $('#Formulario-Contenedor').parsley().validate();
          if( $('#Formulario-Contenedor').parsley().isValid() ){
            console.log('validate');
            var data = $("#Formulario-Contenedor").serializeArray();

            swal({
              title: "Enviando",
              text: "Un momento por favor.",
              showConfirmButton: false,
              confirmButtonColor: '#ff8300'
            });

            console.log('Aqui1...');


            $.post("<?php echo $Position; ?>/contacto/send.php",
            data,
            function(datos){
              console.log('Aqui02...');
              console.log('Envaido...');
              console.log(datos);
              if( datos == 'true' ){

                console.log('Aqui3...');

                swal({
                  title: "Mensaje Enviado",
                  text: "El mensaje fue enviado.",
                  showConfirmButton: true,
                  confirmButtonColor: '#051261'
                });

                $("#Formulario-Contenedor")[0].reset();

              }else if( datos == 'false' ){

                swal({
                  title: "Error",
                  text: "Error al enviar mensaje. Intentalo mas tarde.",
                  showConfirmButton: true,
                  confirmButtonColor: '#d71920'
                });

                $("#Formulario-Contenedor")[0].reset();

              }
            });

          }else{
            console.log('not valid');
          }


        });
        //End Envia Formulario

      });

    </script

  </body>
</html>
