{% extends 'base.html' %}
{% import 'bootstrap/wtf.html' as wtf %}

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

{% block app_content %}

{% if scodoc_dept %}
<h1>Logos du département {{ scodoc_dept }}</h1>
{% else %}
<h1>Configuration générale {{ scodoc_dept }}</h1>
{% endif %}

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

    {% if not scodoc_dept %}
    <div class="sco_help">Les paramètres donnés ici s'appliquent à tout ScoDoc (tous les départements):</div>
    
    {{ render_field(form.bonus_sport_func_name)}}
    {% endif %}

    <div class="configuration_logo">
        <h3>Logo en-tête</h3>
        <p class="help">image placée en haut de certains documents documents PDF. Image actuelle:</p>
        <div class="img-container"><img src="{{ url_for('scodoc.logo_header', scodoc_dept=scodoc_dept) }}"
                alt="pas de logo chargé" /></div>
        {{ render_field(form.logo_header) }}
        <h3>Logo pied de page</h3>
        <p class="help">image placée en pied de page de certains documents documents PDF. Image actuelle:</p>
        <div class="img-container"><img src="{{ url_for('scodoc.logo_footer', scodoc_dept=g.scodoc_dept) }}"
                alt="pas de logo chargé" /></div>
        {{ render_field(form.logo_footer) }}
    </div>
    <!-- <div class="sco_help">Les paramètres ci-dessous peuvent être changés dans chaque département
        (paramétrage).<br />On indique ici les valeurs initiales par défaut:
    </div> -->
    <div class="sco-submit">{{ form.submit() }}</div>
</form>
{% endblock %}