- <!-- Encryption Passphrase Modal -->
- <div class="modal fade" id="encryptPassModal" tabindex="-1" aria-labelledby="encryptPassLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="encryptPassLabel">Set Encryption Passphrase</h5>
- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
- </div>
- <div class="modal-body">
- <p>Enter a strong passphrase (and remember it):</p>
- <input type="password" class="form-control" name="encrypt_pass" id="encryptPassInput" autocomplete="off">
- <div class="mt-2">
- <div class="progress" style="--height: 5px;">
- <div id="passStrengthBar" class="progress-bar" role="progressbar" style="width: 0%;"></div>
- </div>
- <small id="passStrengthText" class="text-muted">Strength: Weak</small>
- </div>
- <small class="text-muted d-block mt-1">Min 12 characters; mix upper/lower, numbers, symbols.</small>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
- <button type="button" class="btn btn-primary" id="encryptConfirm" disabled>Encrypt</button>
- </div>
- </div>
- </div>
- </div>