class Wbs24OzonapinewRfbsStatuses {
  debug = false;

  constructor(accountIndex, postingNumber, langPhrazes) {
      this.accountIndex = accountIndex;
      this.postingNumber = postingNumber;
      this.langPhrazes = langPhrazes;

      this.buttons = {
          'status_delivering': document.querySelector(".wbs24_status-delivering"),
          'status_last-mile': document.querySelector(".wbs24_status-last-mile"),
          'status_delivered': document.querySelector(".wbs24_status-delivered"),
      }
  }

  run() {
      for (const key in this.buttons) {
          this.statusChangeHandler(key, this.buttons[key], this.postingNumber);
      }
  }

  statusChangeHandler(action, statusButton, postingNumber) {
      let accountIndex = this.accountIndex;
      let langPhrazes = this.langPhrazes;
      statusButton.onclick = async (e) => {
          e.preventDefault();
          let url =
              '/bitrix/tools/wbs24.ozonapinew/ajax.php?ACTION=' + action
              + '&posting_number=' + postingNumber
              + '&account_index=' + accountIndex
          ;
          let response = await fetch(url);
          let responseText = await response.text();
          let data = JSON.parse(responseText);
          let responseHtml = document.querySelector(".js-rfbs-" + action);
          if (responseHtml) {
              responseHtml.style.padding = '5px';
              responseHtml.style.borderRadius = '3px';
              if (data['result'] == 'success') {
                  responseHtml.style.backgroundColor = 'green';
                  responseHtml.innerHTML = langPhrazes.success;
                  statusButton.setAttribute('disabled', true);
              } else {
                  responseHtml.style.backgroundColor = 'red';
                  responseHtml.innerHTML = langPhrazes.error;
              }
          }
      };
  }
}