{# -*- mode: jinja-html -*- #}
{% extends 'base.html' %}
{% import 'bootstrap/wtf.html' as wtf %}

{% macro render_field(field, with_label=True) %}
<div>
    {%  if with_label %}
        <span class="wtf-field">{{ field.label }} :</span>
    {%  endif %}
    <span class="wtf-field">{{ field(**kwargs)|safe }}
        {% if field.errors %}
        <ul class=errors>
            {% for error in field.errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
        {% endif %}
    </span>
</div>
{% endmacro %}

{% block app_content %}

<form id="configuration_form" class="sco-form" action="" method="post" enctype="multipart/form-data" novalidate>
    {{ form.hidden_tag() }}

    <h1>Configuration générale</h1>
        <div class="sco_help">Les paramètres donnés ici s'appliquent à tout ScoDoc (tous les départements):</div>
        <div class="row">
            <div class="col-md-4">
                {{ wtf.quick_form(form) }}
            </div>
        </div>
        <div id="bonus_description"></div>

    <h1>Gestion des images: logos, signatures, ...</h1>
        <div class="sco_help">Ces images peuvent être intégrées dans les documents 
        générés par ScoDoc: bulletins, PV, etc.</div>
        <p><a href="{{url_for('scodoc.configure_logos')}}">configuration des images et logos</a>
        </p>

    <h1>Exports Apogée</h1>
        <p><a href="{{url_for('scodoc.config_codes_decisions')}}">configuration des codes de décision</a></p>
        
    </div>
</form>

{% endblock %}

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

<script>

function update_bonus_description() {
    var query = "/ScoDoc/get_bonus_description/" + $("#configuration_form select")[0].value;
    $.get(query, '', function (data) {
        $("#bonus_description").html(data);
    });
}

$(function()
{
    $("#configuration_form select").change(function(){ 
        update_bonus_description();
    });

    update_bonus_description();
});
</script>
{% endblock %}