//////////////////////////////////
// Pre render function
//
async function ayPreRender(ayAllData) {
  if (typeof ayPrepareData === "function") {
    return await ayPrepareData(ayAllData);
  } else {
    return ayAllData;
  }
}

///////////////////////////////////////
// Set our stock handlebars helpers
//
function ayRegisterHelpers() {
  Handlebars.registerHelper("ayCaps", function (aString) {
    return aString.toUpperCase();
  });

  Handlebars.registerHelper("ayDateTime", function (timestamp) {
    return utcDateToShortDateAndTimeLocalized(timestamp);
  });

  Handlebars.registerHelper("ayDate", function (timestamp) {
    return utcDateToShortDateLocalized(timestamp);
  });

  Handlebars.registerHelper("ayTime", function (timestamp) {
    return utcDateToShortTimeLocalized(timestamp);
  });

  Handlebars.registerHelper("ayDecimal", function (value) {
    return decimalLocalized(value);
  });

  Handlebars.registerHelper("ayCurrency", function (value) {
    return currencyLocalized(value);
  });

  Handlebars.registerHelper("ayWiki", function (astring) {
    return new Handlebars.SafeString(
      DOMPurify.sanitize(marked(astring, { breaks: true }))
    );
  });

  Handlebars.registerHelper("ayJSON", function (obj) {
    return JSON.stringify(obj, null, 3);
  });

  Handlebars.registerHelper("ayLink", function (text, url) {
    var url = Handlebars.escapeExpression(url),
      text = Handlebars.escapeExpression(text);

    return new Handlebars.SafeString("<a href='" + url + "'>" + text + "</a>");
  });

  Handlebars.registerHelper("ayLogo", function (size) {
    if (this.ayServerMetaData) {
      switch (size) {
        case "small":
          if (!this.ayServerMetaData.HasSmallLogo) {
            return "";
          }
          break;
        case "medium":
          if (!this.ayServerMetaData.HasMediumLogo) {
            return "";
          }
          break;
        case "large":
          if (!this.ayServerMetaData.HasLargeLogo) {
            return "";
          }
          break;
      }
    }
    var url = `${Handlebars.escapeExpression(
      this.ayServerMetaData.ayApiUrl
    )}logo/${size}`;
    return new Handlebars.SafeString("<img src='" + url + "'/>");
  });

  Handlebars.registerHelper("ayT", function (translationKey) {
    if (ayTranslationKeyCache[translationKey] == undefined) {
      throw `ayT reporting helper error: the key "${translationKey}" is not present in the translation cache, did you forget to include it in your call to "await ayGetTranslations([KeyList]);" in ayPrepareData()\nTranslationKeyCache contains: ${JSON.stringify(
        ayTranslationKeyCache,
        null,
        3
      )}?`;
      // return translationKey;
    }
    return ayTranslationKeyCache[translationKey];
  });

  /*
 let canvas = document.createElement('canvas');
try {
    bwipjs.toCanvas(canvas, options);
    document.getElementById(myimg).src = canvas.toDataURL('image/png');
} catch (e) {
    // `e` may be a string or Error object
}
 */
  Handlebars.registerHelper("ayBC", function (text, options) {
    // options.text=text;
    let canvas = document.getElementById("aybarcode");
    if (canvas == null) {
      canvas = document.createElement("canvas");
      canvas.id = "aybarcode";
    }
    //let canvas = document.createElement("canvas");

    let opt = {
      bcid: "code128", // Barcode type
      text: "0123456789", // Text to encode
      scale: 3, // 3x scaling factor
      height: 10, // Bar height, in millimeters
      includetext: true, // Show human-readable text
      textxalign: "center" // Always good to set this
    };

    bwipjs.toCanvas(canvas, opt);
    var url = canvas.toDataURL("image/png");
    return new Handlebars.SafeString("<img src='" + url + "'/>");
  });
} //eof

