import { testPurses } from "./shortChangeTests.js"
/* 
    Write a function enoughChange
    
    Given an object representing a coin purse, and a price
        it should return true/false depending on whether 
        or not you have enough change to complete a 
        purchase at the given price
    
    The function should also update the "counters"
        such that they reflect the quantities in
        the test case
        
    You should then use this function to update the 
        purchaseConfirmation div to display whether
        or not you can afford the purchase with the
        coin quantities provided
        
    Finally, create nextCase and previousCase 
        buttons to cycle through the test cases 
    
    Refresh the mini-browser or save this file to
        load new test cases!
*/

const purchaseConfirmation = document.getElementById("purchase-confirmation")
const quarterCounter = document.getElementById("quarter-count")
const dimeCounter = document.getElementById("dime-count")
const nickelCounter = document.getElementById("nickel-count")
const pennyCounter = document.getElementById("penny-count")
const previousCase=document.getElementById('previous-case');
const nextCase=document.getElementById('next-case');
let i=0
let sampleTest = testPurses[0]
console.log(sampleTest)

// Your code here 👇

function enoughChange(event){
    
    let {quarters,dimes,nickels,pennies,price}=testPurses[i];
        // console.log(testPurses[i].quarters)
        // console.log(testPurses[i].dimes)
        // console.log(testPurses[i].nickels)
        // console.log(testPurses[i].pennies)
        
    //     quarterCounter.innerText = sampleTest.quarters;
    // dimeCounter.innerText = sampleTest.dimes;
    // nickelCounter.innerText = sampleTest.nickels;
    // pennyCounter.innerText = sampleTest.pennies;    
        
    quarterCounter.innerText = testPurses[i].quarters;
    dimeCounter.innerText = testPurses[i].dimes;
    nickelCounter.innerText = testPurses[i].nickels;
    pennyCounter.innerText = testPurses[i].pennies;

    // console.log(`Quaters: ${sampleTest.quarters / 4}`)
    // console.log(`Dimes: ${sampleTest.dimes / 10}`)
    // console.log(`Nickels: ${sampleTest.nickels / 20}`)
    // console.log(`Pennies: ${sampleTest.pennies / 100}`)

    const quatersToDollars = testPurses[i].quarters / 4;
        // console.log(quatersToDollars);
    const dimesToDollars = testPurses[i].dimes / 10; 
        // console.log(dimesToDollars);
    const nickelsToDollars = testPurses[i].nickels / 20;  
        // console.log(nickelsToDollars);
    const penniesToDollars = testPurses[i].pennies / 100;   
        // console.log(penniesToDollars);
        
    const totalChangeToDollars = (quatersToDollars + dimesToDollars + nickelsToDollars + penniesToDollars);  
        // console.log(totalChangeToDollars);
    const totalChange = totalChangeToDollars.toFixed(2);    
        // console.log(totalChange);
        
    const pc = document.getElementById("purchase-confirmation");
    const pcCost = document.getElementById("purchase-cost");
    const pcAmount = document.getElementById("purchase-amount");

    pcAmount.innerText = `${totalChange}`;
    pcCost.innerText = `${testPurses[i].price}`;

    const messageTrue = `Congratulations! You just hired the Mandalorian!`;

    const messageFalse = `You do not have enough Republic credits to hire the Mandalorian.`; 
        
    totalChange > testPurses[i].price ? pc.innerText = messageTrue : pc.innerText = messageFalse;

    // document.getElementById("next-case").addEventListener("click", ()=>{
    //     console.log(`Next`);
    // })  

    // document.getElementById("previous-case").addEventListener("click", ()=>{
    //     console.log(`Previous`);
    // })      

}

function nCase(){
    if(i<(testPurses.length-1))
    {
        i=i+1;
    }else{
        i=0;
    }
    enoughChange();
}
function prevCase(){
    if(i>0){
        i=i-1;
    }else{
        i=testPurses.length-1;
    }
    enoughChange();
}

nextCase.addEventListener('click',nCase);
previousCase.addEventListener('click',prevCase);
enoughChange();