<!DOCTYPE html>
<html>

<head>
	<title>Manuel</title>
	<link rel="stylesheet" href="style.css">
</head>

<body>


	<div id="firstbutton">
		<div>
			<label for="code">Entrez le code :</label>
			<input type="text" id="code" name="code" value="9782017102106">
			<button onclick="urlachanger()">Changer de livre</button>
		</div>

		<div>
			<label for="nbpage">Entrez la page :</label>
			<input type="text" id="nbpage" name="nbpage" value="1">
			<button onclick="changerNBpage()">Changer la page du livre</button>
		</div>

		<div>
			<label for="edition">Choisissez une édition :</label>
			<select name="edition" id="edition-select" onchange="editionchoisie()">
				<option value="hachette">Hachette</option>
				<option value="didier">Didier</option>
				<option value="hatier">Hatier</option>
				<option value="LLS">LLS</option>
			</select>
			<p id="editionesthcoisieest"></p>
		</div>
		<div>
			<a href="rechercher.html">Cherche ton code ici</a>
		</div>
	</div>

	<div>
		<h1>Liens rapides :</h1>
		<button onclick="changerURL(9782017102106, 'hachette')">
			<h1>Declic Maths 1re</h1>
		</button>
		<button onclick="changerURL(9782017102120, 'hachette')">
			<h1>Physique Chimie 1re</h1>
		</button>
		<button onclick="changerURL(9782017102243, 'hachette')">
			<h1>Mitreden Allemand 1re</h1>
		</button>
	</div>

	<div id="iframe">
		<iframe id="myframe1" src="404.html"></iframe>
		<iframe id="myframe2" src="404.html"></iframe>
	</div>

	<div>
		<button onclick="changerPage(-2)">&#x2190; Page précédente</button>
		<button onclick="changerPage(2)">Page suivante &#x2192;</button>
	</div>

	<script>
		var iframe1 = document.getElementById("myframe1");
		var iframe2 = document.getElementById("myframe2");
		var url1 = iframe1.src;
		var url2 = iframe2.src;
		var page1 = 1;
		var page2 = 2;
		var nbpage = document.getElementById("nbpage");


		function editionchoisie() {
			var editionchoisie = document.getElementsByName("edition")[0].value;

			if (editionchoisie == 'hachette') {
				console.log("hachette");
				document.getElementById("editionesthcoisieest").innerHTML = "";
			} 
			else if ((editionchoisie  == 'didier') || (editionchoisie  == 'hatier')) {
				console.log("DH");
				document.getElementById("editionesthcoisieest").innerHTML = "";
			}
			else {
				document.getElementById("editionesthcoisieest").innerHTML = "&#9888 Cette édition n'est pas encore supportée &#9888";
			}
		}


		function urlachanger() {
			var code = document.getElementById("code").value;
			var editionchoisie = document.getElementsByName("edition")[0].value;
			changerURL(code, editionchoisie)
		}
		function changerURL(code, editionchoisie) {
			if (editionchoisie == 'hachette') {
				var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_1.html?interface=postMessage";
				var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_2.html?interface=postMessage";
			} 
			else if ((editionchoisie  == 'didier') || (editionchoisie  == 'hatier')) {
				var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page1.xhtml?interface=postMessage";
				var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page2.xhtml?interface=postMessage";
			}
			else {
				
			}



			
			iframe1.src = newUrl1;
			iframe2.src = newUrl2;
			url1 = newUrl1;
			url2 = newUrl2;
			page1 = 1;
			page2 = 2;
		}

		function changerPage(delta) {
			page1 += delta;
			page2 += delta;
			if (page1 < 1) {
				page1 = 1;
			} else if (page1 > 500) {
				page1 = 500;
			}
			if (page2 < 1) {
				page2 = 2;
			} else if (page2 > 500) {
				page2 = 500;
			}
			iframe1.src = url1.replace(/Page_\d+/, "Page_" + page1);
			iframe2.src = url2.replace(/Page_\d+/, "Page_" + page2);
			nbpage.value = page1
		}

		function changerNBpage() {
			var nbpage = document.getElementById("nbpage").value;
			nbtochange = nbpage - page1
			changerPage(nbtochange)
		}
	</script>
</body>

</html>