<?php require_once("includes/connection.php"); ?>

	<?php

if(isset($_POST["register"])){


if(!empty($_POST['full_name']) && !empty($_POST['username']) && !empty($_POST['celular1']) && !empty($_POST['password1'])) {
	$full_name=mb_strtoupper($_POST['full_name']);
	$username=$_POST['username'];
    $direccion=mb_strtoupper($_POST['direccion']);
    $celular=$_POST['celular1'];
    $password=sha1($_POST['password1']);
    $contenido= "Un nuevo usuario acaba de registrarse";
    $contenidoc= "Gracias por registrarse y confiar en nuestros servicios, ahora puede ingresar y empezar a disfrutar de nuestro servicio de agendamiento online.";
	

		
	$query=mysql_query("SELECT * FROM usertbl WHERE username='".$username."'");
	$numrows=mysql_num_rows($query);
	
	if($numrows==0)
	{
	$sql="INSERT INTO usertbl
			(full_name, username, direccion, ncelular, password, fcreacion, perfil, estado ) 
			VALUES('$full_name','$username', '$direccion', '$celular', '$password', CURDATE(), 'CLIENTE', 'ACTIVO')";

	$result=mysql_query($sql);
        
	require 'PHPMailer/PHPMailerAutoload.php';
  $mail = new PHPMailer;
  $mail->isSMTP();                                   
  $mail->Host = 'veterinariaypeluqueriareguauu.com';  
  $mail->SMTPAuth = true;                            
  $mail->Username = 'info@veterinariaypeluqueriareguauu.com';              
  $mail->Password = 'reguauu12345';                   
  $mail->SMTPSecure = 'ssl';                         
  $mail->Port = 465;                              
  $mail->setFrom('info@veterinariaypeluqueriareguauu.com');     
  $mail->addAddress($username);    
  $mail->addReplyTo('info@veterinariaypeluqueriareguauu.com');  
  $mail->isHTML(true);                              
  $mail->Subject = 'Gracias por registrarte';
  $mail->Body    = $contenidoc;
  $mail->Send();
  $messageok = "La cuenta fue creada correctamente, para iniciar sesión haz click ";
	

	} else {
	 $message = "El correo electronico ingresado ya esta siendo usado por otro usuario, Por favor intente con otro.";
	}

} else {
	 $message = "Todos los campos deben estar diligenciados.";
}
}
?>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Re-Guauu | Registro</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <link href="plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons 2.0.0 -->
    <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />  

    <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
    <!-- Morris chart -->
    <link href="plugins/morris/morris.css" rel="stylesheet" type="text/css" />
    <!-- jvectormap -->
    <link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
    <!-- Date Picker -->
    <link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
    <!-- Daterange picker -->
    <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
    <!-- bootstrap wysihtml5 - text editor -->
    <link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />

    <link rel="icon" type="image/png" href="img/mifavicon.png" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body style="background-image: url('img/fondo.png');">
    <div class="login-box">
      <div class="login-box-body">
      <div>
        <a href="index.html" style="font-size: 25px; color: black;"><center><img src="img/logo.png"></center><br><b>Registro</b></a><br><br>
      </div><!-- /.login-logo -->

        <?php if (!empty($message)) {

            echo "
                <div class='box-body'>
                  <div class='alert alert-danger alert-dismissable'>
                    <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>
                    <h4><i class='icon fa fa-ban'></i> Alerta!</h4>
                    <p class=\'error\'>" .$message . " </p>
                </div>"
        ;} ?>

        <?php if (!empty($messageok)) {

            echo "
                <div class='box-body'>
                  <div class='alert alert-success alert-dismissable'>
                    <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>
                    <h4><i class='icon fa fa-check'></i> Alerta!</h4>
                    <p class=\'error\'>" .$messageok . " <a href='login.php'>aquí.</a></p>
                </div>"
        ;} ?>

        <form action="register.php" method="post">

          <div class="form-group has-feedback">
            <input type="text" class="form-control" name="full_name" placeholder="Nombre Completo" autofocus required/>
            <span class="glyphicon glyphicon-user form-control-feedback"></span>
          </div>

          <div class="form-group has-feedback">
            <input type="email" class="form-control" name="username" placeholder="Correo Electronico" required/>
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
          </div>

          <div class="form-group has-feedback">
            <input type="text" class="form-control" name="direccion" placeholder="Dirección" />
            <span class="glyphicon glyphicon-map-marker form-control-feedback"></span>
          </div>

          <div class="form-group has-feedback">
            <input type="tel" class="form-control" name="celular1" pattern="[0-9]{10}" placeholder="Celular" required/>
            <span class="glyphicon glyphicon-earphone form-control-feedback"></span>
          </div>

          <div class="form-group has-feedback">
            <input type="password" class="form-control" name="password1" placeholder="Contraseña" required/>
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="row">
            
          <div class="col-xs-4">
              <button type="submit" class="btn btn-primary btn-block btn-flat" name="register">Registrar</button>
            </div><!-- /.col -->
          </div>
        </form>
        <br>
        <a href="login.php">¿Ya tienes una cuenta? Haz click aqui</a><br>

      </div><!-- /.login-box-body -->
    </div><!-- /.login-box -->

  </body>
</html>

    <!-- jQuery 2.1.3 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="includes/peticion.js"></script>
    <script src="plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <!-- jQuery UI 1.11.2 -->
    <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>    
    <!-- Morris.js charts -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="plugins/morris/morris.min.js" type="text/javascript"></script>
    <!-- Sparkline -->
    <script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
    <!-- jvectormap -->
    <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
    <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
    <!-- jQuery Knob Chart -->
    <script src="plugins/knob/jquery.knob.js" type="text/javascript"></script>
    <!-- daterangepicker -->
    <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <!-- datepicker -->
    <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
    <!-- Bootstrap WYSIHTML5 -->
    <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
    <!-- iCheck -->
    <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
    <!-- Slimscroll -->
    <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- FastClick -->
    <script src='plugins/fastclick/fastclick.min.js'></script>
    <!-- AdminLTE App -->
    <script src="dist/js/app.min.js" type="text/javascript"></script>

    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="dist/js/pages/dashboard.js" type="text/javascript"></script>

    <!-- AdminLTE for demo purposes -->
    <script src="dist/js/demo.js" type="text/javascript"></script>
        <script type="text/javascript">
      $(function () {
        $("#example1").dataTable();
        $('#example2').dataTable({
          "bPaginate": true,
          "bLengthChange": false,
          "bFilter": false,
          "bSort": true,
          "bInfo": true,
          "bAutoWidth": false
        });
      });
    </script>
	
	
	