/*
let Currencies;

LoadFile(chrome.runtime.getURL('resources/currencies.json'), function(text){
    Currencies = JSON.parse(text)
    console.log(new Date(Currencies.Date).toLocaleDateString("en-US", {day:"numeric",month:"long",year:"numeric"}), Currencies)
})
*/

let Utilities;
(async () => {
	Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
	Utilities = Utilities.default;
})();

let Nav = document.getElementsByClassName('nav-pills')[0];
let DIV = document.createElement('div');
DIV.innerHTML = `
<input id="polyplus-brickconverter-input" type="number" class="form-control bg-dark mb-2" placeholder="How many Bricks?">
<input id="polyplus-brickconverter-output" type="text" class="form-control bg-dark mb-2" placeholder="Result" disabled>
<select id="polyplus-brickconverter-type" class="form-select bg-dark mb-2">
    <option value="USD" selected>United States Dollar (USD)</option>
    <option value="EUR">Euro (EUR)</option>
    <option value="CAD">Canadian Dollar (CAD)</option>
    <option value="GBP">Great British Pound (GBP)</option>
    <option value="MXN">Mexican Peso (MXN)</option>
    <option value="AUD">Australian Dollar (AUD)</option>
    <option value="TRY">Turkish Lira (TRY)</option>
</select>
<!--
<select id="polyplus-brickconverter-package" class="form-select bg-dark">
    <option value="0" selected>$0.99 USD</option>
    <option value="1">$4.99 USD</option>
    <option value="2">a</option>
    <option value="3">b</option>
    <option value="4">c</option>
    <option value="5">d</option>
</select>
-->
`;
Nav.appendChild(document.createElement('hr'));
Nav.appendChild(DIV);

let Input = document.getElementById('polyplus-brickconverter-input');
let Output = document.getElementById('polyplus-brickconverter-output');
let Type = document.getElementById('polyplus-brickconverter-type');
chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
	Type.selectedIndex = result.PolyPlus_Settings.IRLPriceWithCurrency.Currency || 0;
});
//let Package = document.getElementById('polyplus-brickconverter-package')

Input.addEventListener('input', function () {
	Update();
});

Type.addEventListener('change', function () {
	Update();
});

/*
Package.addEventListener('change', function(){
    Update()
});
*/

async function Update() {
	if (Input.value === '') {
		Output.value = '';
		return;
	}
	const IRLResult = await Utilities.CalculateIRL(Input.value, Type.selectedIndex);
	Output.value = '$' + IRLResult.result + ' ' + IRLResult.display;
}

function LoadFile(path, callback) {
	var xhr = new XMLHttpRequest();
	xhr.onload = function () {
		return callback(this.responseText);
	};
	xhr.open('GET', path, true);
	xhr.send();
}