/**
 * File: Cdnfsd_TransparentCDN_Page_View.js
 *
 * @since 0.15.0
 */
jQuery(document).ready(function ($) {
  box = document.getElementById("tcdn_test_status");

  if (box) {
    box.innerHTML = transparent_configuration_strings.test_string;

    $("#transparentcdn_test").on("click", function (e) {
      var url = "https://api.transparentcdn.com/v1/oauth2/access_token/",
        p = document.getElementById("tcdn_test_text"),
        client_id =
          "client_id" +
          "=" +
          document.getElementById("cdnfsd_transparentcdn_clientid").value,
        client_secret =
          "client_secret" +
          "=" +
          document.getElementById("cdnfsd_transparentcdn_clientsecret").value,
        grant_type = "grant_type=client_credentials",
        params = grant_type + "&" + client_id + "&" + client_secret,
        req = new XMLHttpRequest();

      e.preventDefault();

      req.open("POST", url, true);
      req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      req.onreadystatechange = function (e) {
        if (4 == req.readyState) {
          if (200 == req.status) {
            box.innerHTML = transparent_configuration_strings.test_success;
            box.className = "w3tc-status w3tc-success";
          } else {
            box.innerHTML = transparent_configuration_strings.test_failure;
            box.className = "w3tc-status w3tc-error";
          }
        }
      };
      req.send(params);
    });
  }
});