{% extends 'layout.twig' %}

{% block body %}

	<div class="contenu clearfix" id="commandes">

		<h1>
			{{ 'Commandes' | trad }}
		</h1>

		{{ ariane() }}

		<h2>
			{{ '(Dé)solder physiquement la commande n°' |trad }}
			:
			{{ idCommande }}
			{{ Button('Annuler' | trad, 0, path('Commande.GestionCommande.index')) }}
			<button class="secondaire" onclick="validationSolde('{{ path('Commande.solderCommande.validationPhysique', {'idCommande' : idCommande, 'mode' : 'desoldeComplet'}) }}');">{{ 'Désolde complet' | trad }}</button>
			<button class="principal" onclick="validationSolde('{{ path('Commande.solderCommande.validationPhysique', {'idCommande' : idCommande, 'mode' : 'soldeComplet'}) }}');">{{ 'Solde complet' | trad }}</button>
		</h2>
        <script>
            function validationSolde(path)
            {
                activeLoader();
                $.ajax({
                    url : path,
                    type: 'POST',
                    dataType : 'html',
                    data: $('#filtre_solde').serialize(),
                    success: function (data) {            
                        desactiveLoader();
                        $("#modal-content").addClass("modal_small");
                        $("#modal-body").html(data);
                        $("#modal-title").html('');
                        activePopup();
                    }
                });
            }
        </script>
        <script>
            function activeTextIncident(id)
            {
                if($('#input_Operation'+id).val()=='T') {
                    $('#divSwitchIncident'+id).show();
                    $('#switchEntetIncident').show();
                } else {
                    $('#divSwitchIncident'+id).hide();

                    hideIncidentEntet();
                }
            }        

            function hideIncidentEntet() {
                var hideIncident = true;
                $('.selectSolde').each(function(){
                    if ($(this).val() =='T') {
                        hideIncident = false;
                    }
                });

                if (hideIncident) {
                    $('#switchEntetIncident').hide();
                }
            }      	

            hideIncidentEntet();	

            $('.createIncident').change(function(){
                var idInput = $(this).attr('id'); 
                var inputSplit = idInput.split('_');

                if (inputSplit[2] == '') {
                    if($(this).is(':checked')) {
                        $('#divEnteteIncident').show();
                    } else {
                        $('#divEnteteIncident').hide();
                        $('#input_incidentGlobal').val('');
                        $('#input_CommentaireGlobal').val('');
                    }
                } else {
                    if($(this).is(':checked')) {
                        $('#divIncident_'+inputSplit[2]).show();
                    } else {
                        $('#divIncident_'+inputSplit[2]).hide();
                        $('#input_incidentGlobal').val('');
                        $('#input_CommentaireGlobal').val('');
                    }
                }

            });
        </script>
		<div class="tab-content">
			<form method="post" name="filtre_solde" id="filtre_solde" class="clearfix padding-Vert15">
				<div class="clearfix">
					<div class="colonne2">
						<div class="row" id="switchEntetIncident">
							{{ inputAdvance('SWITCH', {
                                'titre' : 'Créer un incident de solde d\'entête de commande ?'|trad,
                                'name'  : 'CREATINC_',
                                'addClass' : 'createIncident',
                            }) }}
                        </div>
                    </div>
                </div>
                <div class="clearfix" id="divEnteteIncident" style="display:none;">
                    <div class="colonne2">
                        {{ inputAdvance('TEXT', {
                            'titre' : 'Incident global du solde' |trad, 
                            'name' : 'incidentGlobal',
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 60}",
                        }) }}
                    </div>
                    <div class="colonne2 last">
                        {{ inputAdvance('TEXTAREA', {
                            'titre' : 'Commentaire global du solde' |trad, 
                            'name' : 'CommentaireGlobal',
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 3000}",
                        }) }}
                    </div>
                </div>

                <hr>
                
                <button class="principal button_right" type="button" style="margin-bottom:10px;" onClick="validationSolde('{{ path('Commande.solderCommande.validationPhysique', {'idCommande' : idCommande, 'mode' : 'manuel'}) }}')";>{{ 'Solde/Désolde de la sélection' | trad }}</button>

						<table class="table table-hover padding-vert15">
							<thead class="thead-dark">
								<tr>
									<th scope="col">{{ 'Ligne' | trad }}</th>
									<th scope="col">{{ 'Code art.' | trad }}</th>
									<th scope="col">{{ 'Désign.' | trad }}</th>
                                    <th scope="col">{{ 'Désign. complémentaire' | trad }}</th>
									<th scope="col">{{ 'Qte commandé' | trad }}</th>
									<th scope="col">{{ 'Reste à livrer' | trad }}</th>
									<th scope="col">{{ 'Unité' | trad }}</th>
									<th scope="col">{{ 'Date de livraison' | trad }}</th>
									<th scope="col">{{ 'Soldée ?' | trad }}</th>
								</tr>
							</thead>
							<tbody>
								{% for ligne in listeLigne %}
									<tr id="ligne{{ ligne.NO_PO }}">
										<td id='loupe{{ ligne.NO_PO }}' class="loupe">{{ ligne.NO_PO }}
											<input type="hidden" name="NO_PO{{ ligne.NO_PO }}"></td>
										<td>{{ ligne.CODE_ART }}</td>
										<td>{{ ligne.DES_SOMM }}</td>
                                        <td>{{ shortLibelle(ligne.DES_COMP) }}</td>
										<td>{{ ligne.QTE_COMM | tva}}</td>
										<td>{{ ligne.RAL | tva}}</td>
										<td>{{ ligne.UNITE }}</td>
										<td>{{ ligne.DTELIVPRE | dateTrad }}</td>
										<td>
											{{ inputAdvance('SELECT', {
                                                'name' : 'Operation'~ligne.NO_PO,
                                                'listeValue' : tabSelect,
                                                'value' : ligne.SOLD_PHYS,
                                                'addStyle' : 'selectSolde',
                                                'myFunction' : 'activeTextIncident',
                                                'myParams' : '["'~ligne.NO_PO~'"]',
                                            }) }}
										</td>
									</tr>
									<tr id="ligne{{ ligne.NO_PO }}detail" class="detail_ligne hide_detail">
										<td colspan="8" style="border-bottom : 2px solid rgba(102, 175, 233,0.9)">

											<div class="clearfix" id="divSwitchIncident{{ligne.NO_PO}}" {% if ligne.SOLD_PHYS | boolSql == false %} style="display:none;" {% endif %}>
												<div class="colonne2">
													<div class="row">
														{{ inputAdvance('SWITCH', {
                                                'titre' : 'Créer un incident ?',
                                                'name'  : 'CREATINC_'~ligne.NO_PO,
                                                'addClass' : 'createIncident',
                                            }) }}
													</div>
												</div>
											</div>

											<div class="clearfix" id="divIncident_{{ligne.NO_PO}}" style="display:none;">
												<div class="colonne2">
													{{ inputAdvance('TEXT', {
                                                        'titre' : 'Incident', 
                                                        'name' : 'incident'~ligne.NO_PO,
                                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                                        'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 60}",
                                                        'obligatoire' : true,
                                                    }) }}
												</div>
												<div class="colonne2 last">
													{{ inputAdvance('TEXTAREA', {
                                                        'titre' : 'Commentaire', 
                                                        'name' : 'Commentaire'~ligne.NO_PO,
                                                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                                                        'paramsValidator' : "{'sizeMin' : 0, 'sizeMax' : 3000}",
                                                    }) }}
												</div>
											</div>
										</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</form>
				</div>
			</div>
		{% endblock %}
