//FETCHING ALL CURRENCIES
const getCurrencies = async () => {
  const fetchCurrencies = await fetch("../../api/currencies");
  const res = await fetchCurrencies.json();

  res.forEach((data) => {
    switch (data.currency_name) {
      case "ngn":
        data.img = "../../public/images/naira.png";
        data.ident = "Naira";
        break;

      case "usd":
        data.img = "../../public/images/usdt.png";
        data.ident = "united state dollar";
        break;

      case "eur":
        data.img = "../../public/images/euro.png";
        data.ident = "euro";
        break;

      case "ghc":
        data.img = "../../public/images/ghana.png";
        data.ident = "Cedis";
        break;
    }
  });
  return res;
};

//FECTHING SINGLE CURRENCY
const getSingleCurrency = async (unit) => {
  const fetchCurrency = await fetch(`../../api/currency/id?id=${unit}`);
  const res = await fetchCurrency.json();
  // res.forEach((data) => {
  //   switch (data.currency_name) {
  //     case "ngn":
  //       data.img = "../../public/images/naira.png";
  //       data.ident = "Naira";
  //       break;

  //     case "usd":
  //       data.img = "../../public/images/usdt.png";
  //       data.ident = "united state dollar";
  //       break;

  //     case "eur":
  //       data.img = "../../public/images/euro.png";
  //       data.ident = "euro";
  //       break;
  //   }
  // });
  return res;
};

//FETCHING ALL COINS

const getCoins = async () => {
  const fetchCoins = await fetch(`../../api/coins/info`);
  const coins = await fetchCoins.json();

  const newObject = Object.keys(coins).reduce((acc, key) => {
    let { symbol, usd, logo, name, name_display, ...rest } = coins[key];
    name = name.toLowerCase();
    acc[name] = { abbrv: symbol.toLowerCase(), img: logo, usd, ...rest };
    return acc;
  }, {});
  // console.log("//////////OBJJJ", newObject);
  // const fetchCoins = await fetch(
  //   "https://api.coingecko.com/api/v3/simple/price?ids=bitcoin%2Cbinancecoin%2Ctether%2Cethereum%2Cdogecoin%2Clitecoin%2Cbusd&vs_currencies=usd&include_market_cap=true&include_24hr_vol=true&include_24hr_change=true&include_last_updated_at=true"
  // );
  // const obj = await fetchCoins.json();

  // obj.dogecoin.img =
  //   "https://cryptologos.cc/logos/dogecoin-doge-logo.png?v=022";
  // obj.dogecoin.abbrv = "doge";

  // obj.litecoin.img = "https://cryptologos.cc/logos/litecoin-ltc-logo.png?v=022";
  // obj.litecoin.abbrv = "ltc";

  // obj.bitcoin.img = "https://cryptologos.cc/logos/bitcoin-btc-logo.png?v=022";
  // obj.bitcoin.abbrv = "btc";

  // obj.ethereum.img = "https://cryptologos.cc/logos/ethereum-eth-logo.png?v=022";
  // obj.ethereum.abbrv = "eth";

  // obj.busd.img = "https://cryptologos.cc/logos/binance-usd-busd-logo.png?v=002";
  // obj.busd.abbrv = "busd";

  // obj.binancecoin.img = "https://cryptologos.cc/logos/bnb-bnb-logo.png?v=022";
  // obj.binancecoin.abbrv = "bnb";

  // obj.tether.img = "https://cryptologos.cc/logos/tether-usdt-logo.png?v=022";
  // obj.tether.abbrv = "usdt";

  return newObject;
};

//FECTHING SINGLE COIN

