index


<!DOCTYPE html>
<html>
<head>
	<title>SYS Key</title>

	<meta charset="utf-8">
     <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/offcanvas/">
     <link href="https://getbootstrap.com/docs/4.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <link href="https://getbootstrap.com/docs/4.3/examples/offcanvas/offcanvas.css" rel="stylesheet">
</head>
  <body class="bg-light">
    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
  <a class="navbar-brand mr-auto mr-lg-0" href="#">SYS KEY</a>
  <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Status<span class="sr-only">(Aberto)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Gerador</a>
      </li>
    </ul>
  </div>
</nav>
<main role="main" class="container">
  <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
    <img class="mr-3" src="https://icon-library.net/images/money-icon-png/money-icon-png-1.jpg" alt="" width="48" height="48">
    <div class="lh-100">
      <h6 class="mb-0 text-white lh-100">Sistema de Keys</h6>
      <small>Since 2019</small>
    </div>
  </div>

  <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h6 class="border-bottom border-gray pb-2 mb-0">Ultimas Modificações:</h6>
    <div class="media text-muted pt-3">
      <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" scr="https://png.pngtree.com/svg/20170728/admin_1246391.png" aria-label="Placeholder: 32x32"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>
      <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
        <strong class="d-block text-gray-dark">@MK</strong>
        Conexão entre o gerador e o banco de dados concluida.
      </p>
    </div>
  </div>

  <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h6 class="border-bottom border-gray pb-2 mb-0">Ultimas Keys Adicionadas:</h6>
    <div class="media text-muted pt-3">
<?php
$cx = mysqli_connect("127.0.0.1", "root", "md5lucas");
$db = mysqli_select_db($cx, "key_sys");
$sql = mysqli_query($cx, "SELECT * FROM sistema") or die(
  mysqli_error($cx)
);
while($aux = mysqli_fetch_assoc($sql)) {
  echo "Key:"  .$aux["key"]."<br />";
}
 ?>
      </div>
    </div>


    <small class="d-block text-right mt-3">
      <a href="http://localhost/Key01/">Cadastrar Nova KEY</a>
    </small>
  </div>
</main>

<main role="main" class="container">
  <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-dark rounded shadow-sm">
    <img class="mr-3" src="https://www.freeiconspng.com/uploads/key-icon-32.png" alt="" width="48" height="48">
    <div class="lh-100">
      <h6 class="mb-0 text-black lh-100">Gerador Automatico</h6><br>
      <small><font color="white" face="aria-label"><?php   $result = uniqid();   echo $result; ?></font></small>
    </div>
  </div>


<div class="alert alert-danger" role="alert">
  <center>As KEY's são geradas automaticamente caso queira outra KEY basta aperta F5.</center>
</div>


<center>
<font face="Livvic"><h1>Cadastro de Keys</h1></font>
<br>
<form method="POST" action="insere.inc">
<pre>

<i class="fas fa-user"> <font face="Livvic"> Tipo: </font><input type="text" size="35" maxlength="256" name="tipo"></i><br>
<i class="fas fa-key"> <font face="Livvic"> <br>Insera a Key: </font></i>
<input name="key" cols="42" rows="2"></input>

<input class="fas fa-paper-plane" type="submit" value="Efetuar Cadastro" name="enviar">
</pre>
</form>
    </center>


<link href='https://fonts.googleapis.com/css?family=Livvic' rel='stylesheet'>

</html>


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>