{% load static i18n pretty_money getenv %}
{% comment %}
Copyright (C) 2018-2025 by BDE ENS Paris-Saclay
SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
<html lang="{{ LANGUAGE_CODE|default:"en" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %} class="postition-relative h-100">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>
		{% block title %}{{ title }}{% endblock title %} - {{ request.site.name }}
	</title>
	<meta name="description" content="{% trans "The ENS Paris-Saclay BDE note." %}">
	
	{# Favicon #}
	<link rel="apple-touch-icon" sizes="180x180" href="{% static "wrapped/favicon/1/apple-touch-icon.png" %}">
	<link rel="icon" type="image/png" sizes="32x32" href="{% static "wrapped/favicon/1/favicon-32x32.png" %}">
	<link rel="icon" type="image/png" sizes="16x16" href="{% static "wrapped/favicon/1/favicon-16x16.png" %}">
	<link rel="manifest" href="{% static "wrapped/favicon/1/site.webmanifest" %}">
	<link rel="mask-icon" href="{% static "wrapped/favicon/1/safari-pinned-tab.svg" %}" color="#5bbad5">
	<link rel="shorcut icon" href="{% static "wrapped/favicon/1/favicon.ico" %}">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="msapplication-config" content="{% static "wrapped/favicon/1/browserconfig.xml" %}">
	<meta name="theme-color" content="#ffffff">

	{# Bootstrap, Font Awesome and custom CSS #}
	<link rel="stylesheet" href="{% static "bootstrap4/css/bootstrap.min.css" %}">
	<link rel="stylesheet" href="{% static "font-awesome/css/font-awesome.min.css" %}">
	<link rel="stylesheet" href="{% static "wrapped/css/1/custom.css" %}">

	{# JQuery, Bootstrap and Turbolinks JavaScript #}
	<script src="{% static "jquery/jquery.min.js" %}"></script>
	<script src="{% static "popper.js/umd/popper.min.js" %}"></script>
	<script src="{% static "bootstrap4/js/bootstrap.min.js" %}"></script>
	<script src="{% static "js/turbolinks.js" %}"></script>
	<script src="{% static "js/base.js" %}"></script>
	<script src="{% static "js/konami.js" %}"></script>

	{# Translation in javascript files #}
	<script src="{% static "js/jsi18n/"|add:LANGUAGE_CODE|add:".js" %}"></script>

	{# If extra ressources are needed for a form, load here #}
	{% if form.media %}
		{{ form.media }}
	{% endif %}

	{% block extracss %}{% endblock %}
</head>
<body>
	{% block content %}
		<p>Default content...</p>
	{% endblock %}
	<br>
	<div class="wrap-container">
		<h2>{% trans "The NoteKfet this year it's also" %}</h2>
		<ul class="list" id="glob_top3_conso">
			<li>{{ glob_nb_transaction }} {% trans " transactions" %}</li>
			<li>{{ glob_nb_soiree }} {% trans " parties" %}</li>
			<li>{{ glob_nb_entree_pot }} {% trans " Pot entries" %}</li>
		<script>
			let liste = {{ glob_top3_conso | safe }};
			let ul = document.getElementById("glob_top3_conso");
			liste.forEach(item => {
				let li = document.createElement("li");
				li.textContent = item[1] + "   " + item[0];
				ul.appendChild(li);
			});
		</script>
			<li>{{ glob_nb_vieux_con }} {% trans " old dickhead behind the bar" %} </li>
		</ul>
	</div>
<script>
    CSRF_TOKEN = "{{ csrf_token }}";
    $(".invalid-feedback").addClass("d-block");
</script>

{% block extrajavascript %}{% endblock %}
</body>
</html>
