{# -*- mode: jinja-html -*- #}
{% extends "sco_page.j2" %}

{% block styles %}
{{super()}}
{% endblock %}

{% block app_content %}

    <H1>Export xlsx de fichier de jury</H1>

    <form onsubmit="do_export()">
        Formsemestre: {{ formsemestre.id }}
        API root: {{ api_root }}
        <button>Exporter</button>
    </form>
    
{% endblock %}

{% block scripts %}
	{{super()}}

	<script src="{{scu.STATIC_DIR}}/js/export-jury-but.js"></script>

	<script>
		let dataSrc = "{{bul_url|safe}}";
        let dept = {{dept}};
        let fsem_id = {{ formsemestre.formsemestre_id }}
        let rootapi = `/ScoDoc/${dept}/formsemestre/{fsem_id}/etudiants`
		fetch(dataSrc)
			.then(r => { return r.json() })
			.then(json => {
				let releve = document.querySelector("releve-but");
				releve.showData = json;
				// Syle custom à ajouter
				let style = document.createElement("style");
				style.textContent = `
					.module>div,
					.dateInscription,
					.numerosEtudiant,
					.dateNaissance{
						display: none;
					}`;
				releve.shadowRoot.appendChild(style);
			});
		// .catch(error => {
		// 	let div = document.createElement("div");
		// 	div.innerText = "Une erreur s'est produite lors du transfert des données.";
		// 	div.style.fontSize = "24px";
		// 	div.style.color = "#d93030";

		// 	let releve = document.querySelector("releve-but");
		// 	releve.after(div);
		// 	releve.remove();

		// 	throw 'Fin du script - données invalides';
		// });
		document.querySelector("html").style.scrollBehavior = "smooth";
	</script>

{% endblock %}