const getSingleCoin = async (unit) => {
  params = { asset: unit };
  const fetchCoins = await fetch("../../api/coins/info/single", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify(params),
  });
  const coins = await fetchCoins.json();

  const newObject = {
    [unit]: {
      abbrv: coins.symbol.toLowerCase(),
      img: coins.logo,
      usd: coins.usd,
      name: coins.name.toLowerCase(),
    },
  };
  return newObject;
  // const fetchCoin = await fetch(
  //   `https://api.coingecko.com/api/v3/simple/price?ids=${unit}%2C&vs_currencies=usd&include_market_cap=true&include_24hr_vol=true&include_24hr_change=true&include_last_updated_at=true`
  // );
  // const obj = await fetchCoin.json();

  // let objName = Object.keys(obj)[0];

  // switch (objName) {
  //   case "busd":
  //     obj.busd.img =
  //       "https://cryptologos.cc/logos/binance-usd-busd-logo.png?v=002";
  //     obj.busd.abbrv = "busd";
  //     break;

  //   case "tether":
  //     obj.tether.img =
  //       "https://cryptologos.cc/logos/tether-usdt-logo.png?v=022";
  //     obj.tether.abbrv = "USDT";
  //     break;

  //   case "binancecoin":
  //     obj.binancecoin.img =
  //       "https://cryptologos.cc/logos/bnb-bnb-logo.png?v=022";
  //     obj.binancecoin.abbrv = "bnb";
  //     break;

  //   case "ethereum":
  //     obj.ethereum.img =
  //       "https://cryptologos.cc/logos/ethereum-eth-logo.png?v=022";
  //     obj.ethereum.abbrv = "eth";
  //     break;

  //   case "bitcoin":
  //     obj.bitcoin.img =
  //       "https://cryptologos.cc/logos/bitcoin-btc-logo.png?v=022";
  //     obj.bitcoin.abbrv = "btc";
  //     break;

  //   case "litecoin":
  //     obj.litecoin.img =
  //       "https://cryptologos.cc/logos/litecoin-ltc-logo.png?v=022";
  //     obj.litecoin.abbrv = "lte";
  //     break;

  //   case "dogecoin":
  //     obj.dogecoin.img =
  //       "https://cryptologos.cc/logos/dogecoin-doge-logo.png?v=022";
  //     obj.dogecoin.abbrv = "doge";
  //     break;
  // }
  // return obj;
};

//FETCHING FIAT TRANSACTION HISTORY
const getTransactionHistory = async (assetType, optionType, time) => {
  let token = "";
  let symbol = "";
  let contentHtml = "";

  //GETTING TOKEN
  app.getCookie("azer_token", (e, r) => {
    token = r;
  });

  const getHist = await fetch(
    `/user/transactions/history?token=${token}&asset_type=${assetType}&option_type=${optionType}&time=${time}&asset=`
  );
  const res = await getHist.json();

  res.forEach((data) => {
    //SETTING CURRENCY SYMBOL
    switch (data.currency_sign.toLowerCase()) {
      case "ngn":
        symbol = "₦";
        break;
      case "usd":
        symbol = "$";
        break;
      case "eur":
        symbol = "€";
        break;

      default:
        break;
    }

    //FORMATING THE DATE
    let date = moment.utc(data.timestamp).format("lll");

    contentHtml += `<tr>
    <td class="td-cy-time">
      <p class="cy-init">${date}</p>
      <div class="mob-hist">
        <div class="mob-hist-ech">
          <div class="tp-mob-hist">
            <p>${date}</p>
            <p class="${
              data.status == "cancel" ? "isCanceled" : "isSuccs"
            }">${symbol}${Number(
      Number(data.asset_amount).toFixed(2)
    ).toLocaleString()}</p>
          </div>
          <div class="md-mob-hist">
            <p class="wrd-brk">
            ${data.reference}
            </p>
          </div>
          <div class="lst-mob-hist">
            <p>${data.option_type}</p>
            <p>${data.status}</p>
          </div>
        </div>
      </div>
    </td>
    <td class="td-cy-typ"><p>${data.option_type}</p></td>
    <td class="td-cy-ref">
      <p>${data.reference}</p>
    </td>
    <td class="td-cy-amt"><p>${symbol}${Number(
      Number(data.asset_amount).toFixed(2)
    ).toLocaleString()}</p></td>
    <td class="td-cy-sucss"><p>${data.status}</p></td>
  </tr>`;
  });
  app.query(".fiatTableBody").innerHTML = contentHtml;
};

//FETCHING USER LOCATION AND CURRENCY
const getUserLocationAndCurrency = async () => {
  const fetchData = await fetch("https://api.yellowcard.io/auth/locale");
  const res = await fetchData.json();
  return res;
};

//FETCHING ALL BANK LIST
const getAllSupportedBanks = async () => {
  const fetchData = await fetch(`../../api/bank/list`);
  const res = await fetchData.json();
  return res;
};