<h2>Les demandes de plaines de mes enfants.</h2>
{% if not json %}
<p>Aucune demande de plaine.</p>
<p>{{ json_error }}</p>
{% else %}
<ul>
  {% for demarche in json.data %}
    {% if demarche.form_slug == "aes-inscrire-mon-enfant-a-une-plaine" %}
    <li>
	    {# https://montsaintguibert-formulaires.guichet-citoyen.be/portail-parent/aes-inscrire-mon-enfant-a-une-plaine/249/ #}
	    <span class="plaine_numdemande"><a href="{{ eservices_url }}/portail-parent/aes-inscrire-mon-enfant-a-une-plaine/{{ demarche.form_number_raw }}/">Demande : {{ demarche.form_number_raw }}</a></span>
      {# items contient les valeurs des identifiants associes aux champs du formulaire (ex : selected_child) #}
      {% for k, v in demarche.fields.items %}
        {% if k == "selected_child" %}
	<span class="plaine_selected_child">({{ v }})</span>
	{% endif %}
      {% endfor %}
        {#8 == inscrire nouvel enfant ou cloturer ma demane ,  9 == inscrire un nouvel enfant#}
        {% if demarche.workflow.status.id == "8" or demarche.workflow.status.id == "9" %}
        <ul><li>Status : <a href="">Inscrire un nouvel enfant</a> ou <a href="">clôturer ma demande</a></li></ul>
	{% else %}
	<ul><li>Status : {{ demarche.status }}</li></ul>
	{% endif %}
	<ul><li> <a class="jours_de_plaine" id="{{ demarche.form_number_raw }}" >Voir les jours de plaine</a><br><span class="jours_de_plaine" id="{{ demarche.form_number_raw }}">{{ demarche.workflow.fields.jours_de_plaine }}</span></li></ul>
    </li>
    {% endif %}
  {% endfor %}
</ul>
{% endif %}
<script>
$(function() {
    var jours_de_plaine = $("span.jours_de_plaine");
    jours_de_plaine.hide();
    jours_de_plaine.each(function() {	    
	var tmp = $(this).html().replace(/,/g,"<br>");
        $(this).html(tmp);
    });
    
    $('a.jours_de_plaine').click(function() {
        var demarche = $(this).attr("id");
        $("span.jours_de_plaine[id="+demarche+"]").toggle();
    });
});

</script>
<style>
