{# agents/elements/change_password.html.twig #}
  <style>
    .password-input {
      position: absolute;
      left: 400px;
    }
    .password-error {
      color: red;
      display: none;
    }
    .password-success {
      color: green;
      display: none;
    }
  </style>
  <script type='text/JavaScript'>
    function save_password(password) {

      var _token = $('input[name=_token]').val();

      $.ajax({
        url: url('ajax/change-own-password'),
        type: "POST",
        dataType: "html",
        data: {_token: _token, password: password, current_password: current_password},
        success: function(){
            $('#password-changed').show();
        },
        error: function(xhr, ajaxOptions, thrownError){
            if (xhr.responseText == 'CSRF token error') {
                $('#csrf-token-error').show();
            } else {
                $('#password-change-error').show();
            }
        }
      });
    }

    function hide_all_password_errors() {
        $('#password-changed').hide();
        $('#wrong-current-password').hide();
        $('#password-dont-match').hide();
        $('#password-empty').hide();
        $('#password-too-weak').hide();
        $('#password-check-error').hide();
        $('#current-password-check-error').hide();
        $('#csrf-token-error').hide();
        $('#password-change-error').hide();
    }

    function empty_password_fields() {
        $('#new_password').val('');
        $('#confirm_new_password').val('');
        $('#current_password').val('');
    }

    $(document).ready(function(){

        $('#show_passwords_checkbox').on('click', function() {
            $('.password-input').each(function(index) {
                if ($(this).attr('type') === 'password') {
                    $(this).attr('type', 'text');
                } else if ($(this).attr('type') === 'text') {
                    $(this).attr('type', 'password');
                }
            });
        });

        $('#cancel-password-change').on('click', function() {
            hide_all_password_errors();
            empty_password_fields();
        });

        $('#submit-password-change').on('click', function() {
            hide_all_password_errors();
            password = $('#new_password').val();
            confirm_password = $('#confirm_new_password').val();
            current_password = $('#current_password').val();
            password_check = false;

            is_current_password = 0;
            $.ajax({
                url: url('ajax/is-current-password'),
                type: "GET",
                dataType: "html",
                async: false,
                data: {password: current_password},
                success: function(result){
                    if (result == "1") {
                        is_current_password = 1;
                    } else {
                        $('#wrong-current-password').show();
                    }
                },
                error: function(xhr, ajaxOptions, thrownError){
                  $('#current-password-check-error').show();
                }
            });

            $.ajax({
                url: url('ajax/check-password'),
                type: "GET",
                dataType: "html",
                async: false,
                data: {password: password},
                success: function(result){
                    if (result == "ok") {
                        password_check = true;
                    } else {
                        $('#password-too-weak').show();
                    }
                },
                error: function(xhr, ajaxOptions, thrownError){
                  $('#password-check-error').show();
                }
              });

            if (password != confirm_password) {
              $('#password-dont-match').show();
            }
            else if (password == '') {
              $('#password-empty').show();
            } else if (password_check == true && is_current_password != 0) {
              save_password(password);
            }
        });
    });
  </script>