<form action="#" id="frmGeneratePassword">
<div class="modal fade" id="modalGeneratePassword">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h4 class="modal-title">
Generate Password
</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&WCF_AMPERSAND×</span>
</button>
</div>
<div class="modal-body">
<div class="alert alert-danger w-hidden" id="generatePwLengthError">
Please enter a number between 8 and 64 for the password length
</div>
<div class="form-group row">
<label for="generatePwLength" class="col-sm-4 col-form-label">Password Length</label>
<div class="col-sm-8">
<input type="number" min="8" max="64" value="12" step="1" class="form-control input-inline input-inline-100" id="inputGeneratePasswordLength">
</div>
</div>
<div class="form-group row">
<label for="generatePwOutput" class="col-sm-4 col-form-label">Generated Password</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="inputGeneratePasswordOutput">
</div>
</div>
<div class="row">
<div class="col-sm-8 offset-sm-4">
<button type="submit" class="btn btn-default btn-sm">
<i class="fas fa-plus fa-fw"></i>
Generate new password
</button>
<button type="button" class="btn btn-default btn-sm copy-to-clipboard" data-clipboard-target="#inputGeneratePasswordOutput">
<img src="/assets/img/clippy.svg" alt="Copy to clipboard" width="15">
Copy
</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Close
</button>
<button type="button" class="btn btn-primary" id="btnGeneratePasswordInsert" data-clipboard-target="#inputGeneratePasswordOutput">
Copy to clipboard and Insert
</button>
</div>
</div>
</div>
</div>
</form>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d9d0786db28311764d7f06d/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
Tawk_API.visitor = {
name : 'Cooley Foster',
email : 'Cooley1562@gmail.com',
hash : '9351ff4bfc8247627ed821ce0f356365aae4efc49a27a55b23f30b8922fa58ca'
};</script>
<!--End of Tawk.to Script-->
</body>
</html>