<script type="text/javascript" src="./horaris.json"></script>
<script type="text/javascript" src="./autocomplete.js"></script>
<meta charset="utf-8">

<html>
    <head>
    </head>
    <link rel="stylesheet" href="autocomplete.css">
    <body>
        <h1>App de traçabilitat DAFME</h1>
        <h2 id = "assignatura"></h2>
        <h3 id = "aula"></h3>
        <a href="#">No és així? Canvia-ho.</a>
        
        <h2 id="hora">
            <span id="inici"></span> -
            <span id="fi"></span>
        </h2>
        <h3 id="data"></h3>
        <a href="#">No és així? Canvia-ho.</a>

        <form>
			<label for="seient">Seient:</label><br>
			<input type="text" id="seient" name="seient"><br>
		</form>

        <form autocomplete="off" action="/action_page.php">
            <div class="autocomplete" style="width:300px;">
                <input id="myInput" type="text" name="mySubject" placeholder="Subject">
            </div>
            <input type="submit">
        </form>

		<form id = "link" action = https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform?entry.1063142948=S02>
		    <input type="submit" value="Continua"/>
		</form>


        <script>

            var subjects = ["Calcul 1", "Calcul 2", "Algebra Lineal", "Geometria", "Numerica", "EDOS"];

            autocomplete(document.getElementById("myInput"), subjects);

        	var linkOutput = "https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform"
        	
        	var mydata = JSON.parse(classes);

            var hora_actual = new Date();
            var minuts;
            
            // Hora d'inici
            hora_actual.setMinutes(0, 0, 0); // Arrodonir per baix els minuts
            minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
            document.getElementById("inici").innerHTML = hora_actual.getHours().toString() + ":" + minuts;
            
            // Hora de fi
            hora_actual.setHours(hora_actual.getHours() + 1); // Sumar una hora
            minuts = hora_actual.getMinutes() < 10 ? hora_actual.getMinutes().toString() + '0' : hora_actual.getMinutes().toString();
            document.getElementById("fi").innerHTML = hora_actual.getHours().toString() + ":" + minuts;
            
            // Data
            var dia = hora_actual.getDate();
            var mes = hora_actual.getMonth() + 1;
            var any = hora_actual.getFullYear();
            var data = dia.toString() + '/' + mes.toString() + '/' + any.toString();

            for (i = 0; i < mydata.length; i++) { 
            	var h = mydata[i].hora.split(":");
				if(h[0] == (hora_actual.getHours() - 5).toString()) {
					console.log("trobat");
					document.getElementById("assignatura").innerHTML = mydata[i].nom;
					document.getElementById("aula").innerHTML = "Aula " + mydata[i].aula;

                    var datamap=[
                        "entry.1063142948=" + mydata[i].aula,
                        "entry.1749141911=" + (hora_actual.getHours().toString() - 11) +":00",
                        "entry.1827359679=" + (hora_actual.getHours().toString() - 10) +":00",
                        "entry.2115504093=" + data
                        ];
                    var linkOutput = linkOutput+"?"+ datamap[1] + "&" + datamap[2] + "&" + datamap[3] + "&" + datamap[0];
				}
			}
            document.getElementById("data").innerHTML = data;
            document.getElementById("link").action = linkOutput;
            console.log(document.getElementById("link").action);
        </script>

        
    </body>
</html>