<!DOCTYPE html>
<html lang="cs">

<head>
<meta charset="utf-8">
<meta name="Author" content="Jiří Bureš">
<link rel="author" href="https://jiribures.cz">
<meta name="copyright" content="&copy; 2003 Jiří Bureš">
<title>passGEN online - generátor náhodných hesel</title>
<meta name="description" content="passGEN - generátor náhodných hesel. Zásady pro tvorbu bezpečných hesel.">
<meta name="keywords" content="passGEN,náhodná,hesla,generátor,náhodných,hesel,zásady,tvorba,bezpečných">

<link rel="stylesheet" href="../converter.css" type="text/css" media="screen">
<link rel="stylesheet" href="../print.css" type="text/css" media="print">

<style>
#pswdgen input {
    font-family: Inter, sans-serif;
    font-size: 140%;
}
.error {
    color: indianred;
}
.result {
    margin-top: 1em;
    font-size: 160%;
}
#results {
    position: relative;
    cursor: pointer;
}

#results::after {
    content: "📋";
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: opacity 0.3s;
}

#results:hover::after {
    opacity: 1;
}

#results strong {
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    transition: background-color 0.2s;
}

#results strong:hover {
    background-color: #e0e0e0;
}

#results strong:active {
    background-color: #d0d0d0;
}

.copy-feedback {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    z-index: 1000;
}

/* Nahradit existující styly pro input:invalid a input:valid */
input[type="number"]:invalid {
    background-color: #fff0f0;
}
input[type="number"]:valid {
    background-color: #f0fff0;
}
</style>

</head>

<body>
<header><h1>passGEN online - náhodný hesla</h1></header>

<main id="main2">
  <nav id="drobeckova">
		<a href="../index.htm">Úvod</a> <a href="index.htm">passGEN</a>passGEN online
	</nav>
  <h1>Generátor hesel</h1>
  <p>Náhodný hesla: po stisku tlačítka <strong>Generuj</strong> jsou vytvořena náhodný hesla v&nbsp;<span class="help" title="Pole Počet hesel">zadaném počtu</span>.
  Každé heslo obsahuje <span class="help" title="Pole Počet znaků">zadaný počet znaků</span>.</p>
    
  <form id="pswdgen" method="post" action="pswdgen.php" class="ram" onsubmit="return generatePasswords(event)">
    <p><label for="hesla">Počet hesel:</label> 
       <input type="number" 
              name="hesla" 
              id="hesla" 
              min="1" 
              max="99"
              required
              pattern="[1-9][0-9]?"
              title="Zadejte číslo od 1 do 99"
              value="5"></p>
              
    <p><label for="length">Počet znaků:</label> 
       <input type="number" 
              name="length" 
              id="length" 
              min="4" 
              max="99"
              required
              pattern="[1-9][0-9]?"
              title="Zadejte číslo od 4 do 99"
              value="8"></p>
              
    <p><input type="checkbox" name="char" id="char" size="20" tabindex="3" 
              checked> 
       <label for="char">Použít písmena:</label>
    <input type="radio" name="charsize" id="charm" size="20" tabindex="4" value="m" checked> <label for="charm">malá</label>
    <input type="radio" name="charsize" id="charv" size="20" value="v" tabindex="5" > <label for="charv">velká</label>
    <input type="radio" name="charsize" id="charmv" size="20" value="mv" tabindex="6" > <label for="charmv">malá i velká</label></p>
    <p><input type="checkbox" name="num" id="num" size="20" tabindex="7" checked> <label for="num">Použít čísla</label></p>
	 <p><input type="checkbox" name="specchar" id="specchar" size="20" tabindex="7" 
    checked> <label for="specchar">Použít speciální znaky</label></p>
    <p><input type="submit" value=" Generuj " name="cmdOK" id="cmdOK" tabindex="8"></p>
    <p class="stare r">passGEN Online PHP 0.92 &copy; 2003 <a href="mailto:bures@centrum.cz">Jiří Bureš</a></p>
  </form>

  <div id="results" class="ram">
    <h2>Generovaná hesla</h2>
    <ol id="passwordList">
    {"error":"Vyberte pros\u00edm alespo\u0148 jeden typ znak\u016f pro generov\u00e1n\u00ed hesla"}