///////////////////////////////////////////
// Turn a utc date into a displayable
// short date and time
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
//
function utcDateToShortDateAndTimeLocalized(value) {
  if (!value) {
    return "";
  }

  //parse the date which is identified as utc ("2020-02-06T18:18:49.148011Z")
  let parsedDate = new Date(value);

  //is it a valid date?
  if (!(parsedDate instanceof Date && !isNaN(parsedDate))) {
    return "not valid";
  }

  return parsedDate.toLocaleString(
    AYMETA.ayClientMetaData.LanguageName || "en-US",
    {
      timeZone: AYMETA.ayClientMetaData.TimeZoneName || "America/Winnipeg",
      dateStyle: "short",
      timeStyle: "short",
      hour12: AYMETA.ayClientMetaData.Hour12
    }
  );
}
///////////////////////////////////////////
// Turn a utc date into a displayable
// short date
//
function utcDateToShortDateLocalized(value) {
  if (!value) {
    return "";
  }

  //parse the date which is identified as utc ("2020-02-06T18:18:49.148011Z")
  let parsedDate = new Date(value);

  //is it a valid date?
  if (!(parsedDate instanceof Date && !isNaN(parsedDate))) {
    return "not valid";
  }

  return parsedDate.toLocaleDateString(
    AYMETA.ayClientMetaData.LanguageName || "en-US",
    {
      timeZone: AYMETA.ayClientMetaData.TimeZoneName || "America/Winnipeg",
      dateStyle: "short"
    }
  );
}
///////////////////////////////////////////
// Turn a utc date into a displayable
// short time
//
function utcDateToShortTimeLocalized(value) {
  if (!value) {
    return "";
  }

  //parse the date which is identified as utc ("2020-02-06T18:18:49.148011Z")
  let parsedDate = new Date(value);

  //is it a valid date?
  if (!(parsedDate instanceof Date && !isNaN(parsedDate))) {
    return "not valid";
  }

  return parsedDate.toLocaleTimeString(
    AYMETA.ayClientMetaData.LanguageName || "en-US",
    {
      timeZone: AYMETA.ayClientMetaData.TimeZoneName || "America/Winnipeg",
      timeStyle: "short",
      hour12: AYMETA.ayClientMetaData.Hour12
    }
  );
}

///////////////////////////////////////////
// CURRENCY LOCALIZATION
//
//
function currencyLocalized(value) {
  if (!value) {
    return "";
  }
  return new Intl.NumberFormat(
    AYMETA.ayClientMetaData.LanguageName || "en-US",
    {
      style: "currency",
      currency: AYMETA.ayClientMetaData.CurrencyName || "USD"
    }
  ).format(value);
}

///////////////////////////////////////////
// DECIMAL LOCALIZATION
//
//
function decimalLocalized(value) {
  if (!value) {
    return "";
  }
  return new Intl.NumberFormat(
    AYMETA.ayClientMetaData.LanguageName || "en-US"
  ).format(value);
}

//////////////////////////////////
// cache to hold translations keys
//
var ayTranslationKeyCache = {};

///////////////////////////////////
//  GET TRANSLATIONS FROM API SERVER
//
async function ayGetTranslations(keys) {
  if (!keys || keys.length == 0) {
    return;
  }
  try {
    let transData = await ayPostToAPI("translation/subset", keys);
    transData.data.forEach(function storeFetchedTranslationItemsInCache(item) {
      ayTranslationKeyCache[item.key] = item.value;
    });
  } catch (error) {
    //fundamental error, can't proceed with this call
    // handleError("GET", error, route);
    //todo: deal with this properly
    throw error;
  }
}

///////////////////////////////////
//  GET DATA FROM API SERVER
//
async function ayGetFromAPI(route, token) {
  token = token || AYMETA.ayClientMetaData.Authorization;
  if (route && !route.startsWith("http")) {
    route = AYMETA.ayServerMetaData.ayApiUrl + route;
  }
  try {
    let r = await fetch(route, {
      method: "get",
      mode: "cors",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
        Authorization: token
      }
    });
    return await r.json();
  } catch (error) {
    //fundamental error, can't proceed with this call
    // handleError("GET", error, route);
    //todo: deal with this properly
    throw error;
  }
}

///////////////////////////////////
//  POST  DATA TO API SERVER
//
async function ayPostToAPI(route, data, token) {
  token = token || AYMETA.ayClientMetaData.Authorization;
  if (route && !route.startsWith("http")) {
    route = AYMETA.ayServerMetaData.ayApiUrl + route;
  }
  try {
    fetchOptions = {
      method: "post",
      mode: "cors",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
        Authorization: token
      },
      body: JSON.stringify(data)
    };
    let r = await fetch(route, fetchOptions);
    return await r.json();
  } catch (error) {
    //todo: better handle this
    throw error;
  }
}