//Here is Template code for your own Adventure Game!

//Below are functions that help you code your game
//a bit easier. YOU DO NOT NEED TO EDIT THESE FUNCTIONS!
//Go down to the next comment to see where you
//can begin coding

let inventory = [];

let youWin = function(){
  $("#alerts").html("You win congrats!");
}

let addToInventory = function(anItem){
  $("#alerts").html(`You got ${anItem}`);
  inventory.push(anItem);
  $("#inventory").html("");
  let i = 0;
  for (i = 0; i < inventory.length; i++){
    $("#inventory").append(`<div class="inventoryItem">${inventory[i]}</div>`);
  }
}

let isInInventory = function(anItem){
  return inventory.indexOf(anItem) > -1;
}

let displayMarkdown = function(locationMarkdown){
  $("#alerts").html("");
  showdown.setFlavor('github');
  var converter = new showdown.Converter();
  $("#locationMarkdown").html(converter.makeHtml(locationMarkdown));
};

let showButtons = function(buttonArray){
  $(".action").off("click");
  $("#actions").html("");
  let i = 0;
  for (i = 0; i < buttonArray.length; i++){
    let nextButton = buttonArray[i];
    $("#actions").append(
`
<button 
  class="action" 
  data-next-location="${nextButton.takesYouToLocation}"
>
  ${nextButton.buttonText}
</button>
`);
  }
  $(".action").on("click", function(clickEvent){
    let buttonYouClicked = clickEvent.currentTarget;
    let nextLocation = $(buttonYouClicked).attr("data-next-location");
    loadLocation(nextLocation);
  });
}


//HEY HEY! 

//Here is where you come in! Below is a switch statement
//that will help you switch your characters locations based on
//the buttons that they press

//Follow the comments below to help you copy and paste
//and then edit the code to help you make a new
//location the user can go to


let loadLocation = function(locationName){
  switch (locationName){
      
    //COPY FROM HERE the start location code begins here,
    //Copy "case "startLocation":", to where the comments tell you to stop.
      
    case "startLocation":   //Change this to the "id" of your location, you will 
                            //Use this id to determine where go from location to location
      displayMarkdown(      //Here is where you will build the page, this is called Markdown
`
### Story Title / Location Name!

Story flavor text, add something here about your location!

![filler image](https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.ArdUbzAJjMbRFfZF3RfkkwHaEB%26pid%3DApi&f=1)

^^ Above is a picture, to add a different picture, just like yesterday, 
you want to 'Copy Image Address', and then put it inbetween the (   )  where
the old URL is, DELETE THIS WHEN YOU ARE DONE OR ELSE IT WILL BE ON YOUR WEBSITE

Text to make a decision

`
      );
      
      //If you want to add something to your inventory once you are 
      //in this location, uncomment the function below and edit the 
      //text, if not leave it commented.
      
      //addToInventory("Put Item Text Here");       
      
      //Here we have an if Statement that checks if they have an
      //Item in their inventory and gives specific location if they do!
      
      //So, if you want them to have an item to go to a specific location,
      //Work inside the if statement, if not, work inside the else statement
      
      if(isInInventory("Item")){  //Here put the Item they must have to enter roomC
        
        //This alert is optional, you can delete it if you want
        alert("You Have 'Item', therefore, you can now go to these locations...")
        
        showButtons(         //This is where you will edit the buttons
        [
          {buttonText:"Click here to go to room A",   //This is the text that will display on the button
           takesYouToLocation:"roomA"},               //Here put the location where you want the button to take you,
                                                      //Where is says "roomA", put the id of the location you want to go to!
          {buttonText:"Click here to go to room B", 
           takesYouToLocation:"roomB"},
          
          {buttonText:"Click here to go to room C", //Here is the extra location they can now go to 
           takesYouToLocation:"roomC"},              //Because they have the special item!
        ]
      );
        
      }
      else{   //These will be the buttons that are displayed if they do not have the special item
        
        showButtons(         //This is where you will edit the buttons
        [
          {buttonText:"Click here to go to room A",   //This is the text that will display on the button
           takesYouToLocation:"roomA"},               //Here put the location where you want the button to take you,
                                                      //Where is says "roomA", put the id of the location you want to go to!
          {buttonText:"Click here to go to room B", 
           takesYouToLocation:"roomB"}, 
        ]
      );
        
      }
      
      break;
      
    //and it ends here END COPY HERE (last thing to copy is 'break';)
    
    //Now that you have created your own location, you can edit the next two locations
    //To make them you own! If you want to add a location, Just copy the code above
    //and follow the comments!
      
    //You can paste you new location below
      

    case "roomA":
      displayMarkdown(
`
### Room A

Room A description

![forrest](https://yogalondon.net/monkey/wp-content/uploads/2015/04/17484746256_8bfc5f4899_k.jpg)

Gain an item!

`
      );
      addToInventory("An Item");
      showButtons(
        [
          {buttonText:"Click here to move forward", 
           takesYouToLocation:"roomC"
          }
        ]
      );
      break;
    //and it ends here
      
    //the smith Hall code begins here
    case "roomB":
      displayMarkdown(
`
### Room B

room B description

![beach](https://cdn.cnn.com/cnnnext/dam/assets/181010131059-australia-best-beaches-cossies-beach-cocos3-full-169.jpg)

`
      );
      showButtons([]);
      
      youWin(); //LOOK HERE! This is the " youWin(); " function, place this
                //function in whatever location you want to be the ending location
      
      break;
      //and it ends here   
      
      
    
      //roomC Begins here
    case "roomC":
      displayMarkdown(
`
### Room C 

Room C description

![Cyberscholars](https://upgradedpoints.com/wp-content/uploads/2018/06/Top-20-Amusement-Parks-in-North-America.jpg)

`
      );
      
      //LOOK HERE! Here is where you can have a special option,
      //which in this case is winning the game, if you have a certian item
      //in you inventory
      
      if (isInInventory("An Item")){    //Here is where you enter the item that you want to check for
        
        youWin();   //Here you can place the action, in this case it is winning the game
        
      } else {
        
        alert("You dont have the right item to win yet!") //In this case, an alert will be sent to the screen
      }
      
      
      showButtons([]);
      break;
      //and it ends here       
  }
}

loadLocation("startLocation");  //IF YOU HAVE CHANGED THE NAME OF THE startLocation, 
                                //MAKE SURE TO PUT THAT SAME NAME HERE!