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

{% block styles %}
{{super()}}
<style>
div.lien_perso {
    border-left: 3px solid blue;
    margin-bottom: 16px;
}
div.lien_perso>div:first-child {
    font-weight: bold;
    font-size: 120%;
    margin-left: 8px;
}

div.lien_perso .form-group,  div.lien_perso .checkbox {
    margin-left: 32px;
}
div.url > .form-group {
    margin-bottom: 0px;
}
div.validation-buttons {
    margin-top: 24px;
}

</style>

{% endblock %}


{% block app_content %}
<h1>{{title}}</h1>

<div class="help">

    <p>Les liens définis ici seront affichés dans le menu <b>Liens</b> de tous
    les semestres de tous les départements.</p>

    <p>Si on coche "ajouter arguments", une query string est ajoutée par ScoDoc
    à la fin du lien, pour passer des informations sur le contexte:</p>

    <ul>
        <li><tt>dept</tt> : acronyme du département
        <li><tt>formsemestre_id</tt> : id du formsemestre affiché
        <li><tt>moduleimpl_id</tt> : id du moduleimpl affiché (si page module)
        <li><tt>evaluation_id</tt> : id de l'évaluation affichée (si page d'évaluation)
        <li><tt>etudid</tt> : id de l'étudiant (si un étudiant est sélectionné)
        <li><tt>user_name</tt> : login scodoc de l'utilisateur
        <li><tt>cas_id</tt> : login CAS de l'utilisateur
    <ul>
</div>

<div class="row">
    <div class="col-md-8">

        <form class="form form-horizontal form-personalized-links" method="post" enctype="multipart/form-data" role="form">
        {{ form.hidden_tag() }}
        {{ wtf.form_errors(form, hiddens="only") }}

        {% for idx, link in form.links_by_id.items() %}
            <div class="lien_perso">
                <div>Lien personnalisé {{idx}}</div>
                {{ wtf.form_field( form["link_"+idx|string] ) }}
                <div class="url">{{ wtf.form_field( form["link_url_"+idx|string] ) }}</div>
                {{ wtf.form_field( form["link_with_args_"+idx|string] ) }}
            </div>
        {% endfor %}
        <div class="lien_perso">
            <div>Nouveau lien personnalisé</div>
            {{ wtf.form_field( form["link_new"] ) }}
            <div class="url">{{ wtf.form_field( form["link_url_new"] ) }}</div>
            {{ wtf.form_field( form["link_with_args_new"] ) }}
        </div>
        <div class="form-group validation-buttons">
            {{ wtf.form_field(form.submit) }}
            {{ wtf.form_field(form.cancel) }}
        </div>

        </form>
    </div>
</div>

{% endblock %}