{% extends 'layout.twig' %}

{% block body%}
<div class="contenu clearfix"  id="create_projetAchat">
		
		<h1>
			{% if type == 'M' %}
				{{ 'Modèles de Projets Achats' | trad }}
			{% else %}
                {{ 'Projets Achats' | trad }}
            {% endif %}
        </h1>

    	{{ ariane() }}
        <div class="tab-content">
            <h1 style='padding-bottom: 30px;'>
    	        {{ titre }}
                <a id="EnregistrerProjet"class="button principal" onClick="ajaxPopupV2('{{ path('ProjetAchat.ModeleProjet.validate', {type:type, idProjet:idProjet, typeSource:typeSource}) }}', 'form_new_modeleprojetAchat');">{{ 'Enregistrer' | trad }}</a>
                
                
                <a class="button secondaire" href="{{ pathBack }}">{{ 'Annuler' | trad }}</a>

            </h1>
            <form method="post" name="form_new_modeleprojetAchat" id="form_new_modeleprojetAchat" class="box-form clearfix">
            
    			{% for key, val in listeSelectInput %}
    				<input type='hidden' name='{{ key }}' id='{{ key }}' value='{{ val }}' />
    			{% endfor %}
            
            	<div class="clearfix">
            		{% if parametrageSaisieCode=='A' %}<div class="single row">
            		{% else %}<div class="clearfix">   <div class="colonne2">   <div class="row">{% endif %}
                        {{ inputAdvance('TEXT',{
                            'titre'                         : 'Libellé' | trad,
                            'name'                          : 'LIB',
                            'value'                         : post.LIB,
                            'pathValidator'                 : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator'               : "{'sizeMin' : '1', 'sizeMax' : '300'}",
                            'obligatoire'                   : true,
                        }) }}
                    </div>
                    {% if parametrageSaisieCode!='A'  %}
                    	</div>   <div class="colonne2 last">   <div class="row">
                            {{ inputAdvance('TEXT',{
                                'titre'                         : 'Référence' | trad,
                                'name'                          : 'REF',
                                'value'                         : post.REF,
                                'pathValidator'                 : path('Ajax.validator.isStringSansEspace'),
                                'paramsValidator'               : "{'sizeMin' : '1', 'sizeMax' : '30'}",
                                'obligatoire'                   : parametrageSaisieCode=='M'? true:false,
                                'option'                        : editOnly,
                            }) }}
                        </div>   </div>   </div>
                    {% endif %}
                	<div class="single row">
                        {{ inputAdvance('TEXTAREA',{
                            'titre'                         : 'Description' | trad,
                            'name'                          : 'DESCR',
                            'value'                         : post.DESCR,
                            'pathValidator'                 : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator'               : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                        }) }}
                	</div>
            	</div>
            	<hr>
            	<div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('SELECT', {
                                'titre'                 : 'Type de projet' | trad,
                                'name'                  : 'ID_TYPE',
                                'listeValue'            : listeType,
                                'value'                 : post.ID_TYPE,
                                'optionVide'            : true,
                                'obligatoire'           : type == 'D',
                            }) }}
    
                        </div>
                        {% if type=='D' %}
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Prescripteur' | trad,
                                    'name' : 'PRESCRIPTEUR',
                                    'obligatoire' : true,
                                    'pahtZoom' : path('Ajax.liste.utilisateur'),
                                    'entity' : 'HASTUTIL',
                                    'titleZoom' : 'Liste des prescripteurs' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.utilisateur'),
                                    'paramsValidator' : "{'nomChamp' : 'Prescripteur', 'null' : true}",
                                    'value' : post.PRESCRIPTEUR,
                                    'option' : editOnly,
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('DATE', { 
                                    'titre'                 : 'Date de début prévue' | trad,
                                    'name'                  : 'DATE_DEB',
                                    'value'                 : post.DATE_DEB | dateTrad,
                                    'pathValidator'         : path('Ajax.validator.date'),
                                    'paramsValidator'       : '{}',
                                    'option'                : (editOnly == 'READONLY') ? editOnly : 'onChange="ajaxRechercheTableau(\''~path('Ajax.liste.cdc')~'\', \'genetableau\', \'form\')"',
                                    'obligatoire'           : true,
                                }) }}      	    
                            </div>
                        {% endif %}
                        <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre' : 'Propriétaire' | trad,
                                    'name' : 'PROPRIETAIRE',
                                    'obligatoire' : true,
                                    'pahtZoom' : path('Ajax.liste.utilisateur'),
                                    'entity' : 'HASTUTIL',
                                    'titleZoom' : 'Liste des utilisateurs' | trad,
                                    'pathConvert' : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle' : 'convertLibelleGlobal',
                                    'pathValidator' : path('Ajax.validator.utilisateur'),
                                    'paramsValidator' : "{'nomChamp' : 'Propriétaire', 'null' : true}",
                                    'value' : post.PROPRIETAIRE,
                                    'option' : editOnly,
                                }) }}
                        </div>
                        <div class="row" {% if modeInitialisation %}style="display:none;"{% endif %}>
                            {{ inputAdvance('SWITCH', {
                                'titre' : 'Calcul du planning ?' | trad,
                                'name' : 'MODEPLANNING',
                                'value' : post.MODEPLANNING,
                                'textUnCheck' : 'Mode manuel' | trad,
                                'textCheck' : 'Mode recalcul dates' | trad,
                                'option' : (editOnly == 'READONLY') ? 'disabled' : '',
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row" {% if listeOpe is null %}style="display:none;"{% endif %}>
                            {{ inputAdvance('SELECT', {
                                'titre'                 : 'Opération' | trad,
                                'name'                  : 'CODE_OPE',
                                'listeValue'            : listeOpe,
                                'value'                 : post.CODE_OPE,
                                'optionVide'            : true,
                            }) }}
                        </div>
                        {% if type=='D' %}
                            <div class="row">
                                {{ inputAdvance('ZOOMADVANCE', {
                                    'titre'                 : 'Centre Emetteur' | trad,
                                    'name'                  : 'CTR_EMETT',
                                    'pahtZoom'              : path('Ajax.liste.centreEmetteur'),
                                    'paramZoom'             : "{'code_ste' : $('#input_CODE_STE').val() }",
                                    'entity'                : 'Centre',
                                    'titleZoom'             : 'Liste des centres' | trad,
                                    'pathConvert'           : path('Ajax.outil.convertLibelle'),
                                    'convertLibelle'        : 'convertLibelleGlobal',
                                    'pathValidator'         : path('Ajax.validator.zoom'),
                                    'paramsValidator'       : "{'entity' : 'Centre','nomChamp' : 'Centre émetteur', 'null' : false, 'post' : {'filter_EMISSION' : 'T', 'filter_CODE_STE' : ''}}",
                                    'value'                 : post.CTR_EMETT,
                                    'option'                : (editOnly == 'READONLY' or param.LOCK_CTR_EMET) ? 'readOnly':'',
                                    'obligatoire'           : true,
                                }) }}
                            </div>
                            <div class="row">
                                {{ inputAdvance('DATE', { 
                                    'titre'                 : 'Date fin prévue' | trad,
                                    'name'                  : 'DATE_FIN',
                                    'value'                 : post.DATE_FIN | dateTrad,
                                    'pathValidator'         : path('Ajax.validator.date'),
                                    'paramsValidator'       : '{}',
                                    'option'                : (editOnly == 'READONLY') ? editOnly : 'onChange="ajaxRechercheTableau(\''~path('Ajax.liste.cdc')~'\', \'genetableau\', \'form\')"',
                                    'obligatoire'           : true,        
                                }) }}      	    
                            </div>
                        {% endif %}
                        <div class="row" {% if modeInitialisation %}style="display:none;"{% endif %}>
                            {{ inputAdvance('SELECT', {
                                'titre'                 : 'Calendrier' | trad,
                                'name'                  : 'ID_CAL',
                                'listeValue'            : listeCal,
                                'value'                 : post.ID_CAL,
                                'obligatoire'           : true,   
                                'optionVide'            : true,
                                'option'                : editOnly,
                            }) }}
                        </div>
                    </div>
                </div>
                <hr>
                <div class="clearfix">
            		{{ inputCSAdvance({
            		    'codTab' : 'DOA',
            		    'codeEnr' : idProjet != 'noId' ? autoCompletCodeEnr(idProjet, '', 'DOA'):'',
            		    'colonneActif' : true,
            		    'obligatoire' : type == 'M'? false:null,
            		    'duplication': ((type == 'M' and typeSource == 'D') or (type == 'M' and typeSource == 'M') or (type == 'D' and typeSource == 'D'))? true:false,
                        'ModeModif' : idProjet!='noId'? true:false,
            		}) }}
                </div>
 
            </form>
        </div>
    <script>
    	$('#input_PRESCRIPTEUR').change(function(){
        	activeLoader();
            $.ajax({
                dataType : 'html',
                url: '{{ path('ProjetAchat.CreationProjetAchat.ajaxCentreEmetteur') }}',
                type: "POST",
                data: {'PRESCRIPTEUR' : $(this).val()},
                success: function(result){
                    var data = jQuery.parseJSON(result);
                    
                    $('#text_CTR_EMETT').val(data.CENTER).change();
                }
            });	
    	});

        $('#input_CTR_EMETT').change(function(){
            initCs('{{ path('Ajax.outil.initialisationCS') }}', 'DOA','CENTRE', $('#input_CTR_EMETT').val(), '{{ idProjet != 'noId'? autoCompletCodeEnr(idProjet, '', 'DOA'):'' }}');
        });
        $('#input_PROPRIETAIRE').change(function(){
            initCs('{{ path('Ajax.outil.initialisationCS') }}', 'DOA','HASTUTIL', $('#input_PROPRIETAIRE').val(), '{{ idProjet != 'noId'? autoCompletCodeEnr(idProjet, '', 'DOA'):'' }}');
        });
        $('#input_PRESCRIPTEUR').change(function(){
            initCs('{{ path('Ajax.outil.initialisationCS') }}', 'DOA','HASTUTIL', $('#input_PRESCRIPTEUR').val(), '{{ idProjet != 'noId'? autoCompletCodeEnr(idProjet, '', 'DOA'):'' }}');
        });

        $( document ).ready(function() {
            {% if idProjet == 'noId' %}
                initCs('{{ path('Ajax.outil.initialisationCS') }}', 'DOA','HASTUTIL', $('#input_PROPRIETAIRE').val(), '');
                initCs('{{ path('Ajax.outil.initialisationCS') }}', 'DOA','CENTRE', $('#input_CTR_EMETT').val(), '');
            {% endif %}
        });
    </script>
</div>

{% endblock %}
