CCOM4030
/
pazParaMujer


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <title>Area Este</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
        <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>

	<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">Inicio</a>
              <a href="vdomestica.html">Violencia Doméstica</a>
              <a href="vsexual.html">Violencia Sexual</a>
              <a href="leyes.html">Leyes</a>
              <a href="campanas.html">Campañas</a>
              <a href="test.html">Test </a>
              <a href="main_servicios.html">Buscar Ayuda</a>
              <a href="cerca.html">Cerca de mi</a>
              <a href="contacto.html">Contacto</a>
              <a href="app_en/index.html">App in English</a>
            </div>
        </div>

        <p id="demo"></p>
        </div>
        <div id="menubtn">
          <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
        </div>
      </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>