  </div>
         </div>
      </div>
      <script src=" {% static 'js/bootstrap.bundle.min.js' %} "></script>
   </body>
   <script>
      let oldPassword = document.getElementById('oldPassword');
      let newPassword = document.getElementById('newPassword');
      let confirmPassword = document.getElementById('confirmPassword');
      
      // old and new passwords are same 
      newPassword.addEventListener('input', function () {
          if (oldPassword.value == newPassword.value) {
              n