<!DOCTYPE html>
<html>
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <!-- versione 5.3.x -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <script>
    function copyVal(valore) {
    var text = document.getElementById(valore).getAttribute("value");
    navigator.clipboard.writeText(text);
    }
  </script>

  <script>
    function reloadPage() {
      location.reload();
      }
  </script>

</head>
<body>
<div class="d-flex align-items-center justify-content-center" style="height: 200px"><h2>
Generatore di password del menga!
</div>
<div class="d-flex align-items-center justify-content-center" style="height: 400px;"><h1>
    <table class='table'>
    <tr>
      <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password1' onclick="copyVal('Password1');" value='{{ .Password1 }}'>{{ .Password1 }}</div></td>
    </tr>
    <tr>
      <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password2' onclick="copyVal('Password2');" value='{{ .Password2 }}'>{{ .Password2 }}</div></td>
     </tr>
     <tr>
       <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password3' onclick="copyVal('Password3');" value='{{ .Password3 }}'>{{ .Password3 }}</div></td>
     </tr>
     <tr>
       <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password4' onclick="copyVal('Password4');" value='{{ .Password4 }}'>{{ .Password4 }}</div></td>
     </tr>
      <tr>
       <td><div class="text-center p-2 m-2 bg-info text-white shadow rounded-2 justify-content-center" id='Password5' onclick="copyVal('Password5');" value='{{ .Password4 }}'>{{ .Password5 }}</div></td>
     </tr>
 </table>
</div>

<div class="d-flex align-items-center justify-content-center" style="height: 200px;"><h1>
  <button type="button" class="btn btn-primary" onclick="reloadPage()">Ricarica</button>
</div>

<div class="d-flex align-items-center justify-content-center" style="height: 200px"><h3>
Copyright: Il mio!<br>
Liberi di generarvi tutte le password che volete<br>
ma se esagerate!....<br>
 MCMLXVI@puppamelo.it
</div>

</body>
</html>

