const data ={"player1":{"playerID":1,"name":"trol2","hashPassword":null,"playerHealth":30,"playerArmor":0,"fieldForPlayer":{"manaAmountPlayer":1,"deckPlayer":{"size":3,"cards":[{"id":50,"cardId":"EX1_390","name":"Tauren Warrior","cardSet":"Classic","type":"Minion","faction":"Neutral","rarity":"Common","text":"Taunt\\nHas +3 Attack while damaged.","cost":3,"flavor":"Tauren Warrior: Champion of Mulgore, Slayer of Quilboar, Rider of Thunderbluff Elevators.","playerClass":"Neutral","imgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/EX1_390.png","goldImgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/animated/EX1_390_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[{"id":6,"name":"Taunt"}],"attack":2,"health":3,"currentHealth":0,"divineShieldActive":false},{"id":11,"cardId":"CS1_129","name":"Inner Fire","cardSet":"Classic","type":"Spell","faction":"Neutral","rarity":"Common","text":"Change a minion's Attack to be equal to its Health.","cost":1,"flavor":"Good idea: Buffing your minions. Bad idea: Starting a conversation in the Barrens.","playerClass":"Priest","imgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/CS1_129.png","goldImgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/animated/CS1_129_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[]},{"id":1,"cardId":"EX1_323w","name":"Blood Fury","cardSet":"Classic","type":"Weapon","faction":null,"rarity":null,"text":null,"cost":3,"flavor":null,"playerClass":"Warlock","imgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/original/EX1_323w.png","goldImgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/animated/EX1_323w_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"attack":3,"durability":8,"elite":true,"mechanics":null}],"minions":[{"id":50,"cardId":"EX1_390","name":"Tauren Warrior","cardSet":"Classic","type":"Minion","faction":"Neutral","rarity":"Common","text":"Taunt\\nHas +3 Attack while damaged.","cost":3,"flavor":"Tauren Warrior: Champion of Mulgore, Slayer of Quilboar, Rider of Thunderbluff Elevators.","playerClass":"Neutral","imgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/EX1_390.png","goldImgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/animated/EX1_390_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[{"id":6,"name":"Taunt"}],"attack":2,"health":3,"currentHealth":0,"divineShieldActive":false}]},"playerHand":{"size":0,"cards":[],"minions":[]},"fieldForPlayer":{"size":0,"cards":[],"minions":[]},"cardsFromField":[]},"turn":false,"weapon":null},"player2":{"playerID":0,"name":"volledigerrorvrij","hashPassword":null,"playerHealth":30,"playerArmor":0,"fieldForPlayer":{"manaAmountPlayer":1,"deckPlayer":{"size":3,"cards":[{"id":84,"cardId":"EX1_563","name":"Malygos","cardSet":"Classic","type":"Minion","faction":"Neutral","rarity":"Legendary","text":"Spell Damage +5","cost":9,"flavor":"Malygos hates it when mortals use magic. He gets so mad!","playerClass":"Neutral","imgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/EX1_563.png","goldImgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/animated/EX1_563_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[{"id":8,"name":"Spell Damage"}],"attack":4,"health":12,"currentHealth":0,"divineShieldActive":false},{"id":10,"cardId":"EX1_014t","name":"Bananas","cardSet":"Classic","type":"Spell","faction":null,"rarity":null,"text":"Give a minion +1/+1.","cost":1,"flavor":null,"playerClass":"Neutral","imgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/original/EX1_014t.png","goldImgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/animated/EX1_014t_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[{"id":6,"name":"Taunt"}]},{"id":1,"cardId":"EX1_323w","name":"Blood Fury","cardSet":"Classic","type":"Weapon","faction":null,"rarity":null,"text":null,"cost":3,"flavor":null,"playerClass":"Warlock","imgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/original/EX1_323w.png","goldImgPath":"http://wow.zamimg.com/images/hearthstone/cards/enus/animated/EX1_323w_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"attack":3,"durability":8,"elite":true,"mechanics":null}],"minions":[{"id":84,"cardId":"EX1_563","name":"Malygos","cardSet":"Classic","type":"Minion","faction":"Neutral","rarity":"Legendary","text":"Spell Damage +5","cost":9,"flavor":"Malygos hates it when mortals use magic. He gets so mad!","playerClass":"Neutral","imgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/EX1_563.png","goldImgPath":"http://media.services.zam.com/v1/media/byName/hs/cards/enus/animated/EX1_563_premium.gif","locale":"enUS","mechanic":null,"canPlay":false,"amountCardPlayedInTurn":0,"mechanics":[{"id":8,"name":"Spell Damage"}],"attack":4,"health":12,"currentHealth":0,"divineShieldActive":false}]},"playerHand":{"size":0,"cards":[],"minions":[]},"fieldForPlayer":{"size":0,"cards":[],"minions":[]},"cardsFromField":[]},"turn":false,"weapon":null},"turnPlayer2":false,"turnPlayer1":false};



const getState = (data, param) => {
  const [player1, player2] = Object.values(data);
  switch (param) {
      case 'name':
          return {
              player1: player1.name,
              player2: player2.name
          };
          break;
      case 'cards':
          return{
              player1: player1.fieldForPlayer.deckPlayer.cards,
              player2: player2.fieldForPlayer.deckPlayer.cards
          };
          break;
      default:
          break;
  }
};

const cardsToHtml = (cardArray, classes) => {
  return cardArray.reduce((result, card) => result += `<li class="${classes}"><img src="${card.imgPath}"/>${card.name}</li>`, '');
};

function fillEnemyHandWithCards(cards) {
  const html = cardsToHtml(cards, 'enemyCard card');
  console.log(html)
};

function fillFriendlyHandWithCards(cards) {
  const html = cardsToHtml(cards, 'friendlyCard draggable card');
  console.log(html)
};

const cards = getState(data, 'cards');
fillEnemyHandWithCards(cards.player1);
fillFriendlyHandWithCards(cards.player2);