{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix"  id="listeActeur">

        <h1>{{ 'Projets Achats' | trad }}</h1>

        {{ ariane() }}

        <h2>{{ 'Changement d\'acteur' | trad }} : {{ projet.REF }} - {{ projet.LIB }}</h2>

        {{ arianeSub() }}

        <form method="post" name="form_update_entete" id="form_update_entete">
            <div class="tab-content bg_form padding15" id="divRefresh">

                <div class="clearfix">
                    <div class="colonne3">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE',{
                                'titre' : 'Propriétaire' | trad,
                                'name'  : 'PROPRIETAIRE',
                                'pahtZoom' : path('Ajax.liste.utilisateur'),
                                'titleZoom' : 'Liste des utilisateurs' | trad,
                                'entity' : 'HASTUTIL',
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'value' :  projet.PROPRIETAIRE,
                                'pathValidator' : path('Ajax.validator.utilisateur'),
                                'paramsValidator' : "{'nomChamp' : 'Proprietaire', 'null' : true}",
                                'option' : 'readOnly',
                            }) }}
                        </div>
                    </div>
                    <div class="colonne3">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE',{
                                'titre' : 'Nouveau propriétaire' | trad,
                                'name'  : 'NEW_PROPRIETAIRE',
                                'pahtZoom' : path('Ajax.liste.utilisateur'),
                                'titleZoom' : 'Liste des utilisateurs' | trad,
                                'entity' : 'HASTUTIL',
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'pathValidator' : path('Ajax.validator.utilisateur'),
                                'paramsValidator' : "{'nomChamp' : 'Proprietaire', 'null' : true}",
                            }) }}
                        </div>
                    </div>
                    <div class="colonne3 last">
                        <button type="button" class="principal button last button_right " id="SubmitFilter" onClick="switchUser(false, 'PROPRIETAIRE');">
                            {{ 'Remplacer' | trad }}
                        </button>
                    </div>
                </div>

                <div class="clearfix">
                    <div class="colonne3">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE',{
                                'titre' : 'Prescripteur' | trad,
                                'name'  : 'PRESCRIPTEUR',
                                'pahtZoom' : path('Ajax.liste.utilisateur'),
                                'titleZoom' : 'Liste des utilisateurs' | trad,
                                'entity' : 'HASTUTIL',
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'value' :  projet.PRESCRIPTEUR,
                                'pathValidator' : path('Ajax.validator.utilisateur'),
                                'paramsValidator' : "{'nomChamp' : 'Prescripteur', 'null' : true}",
                                'option' : 'readOnly',
                            }) }}
                        </div>
                    </div>
                    <div class="colonne3">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE',{
                                'titre' : 'Nouveau prescripteur' | trad,
                                'name'  : 'NEW_PRESCRIPTEUR',
                                'pahtZoom' : path('Ajax.liste.utilisateur'),
                                'titleZoom' : 'Liste des utilisateurs' | trad,
                                'entity' : 'HASTUTIL',
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'pathValidator' : path('Ajax.validator.utilisateur'),
                                'paramsValidator' : "{'nomChamp' : 'Prescripteur', 'null' : true}",
                            }) }}
                        </div>
                    </div>
                    <div class="colonne3 last">
                        <button type="button" class="principal button last button_right " id="SubmitFilter"  onClick="switchUser(false, 'PRESCRIPTEUR');">
                            {{ 'Remplacer' | trad }}
                        </button>
                    </div>
                </div>


                    {% for csUser in listeCSUser %}
                        <div class="clearfix">
                            <div class="colonne3">
                                {{ inputCSAdvance({
                                    'codTab' : 'DOA',
                                    'codeEnr' : autoCompletCodeEnr(idObjet, '', 'DOA'),
                                    'colonneActif' : false,
                                    'numFixe' : csUser,
                                    'option' : 'readOnly',
                                }) }}
                            </div>
                            <div class="colonne3">
                                {{ inputCSAdvance({
                                    'codTab' : 'DOA',
                                    'codeEnr' : '',
                                    'colonneActif' : false,
                                    'numFixe' : csUser,
                                }) }}
                            </div>
                            <div class="colonne3 last">
                                <button type="button" class="principal button last button_right " id="SubmitFilter"  onClick="switchUser('{{ csUser }}', null);">
                                    {{ 'Remplacer' | trad }}
                                </button>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </form>

        <script>
            function switchUser(cs, champs){
                if (cs) {
                    var champs = 'CS_'+cs;
                    var oldValue = $('#input_CS_EXTENTION'+separateur+'DOA'+separateur+'{{ autoCompletCodeEnr(idObjet, '', 'DOA') }}'+separateur+cs).val();
                    var newValue = $('#input_CS_EXTENTION'+separateur+'DOA'+separateur+''+separateur+cs).val();
                } else {
                    var oldValue = $('#input_'+champs).val();
                    var newValue = $('#input_NEW_'+champs).val();
                }

	 
                $.ajax({
                    dataType : 'html',
                    url: '{{ path('ProjetAchat.Acteur.confirmationSwitch', {idProjet:idObjet}) }}',
                    data: {'OLD_USER' : oldValue, 'NEW_USER' : newValue, 'CHAMPS' : champs},
                    type: "POST",
                    statusCode: {
                        413: function(xhr) {
                            desactiveLoader();
                            desactivePopup();
                            alert('Error - ModSecurity.');
                        }
                    },
                    success: function(result){
                        $("#modal-content").removeClass('modal_large modal_small').addClass('modal_small');
                        
                        $("#modal-title").html('');
                        $("#modal-body").html(result);
                        activePopup ();
            
                        desactiveLoader();
                    }
                });
            }
        </script>

    </div>

{% endblock %}