{% extends "base.html" %}
{% block contenu %}


<script>
/* Calcul des scores */
var scoreCase = {{ conf.score.case }};
var scoreLigne = {{ conf.score.ligne }} ;
var scoreColonne = {{ conf.score.colonne }} ;
var scoreDiagonale = {{ conf.score.diagonale }} ;

/*URL */
//met_url('?grille={{ chainecode }}')

window.onload = function charger() {
	charge_jeu("{{ sauv }}")
}

</script>

<h1>{{ conf.titre }}</h1>

{% if e | length >0 %}
<div id="erreurs">
	<h2>Log d'erreurs</h2>
	<ul>
		{% for err in e %}
		<li>{{ err }}</li>
		{% endfor %}
	</ul>
</div>
{% endif %}

<div id="contenu">

<p>Clique sur la case dès que tu entends une de ces répliques idiotes et essaie de faire le meilleur score !</p>
{% if conf.reponses_presentes %}
<p>Un deuxième clic permet d'afficher (ou de masquer) une réponse épique (ou pas).</p>{%endif %}
<table id="grille">
{% for ligne in bingo %}
<tr>{% for elt in ligne %}
		{% if elt | length == 0 %} 	<td class="vide"></td>
		{% else %}<td onmousedown='validecase(this)'>
			{% for p in elt %}
				{% if loop.index == 1 %}
					<span class="phrase" >{{ p }}</span>
				{% else %}
					<span class="reponse">{{ p }}</span>
				{% endif %}
			{% endfor %}
			</td>
		{% endif %}
	{% endfor %}
</tr>
{% endfor %}
</table>

<p>Score : <span id="score">0</span></p>

<p onclick="effacegrille()" class="cliquable">Effacer la grille</p>

<hr>
<a href="/?grille={{ chainecode }}" id="permalien">Lien permanent (grille vide)</a> |
<a href="/?grille={{ chainecode }}" id="permalien_infosjeu">Lien permanent (grille remplie)</a>


</div>




{% endblock %}