{% block listColumn %}

  <div class='modalwrapper' style="height:400px; overflow-y: auto">
    <div class="columnjson_title">{{ "Cochez les cases correspondantes aux colonnes que vous desirez voire apparaitre dans le report" | trans }} </div> <br />
        <div>
            <div class="columnjson_link_box">
                <a class="columnjson_link" href='#' id='on'><img src ='/assets/report/images/checkbox_checked.png' />{{ "cocher tout" | trans }}</a>
            </div>
            &nbsp;&nbsp;
            <div class="columnjson_link_box">
                <a class="columnjson_link" href='#' id='off'><img src ='/assets/report/images/checkbox_unchecked.png' />{{ "tout decocher" | trans }}</a>
            </div>
        </div>
        <br />
        <form>
        {% for key, value in conf %}
            {% set k="true" %}
            {% for key2, value2 in value %}
                  {% if value2 == 1 %}
                      {% set k = "false" %}
                  {% endif %}
            {% endfor %}
            {% set val = key %}
            {% if key == "date" %}
                {% set val = "ddate" %}
            {% endif %}
            {% if k == "true" %}
                <input type='checkbox' value='{{ val }}' name='{{ key }}' checked='checked' /><label style='color:yellow;'>{{ value.0 }}</label><br />
            {% else %}
                <input type='checkbox' value='{{ val }}' name='{{ key }}' checked='checked'/><label>{{ value.0 }}</label><br />
            {% endif %}
        {% endfor %}
        </form>
  </div>
            <script type="text/javascript">
                $('a#on').click(function(){
                    $(this).closest('#dialog').find(':checkbox').prop('checked', true);
                });
                $('a#off').click(function(){
                    $(this).closest('#dialog').find(':checkbox').prop('checked', false);
                });
            </script>
{% endblock %}