{% extends 'layout.twig' %}

{% block body %}

	<div class="contenu clearfix"  id="Consultation">
	
		<h1>
			{{ 'Consultations' | trad }}
		</h1>
		
		{{ ariane() }}
		
		<h2 id="divMenu" style="position:relative;">
			{{ consultation.OBJET_AO }} {{ 'créé le' | trad }} {{ consultation.DTE_AO | dateTrad }} {% if AOEventCreat.NOM %} {{ 'par' | trad }} {{ AOEventCreat.NOM }} {% endif %}
		</h2>
		
    	<div class="tab-content">
            	<div class="padding15">
            	
                {% include '@Consultation/Consultation/block_entete.twig' %}
    
                <div class="tab-content">
                    <h1 style='padding-bottom: 30px;'>
            	        {{ titre }}
            	        
                        <a id="EnregistrerProjet"class="button principal" onClick="ajaxPopupV2('{{ path('Consultation.DocAttendu.validate', {idAO:idAO,noOrdre:noOrdre}) }}', 'form_new_doc_att');">{{ 'Enregistrer' | trad }}</a>
        
                        <a class="button secondaire" href="{{ path('Consultation.Consultation.details', {'idAO' : idAO, 'onglet' : 'DocRep'}) }}">{{ 'Annuler' | trad }}</a>
        
                    </h1>
                    <form method="post" name="form_new_doc_att" id="form_new_doc_att" class="box-form clearfix">
												<div class="clearfix">
							<div class="single row">
								{{ inputAdvance('TEXT',{
									'titre' : 'Titre' | trad,
									'name' : 'TITRE_DOC',
									'value' : post.TITRE_DOC,
									'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator' : "{'sizeMin' : 1, 'sizeMax' : 120}",
									'obligatoire' : true,
									'option' : post.CODE_DOC? 'readOnly':'',
								}) }}
    							</div>
						</div>
						<div class="clearfix">
							<div class="single row">
                                {{ inputAdvance('TEXTAREA',{
							    	'titre' : 'Commentaire' | trad,
								    'name' : 'COMMENTAIRE',
								    'value' : post.COMMENTAIRE,
                        		    'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                        		    'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 3000}",
								}) }}
							</div>
						</div>
						<div class="clearfix">
							<div class="colonne2">
								<div class="row">
									{{ inputAdvance('SWITCH', {
									    'name' : 'OBLIGATOIRE',
									    'titre' :  'Obligatoire' | trad,
									    'value' : post.OBLIGATOIRE,
										'option' : blockObligatoire ? 'readOnly' : '',
									}) }}
								</div>
							</div>
						</div>
                	</form>
                </div>
                
                <script>
                	$('#input_CODE_DOC').change(function(){
                		if ($(this).val()=='') {
                			$('#input_TITRE_DOC').prop('readOnly', false);
                			$('#input_TITRE_DOC').val('');
                		} else {
                			$('#input_TITRE_DOC').prop('readOnly', true);
                			$('#input_TITRE_DOC').val($('#input_CODE_DOC option:selected').text());
                		}
                	});
                </script>
                	
        	</div>
		</div>
	</div>
	
{% endblock %}