{% extends '@ajax-layout/layout.twig' %}

{% block body %}
<div class="modal-body clearfix">
    <form method="post" name="dependency" id="dependency">
        <div class="colonne row">
            {{ inputAdvance('ZOOM',{
                'titre'         : 'Question parent' | trad,
                'titleZoom'     : 'Liste questions' | trad,
                'name'          : 'ID_QST_PARENT',
                'pahtZoom'      : path('Evaluation.Question.parentQuestionList', {id: id, mode: mode}),
                'value'         : dependency.ID_QST_PARENT,
                'obligatoire'   : true,
            }) }}
        </div>
        <div class="colonne row">
            {{ inputAdvance('SELECT',{
                'titre'             : 'Base de la règle' | trad,
                'name'              : 'BASE_REGLE',
                'value'             : dependency.BASE_REGLE,
                'listeValue'        : ruleBasisList,
                'optionVide'        : true,
                'obligatoire'       : true,
            }) }}
        </div>
        <div id="type" class="colonne row">
            {{ inputAdvance('SELECT',{
                'titre'             : 'Type de règle' | trad,
                'name'              : 'TYPE_REGLE',
                'value'             : dependency.TYPE_REGLE,
                'listeValue'        : ruleTypesList,
                'optionVide'        : true,
                'obligatoire'       : true,
            }) }}
        </div>
    </form>
</div>
<div class="modal-footer">
    <a type="button" class="button secondaire" data-dismiss="modal" onClick="desactivePopup()">{{ 'Fermer'|trad }}</a>
    <a class="button principal" onClick="supprimerTheme('{{id_theme}}','{{mode}}', '{{ idCamp }}')">{{ 'Confirmer'|trad }}</a>
</div>

<script>
    $('#input_BASE_REGLE').change(function(){
        let basis = $(this).val();

        $.ajax({
            dataType : 'html',
            url: '{{ path('Evaluation.Question.ruleTypes') }}',
            data: {'basis' : basis},
            type: "POST",
            success: function(result){
                $('#type').html(result);
            }
        });
    });

    function supprimerTheme(id_theme, mode, idCamp)
    {
        $.ajax({
            url : "{{ path('Evaluation.BibliothequeDeQuestions.supprimerTheme', {mode:mode, idCamp:idCamp, idTheme:idTheme}) | json | e('html_attr') }}",
            type: 'POST',
            dataType : 'HTML',
            data: {'choix' : 'O', 'data_question' : id_theme, 'modeForm' : mode, 'idCamp' : idCamp},
            success: function (data) 
            {
                var json_obj = $.parseJSON(data);

				if('supprimer' in json_obj)
				{
					window.location.reload();
					desactivePopup();
				}
            }
        });
    }

</script>

{% endblock %}