CCOM4030
/
pazParaMujer


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-4.3.1-dist/css/bootstrap.css">
    <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/custom.css">
    <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="../js/custom.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <title>Area Este</title>

      <script type="text/javascript">
             $(document).ready(function(){
              var storage = window.localStorage;
              var value = storage.getItem('key');
              if (value != 'done')
              {
                $("#myModal").modal('show');
                storage.setItem('key', 'done');
              }
              });
             function post_form(){
                var edad = $("#edad").val();
                var genero = $("#genero").val();
                var pueblo = $("#pueblo").val();
                if($.trim(edad).length > 0 & $.trim(genero).length > 0 & $.trim(pueblo).length > 2) {

                   $.ajax({
                      type:"POST",
                      url: "https://pazparalamujer.org/mobile_app/insert.php",
                      data:{edad:edad, genero:genero, pueblo:pueblo},
                      success:function(data) {
                         $("#myModal").modal('hide');
                         console.log(data);
                      }
                   })
                }
                else {
                   alert('Necesita poner toda la informacion');
    } 
            }       
  </script>


    <style>
      body {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
      }
    </style>

  </head>

  <body>

    <!--MENU-->
    <div class="nav-bar">
      <div id="myNav" class="overlay">

        <div>
          <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
        </div>

          <div class="overlay-content">
            <a href="index.html">Home</a>
            <a href="vdomestica_en.html">Domestic Violence</a>
            <a href="vsexual_en.html">Sexual Violence</a>
            <a href="leyes_en.html">Laws</a>
            <a href="campanas_en.html">Campaings</a>
            <a href="test_en.html">Test </a>
            <a href="servicios_en.html">Find Help</a>
            <a href="cerca_en.html">Near Me</a>
            <a href="contacto_en.html">Contact Us</a>
            <a href="../index.html">App en Español</a>
          </div>
      </div>

      <p id="demo"></p>
    </div>

    <div id="menubtn">
      <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
    </div>

   <h1 style="text-align: center; font-size:30px;"> Area Este</h1>
<p style="font-size:20px"> ✓ Casa de la Bondad, Inc.: <a href="tel:7878527265">(787)-852-7265, </a><a href="tel:7878522087">(787)-852-2087</a></p>
<p style="font-size:20px"> ✓ Casa de Todos: <a href="tel:7877343132">(787)-734-3132, </a><a href="tel:7872231886">(787)-223-1886</a></p>


<div id="myModal" class="modal fade" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Por favor comparta esta informacion con nostr@s</h4>
            </div>
            <div class="modal-body">
                                <p>Esta informacion se va usar para saber quien le esta dando uso a la aplicacion</p>

                <form id="insert_form" method="POST" action="https://pazparalamujer.org/mobile_app/insert.php">
                    <div class="form-group">
                        <input type="number" class="form-control" name="edad"id ="edad" placeholder="Edad" required>
        </div>

                    <div class="form-group">
                        <input type="text" class="form-control" name="genero" id ="genero" placeholder="Genero" required>
        </div>

                        <div class="form-group">
                        <input type="text" class="form-control" name="pueblo" id="pueblo" placeholder="Pueblo" required>
                    </div>

                        <input type="button" class="btn btn-primary" name="insert" id="insert" onclick="post_form()" value="Termine">
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>