{% extends 'layout.twig' %}

{% block body %}  


    <div class="contenu clearfix">
    
        <h1>
            {{ 'Transférer le panier' | trad }}      
        </h1>

        {{ ariane() }}

        <div class="content clearfix" id="transferePanier">

            <form name="form_nouveauPanier" id="form_nouveauPanier" method="post">
                <div class="div_input">
                    <div class="row">
                        {{ inputAdvance('TEXT', {
                            'titre' : 'Nom du panier' | trad,
                            'name' : 'PANIER',
                            'obligatoire' : true,
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'Transférer le panier à' | trad,
                            'name' : 'TRANSFERE',
                            'obligatoire' : true,

                            'pahtZoom' : path('Ajax.liste.utilisateur'),
                            'paramZoom' : "{'DEMAND' : 'T', 'ACCOXAPR' : 'T','VALIDE' : true,  'CODE_STE' : '"~panier.CODE_STE~"', 'NOTME' : true}",
                            'entity' : 'Hastutil',
                            'titleZoom' : 'Liste des utilisateurs disponibles pour le transfert' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                        }) }}
                    </div>

                    <div class="row input">
                            <button id="btn_transfere" class="button principal" type="button" onClick="ajaxPopupV2('{{ path('Panier.Panier.nouveauPanier', {action:'TRANSFERE'}) }}', 'form_nouveauPanier');">
                                {{ 'Transférer' | trad }}
                            </button>
                            {{ arianeAnnuler() }}
                    </div>
                </div>
                

            </form>
        </div>
    </div>
    <style>
        #transferePanier .div_input {
            margin: auto;
            width: 50%;
        }

        #transferePanier .div_input > .row.input {
            display:flex;
        }

        #transferePanier .div_input > .row.input > button:first-child {
            margin-left:auto;
        }
        #transferePanier .div_input > .row.input > a:last-child {
            margin-right:auto;
        }
    </style>
{% endblock %}