{% set menuLeft = 'gestionAO' %}
{% extends 'layout.twig' %}

{% block body %}
<section class="contenu">

    <h1>{{ 'Consultations' | trad }}</h1>
    
    {{ ariane() }}

    <h2>{{ 'Relance des contributeurs' | trad }}</h2>

    <article class="block_edition ">
        <header class="titre_block">{{ 'Consultation' | trad }}</header>
        <div class="bs-row p-base gutter-x-base">
            <dl class="bs-col-half dl-info">
                <dt>{{ 'Référence' | trad }}</dt><dd>{{ idAO }}</dd>
                <dt>{{ 'Libellé' | trad }}</dt><dd>{{ ao.OBJET_AO }}</dd>
                <dt>{{ 'Acheteur' | trad }}</dt><dd>{{ acheteur.NOM }} ({{ acheteur.CODE }})</dd>
            </dl>
            <dl class="bs-col-half dl-info">
                <dt>{{ 'Date de création' | trad }}</dt><dd>{{ ao.DTE_AO | dateTrad }}</dd>
                <dt>{{ 'Début notation contributeur' | trad }}</dt><dd>{{ ao.DEL_REP | dateTrad }}</dd>
                <dt>{{ 'Fin notation contributeur' | trad }}</dt><dd>{{ ao.DTE_LIMIT_CONTRIB | dateTrad }}</dd>
            </dl>
        </div>
    </article>
    
    <form method="POST"
        action="{{ path('Consultation.RelanceContrib.envoieMailRelance', {idAO : idAO}) | e('html_attr') }}" 
        class="form-default"
        data-onsuccess="arianePop"
        onsubmit="return ajaxSubmit(event);"
    >
        <div>
            <div class="input-wrapper">
                <label>
                    {{ 'Personnaliser l’e-mail par défaut' | trad }}
                    <span class="white-tooltip icon-question">
                        <span class="infos_tooltip top-right " style="width:500px;font-weight:normal;">
                            {{ 'L’email de relance par défaut affiché ci-dessous sera transmis au contributeur dans la langue définie dans sa fiche (si une traduction est paramétrée).' | trad }}
                            {{ 'Vous pouvez personnaliser le sujet et le corps de ce mail en cochant la case ci-dessous, dans ce cas tous les contributeurs recevront ce mail, quelle que soit leur langue.' | trad }}                			
                        </span>
                    </span>
                </label>
                <div class="bs-col text-left">
                    {{ inputAdvance('SWITCH', {
                        'name' : 'toggleCustomEmail',
                    }) }}
                </div>
            </div>
            {{ inputAdvance('TEXT',{
                titre: 'Sujet du mail' | trad,
                name: 'EMAIL_SUBJECT',
                value: defaultEmail.sujet,
                pathValidator: path('Ajax.validator.isStringAvecEspace'),
                paramsValidator: {sizeMin: 1, sizeMax: 100},
                option: 'disabled',
            }) }}
            {{ inputAdvance('TEXTAREA',{
                titre: 'Corps du mail' | trad,
                name: 'EMAIL_BODY',
                value: defaultEmail.message,
                pathValidator: path('Ajax.validator.isStringAvecEspace'),
                paramsValidator: {sizeMin: 1, sizeMax: 3000},
                option: 'disabled',
            }) }}
        </div>

        <table class="table table-hover">
            <thead class="thead-dark">
                <th scope="col">{{ 'Code' | trad }}</th>
                <th scope="col">{{ 'Nom' | trad }}</th>
                <th scope="col">{{ 'Email' | trad }}</th>
                <th scope="col">{{ 'Téléphone' | trad }}</th>
                <th scope="col">{{ 'A déjà répondu' | trad }}</th>
                <th scope="col" class="white-tooltip">
                    <span class="infos_tooltip left">
                        {{- 'Tout sélectionner' | trad -}}
                    </span>
                    <input type="checkbox" 
                        class="form-control checkbox"
                        data-checkall-input="main"
                    />
                </th>
            </thead>
            {% for contrib in contributorsList %}
                <tr>
                    <td>{{ contrib.CONTRIB }}</td>
                    <td>{{ contrib.NOM }}</td>
                    <td>
                        {{ inputAdvance('TEXT',{
                            name: 'contributorsList[' ~ contrib.CONTRIB ~ '][email]',
                            value: contrib.EMAIL,
                            pathValidator: path('Ajax.validator.adresseMail'),
                            paramsValidator: {sizeMin: 0, sizeMax: 100},
                        }) }}
                    </td>
                    <td>{{ contrib.TEL }}</td>
                    <td>{{ contrib.TERMINE | boolSql ? 'Oui' | trad : 'Non'| trad }}</td>
                    <td>
                        <input type="checkbox" 
                            name="contributorsList[{{ contrib.CONTRIB }}][selected]"
                            data-checkall="main"
                            {{ not contrib.TERMINE | boolSql ? 'checked' }}
                        />
                        <input type="hidden" name="contributorsList[{{ contrib.CONTRIB }}][NOM]" value="{{ contrib.NOM }}"/>
                        <input type="hidden" name="contributorsList[{{ contrib.CONTRIB }}][COD_LNG]" value="{{ contrib.COD_LNG }}"/>
                    </td>
                </tr>
            {% endfor %}
        </table>
        <footer class="text-right">
            <a href="javascript:void(0)" 
                class="button secondaire"
                data-action-click="arianePop"
            >
                {{ 'Annuler' | trad }}
            </a>
            <button type="submit" class="button principal">
                {{ 'Envoyer' | trad }}
            </button>
        </footer>
    </form>


</section>
<script>
$('#input_toggleCustomEmail').change(function(){
    const listInput = document.querySelectorAll('[name=EMAIL_SUBJECT], [name=EMAIL_BODY]');
    for (el of listInput) {
        el.disabled = ! el.disabled;
    }
});
</script>
{% endblock %}