{% extends 'layout.twig' %}

{% block body %}
<section class="contenu clearfix"  id="commandes">
	<h1>
		{{ titre }}

		{{ Button('Export' | trad, false, '', 'ajaxPopup(\''~path('Commande.GestionCommande.popupExport')~'\', \''~'Export commande' | trad~'\', \'\', \'\', \'\', \'modal_export \')', '') }}
		{% if droit.HA_CA_CMV %}
			{{ Button('Création d\'une commande' | trad, true, path('Commande.CreationCommande.creation'), '', {}, false, 'ajout') }}
		{% endif %}				
	</h1>
		
	<ul class="nav nav-tabs">
		{% if module!='' %}
			{{ ariane() }}
		{% else %}
			<li class="{{ onglet == '' ? 'active' }}"
				onclick="addFiltre('input_type', '', 'filtre_commande')"
			>
				<a href="{{ path('Commande.GestionCommande.index') }}">
					{{- 'Gestion' | trad -}}
					<span class="nb_affectation">{{ gestionCount }}</span>
				</a>
			</li>
			{% if EnCoursCount > 0 %}
				<li class="{{ onglet =='EnCours' ? 'active' }}">
					<a href="{{ path('Commande.GestionCommande.index',{'onglet' : 'EnCours'}) }}">
						{{- 'En cours' | trad -}}
						<span class="nb_affectation">{{ EnCoursCount }}</span>
					</a>
				</li>
			{% endif %}
			{% if signatureCount > 0 %}
				<li class="{{ onglet =='EnSignature' ? 'active' }}">
					<a href="{{ path('Commande.GestionCommande.index',{'onglet' : 'EnSignature'}) }}">
						{{- 'En signature' | trad -}}
						<span class="nb_affectation">{{ signatureCount }}</span>
					</a>
				</li>
			{% endif %}
			{% if AEnvoyer > 0 %}
				<li class="{{ onglet =='AEnvoyer' ? 'active' }}">
					<a href="{{ path('Commande.GestionCommande.index',{'onglet' : 'AEnvoyer'}) }}">
						{{- 'A envoyer' | trad -}}
						<span class="nb_affectation">{{ AEnvoyer }}</span>
					</a>
				</li>
			{% endif %}
		{% endif %}
	</ul>
	<div class="tab-content" id="tab-content">
		<form method="post" name="filtre_commande" id="filtre_commande" style="margin-top: 5px;">
			{% if expActive %}
			<div>
				<ul class="nav nav-tabs sous_onglet sous_onglet_filter" id="filterTab">   
					<li id="tab_filter" class="active"><a data-toggle="tab" href="#filtre">{{ 'Filtres' | trad }}</a></li>
					<li id="tab_advance"><a data-toggle="tab" href="#filtreAdvance">{{ 'Expéditions' | trad }}</a></li>
					<li id="tab_favoris"><a data-toggle="tab" href="#favoris">{{ 'Recherches favorites' | trad }}</a></li>
					{{ initTabFilter(post, 'filterTab') }}
				</ul>
			</div>
			{% endif %}
			<div class="tab-content">
				<div id="filtre" class="tab-pane active in clearfix box-form">
					<div class="filtre first">
						<div class="row">
							<span id="loginUtilisateur" style="display:none;" >{{ login }}</span>
							{{ labelCreateur({
								'name': 'creerPar',
								'code': user.CODE,
								'libelle': user.NOM,
								'titre': 'Acheteur' | trad,
								'textTooltip': 'Filtrer sur mes commandes' | trad,
								'orientation': 'top-left',
								'form' : 'filtre_commande',
							}) }}
							{{ inputAdvance('ZOOMADVANCE',{
								'name' : 'creerPar',
								'value' : post.creerPar,
								'entity' : 'HASTUTIL',
								'pathConvert' : path('Ajax.outil.convertLibelle'),
								'convertLibelle' : 'convertLibelleGlobal',
								'pahtZoom' : path('Ajax.liste.utilisateur'),
								'paramZoom' : "{'valide' :'on', 'ACHETEUR' : 'T'}",
								'titleZoom' : 'Listes des acheteurs' | trad,
							}) }}

						</div>
					</div>
					<div class="filtre">
						<div class="row">
							{{ inputAdvance('SELECT', {
								'titre' : 'Etat financier' | trad,
								'name' : 'filter_ETAT_FIN',
								'value' : post.filter_ETAT_FIN,
								'listeValue' : listeEtatFinancier,
							}) }}
						</div>
					</div>
					<div class="filtre">
						<div class="row">
							{{ inputAdvance('ZOOMADVANCE', {
								'titre' : 'Type de doc.' | trad,
								'name' : 'filter_TYP_DOC',
								'value' : post.filter_TYP_DOC,
								'entity' : 'typeDoc',
								'pathConvert' : path('Ajax.outil.convertLibelle'),
								'convertLibelle' : 'convertLibelleGlobal',
								'pahtZoom' : path('Ajax.liste.typeDoc'),
								'paramZoom' : "{'valide' :'on'}",
								'titleZoom' : 'Type de document' | trad,
							}) }}
						</div>
					</div>
					<div class="filtre last">
						<div class="row">
							{{ inputAdvance('ZOOMADVANCE', {
								'titre' : 'N° DCC' | trad,
								'name' : 'dcc',
								'value' : post.dcc,
								'entity' : 'dccEntet',
								'pathConvert' : path('Ajax.outil.convertLibelle'),
								'convertLibelle' : 'convertLibelleGlobal',
								'pahtZoom' : path('Ajax.liste.dccEntet'),
								'paramZoom' : "",
								'titleZoom' : 'Liste DCC' | trad,
							}) }}
						</div>
					</div>
					<div class="filtre first">
						<div class="row">
							{{ inputAdvance('SELECT', {
								'titre' : 'Sous traitance' | trad,
								'name' : 'sousTraitance',
								'value' : post.sousTraitance,
								'listeValue' : listeSousTraitance,
							}) }}
						</div>
					</div>
					<div class="filtre">
						<div class="row">
							{{ inputAdvance('SWITCH', {
								'titre' : 'A/R non saisi ?' | trad,
								'name' : 'AR',
								'value' : post.AR,
							}) }}
						</div>
					</div>
					<div class="filtre">
						<div class="row">
							{{ inputAdvance('ZOOMADVANCE', {
								'titre' : 'Sous-famille' | trad,
								'name' : 'SSFAMILLE',
								'value' : post.SSFAMILLE,
								'entity' : 'sousFamille',
								'pathConvert' : path('Ajax.outil.convertLibelle'),
								'convertLibelle' : 'convertLibelleGlobal',
								'pahtZoom' : path('Ajax.liste.sousFamille'),
								'paramZoom' : "",
								'titleZoom' : 'Liste sous-famille' | trad,
							}) }}
						</div>
					</div>
					<div class="filtre last">
						<div class="row">
							{{ inputAdvance('TEXT', {
								'titre' : 'Mots Clés' | trad,
								'name' : 'MOTCLE',
								'value' : post.MOTCLE,
							}) }}
						</div>
					</div>
					{% if isTermPaieActive %}
						<div class="filtre first">
							<div class="row">
								{{ inputAdvance('SELECT', {
									'name' : 'termesDePaiement',
									'titre' : 'Termes de paiement' | trad,
									'listeValue' : {'': '', 'O': 'Oui' | trad, 'V': 'A valider' | trad, 'N': 'Non' | trad},
									'value' : post.termesDePaiement,
									'bulle' : true,
								}) }}
							</div>
						</div>
					{% endif %}
					<div class="filtreBtn">
						<button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
						<button class="secondaire button ajout button_right " id="buttonCollapseFA" data-toggle="collapse" href="#filtre_avances" >
							{{ 'Filtres avancés' | trad }}
						</button>
						<input type="hidden" id="retract" value="{{'Rétracter' | trad}}">
						<input type="hidden" id="advancedFilters" value="{{ 'Filtres avancés' | trad }}">
					</div>
				</div>
				<div id="favoris" class="tab-pane fade clearfix box-form">
					{% include '@suivi/Global/_favoris.twig' with {'module' : 'GCDE'} %}
				</div>
				{% if expActive %}
					<div id="filtreAdvance" class="tab-pane fade clearfix box-form">
						<div class="filtre first">
							<div class="row">
								{{ inputAdvance('SELECT', {
									'titre' : 'Présence Expédition' | trad,
									'name' : 'filter_CDE_EXP',
									'value' : post.filter_CDE_EXP,
									'listeValue' : expedition,
								}) }}
							</div>
						</div>
						<div class="filtre">
							<div class="row">
								{{ inputAdvance('SELECT', {
									'titre' : 'Etat d\'expédition' | trad,
									'name' : 'filter_EXP_SOLDEES',
									'value' : post.filter_EXP_SOLDEES,
									'listeValue' : etatExpedition,
								}) }}
							</div>
						</div>
						<div class="filtre">
							<div class="row">
								{{ inputAdvance('SWITCH', {
									'titre' : 'Sans logisticien ?' | trad,
									'name' : 'sansLogi',
									'value' : post.sansLogi,
								}) }}
							</div>
						</div>
						<div class="filtre last">
							<div class="row">
								{{ inputAdvance('ZOOMADVANCE', {
									'titre' : 'Logisticien' | trad,
									'name' : 'filter_LOGIST',
									'value' : post.filter_LOGIST,
									'entity' : 'hastutil',
									'pathConvert' : path('Ajax.outil.convertLibelle'),
									'convertLibelle' : 'convertLibelleGlobal',
									'pahtZoom' : path('Ajax.liste.utilisateur'),
									'paramZoom' : "{'filter_LOGIST' : 'T'}",
									'titleZoom' : 'Logisticien' | trad,
								}) }}
							</div>
						</div>
						<div class="filtre first">
							<div class="row">
								{{ inputAdvance('SWITCH', {
									'titre' : 'Facture proforma à éditer' | trad,
									'name' : 'facture',
									'value' : post.facture,
								}) }}
							</div>
						</div>
						<div class="filtre ">
							<div class="row">
								{{ inputAdvance('SELECT', {
									'titre' : 'Documents attendus' | trad,
									'name' : 'docAttendu',
									'value' : post.docAttendu,
									'listeValue' : docAttendu,
								}) }}
							</div>
						</div>

						<div class="filtreBtn">
							<button type="submit" class="principal button btn_filtre last button_right">{{ 'Filtrer' | trad }}</button>
						</div>
					</div>
				{% endif %}
			</div>

			<div id="filtre_avances" class="collapse clearfix">
				{{ filtreAvance(post, filtreAvance, initFiltreAvance) }}
			</div>

			<div class="resultat_filtre">
				{{ bullFiltre(post, 'filtre_commande') }}
			</div>
			
			<div id="refreshDiv">
			<table class="table table-hover">
				<thead class="thead-dark">
					<tr>
						<th scope="col" width='110px'>{{ triTable('NO_CDE',  post.tri_NO_CDE, 'Numéro' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width=''>{{ triTable('codeFourn',  post.tri_codeFourn, 'Fournisseur' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width=''>{{ triTable('CODE_STE',  post.tri_CODE_STE, 'Société' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col">{{ triTable('ACH',  post.tri_ACH, 'Acheteur' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width=''>{{ triTable('DTE_CREAT',  post.tri_DTE_CREAT, 'Date création' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width='' colspan="2">{{ triTable('TOT_CDEHT',  post.tri_TOT_CDEHT, 'Total HT' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width='' colspan="2">{{ triTable('TOT_TTC',  post.tri_TOT_TTC, 'Total TTC' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col">{{ triTable('ETAT_CDE',  post.tri_ETAT_CDE, 'Etat physique' | trad, '', '', 'filtre_commande') }}</th>
						<th scope="col" width="130px">{{ 'Infos' | trad }}</th>
						<th scope="col" width="40px">{{ 'Actions' | trad }}</th>
					</tr>
				</thead>

				<tbody>
					<tr class="recherche">
						<td>{{ filterTable('NO_CDE', post.filter_NO_CDE, '', '', '', 'filtre_commande', '', '') }}</td>
						<td>{{ zoomFilter('fourniss', post['filter_fourniss'], '', 'filtre_commande', path('Ajax.liste.fournisseur'),'Liste des fournisseurs' | trad, '','','Fournisseur' | trad,'','','libelle_Fourniss') }}</td>
						<td>{{ zoomFilter('egal_CODE_STE', post['filter_egal_CODE_STE'], '', 'filtre_commande', path('Ajax.liste.societe'),'Liste des sociétés' | trad, '','','Société' | trad,'','','libelle_Societe') }}</td>
						<td>{{ zoomFilter('ACH'~spliter()~'NOM', post['filter_ACH'~spliter()~'NOM'], '', 'filtre_commande', path('Ajax.liste.utilisateur'),'Listes des acheteurs' | trad, '','','Utilisateur','','','Hastutil') }}</td>
						<td>{{ filterTable('date_DTE_CREAT', post.filter_date_DTE_CREAT, '', '', '','filtre_commande', 'datepicker','Créé le') }}</td>
						<td colspan="2">{{ filterTable('TOT_CDEHT', post.filter_TOT_CDEHT, '', '', '', 'filtre_commande', 'montant', '') }}</td>
						<td colspan="2">{{ filterTable('TOT_TTC', post.filter_TOT_TTC, '', '', '', 'filtre_commande', 'montant', '') }}</td>
						<td>{{ filterSelect('ETAT_CDE', post.filter_ETAT_CDE, listeEtatPhysique, 'filtre_commande', '','', path('Commande.GestionCommande.index'), '', '') }}</td>
						<td></td>
						<td></td>
					</tr>
				{% for commande in listeCde %}
					<tr id="commande{{ commande.NO_CDE }}" class="commande{{ commande.NO_CDE }}focus">
						<td class="code toggleSlide" onclick="toggleSlide('{{ path('Commande.GestionCommande.detailCommande', {idCommande : commande.NO_CDE, origine:origine}) }}' , 'commande{{ commande.NO_CDE }}detail');">{{ commande.NO_CDE }} {% if commande.AVENANT %}- {{ commande.AVENANT }}{% endif %}</td>
						<td style="cursor:pointer;" onclick="activeLoader();document.location.href='{{ path('Commande.Commande.article', {idCommande : commande.NO_CDE}) }}'">{{ commande.RS }} ({{ commande.CODE_FOU }})</td>
						<td>{{ commande.CODE_STE }}</td>
						<td>{{ commande.NOM }} ({{ commande.ACH }})</td>
						<td>{{ commande.DTE_CREAT | dateTrad }}</td>
						<td class="montant">{{ commande.TOT_CDEHT | tva }}</td>
						<td class="devise">{{ commande.DEVISE }}</td>
						<td class="montant">{{ commande.TOT_TTC | tva }}</td>
						<td class="devise">{{ commande.DEVISE }}</td>
						<td {% if commande.NOM_REFUS %}class="white-tooltip"{% endif %}>
							{{ getCdeStatutLabel(commande) }}
							{% if commande.NOM_REFUS %}
							<span class="infos_tooltip left" style="width:100%; text-align: left;">
								<span>{{ 'De' | trad }} : {{ commande.NOM_REFUS }}</span><br>
								<span>{{ 'Le' | trad }} : {{ commande.DTE_REFUS |dateTrad }}</span><br>
								<span>{{ 'Motif' | trad }} : {{ commande.MOTIF_REFUS }}</span>
							</span>
							{% endif %}
						</td>
						<td>
							<div class="tdIcone">
							{% if commande.ETAT_FIN=='F' %}
								<span class="white-tooltip soldeFinancier">
									<span class="infos_tooltip top-left">
										{{ 'Soldée financièrement' | trad }}
									</span>
								</span>
							{% endif %}
							{% if commande.DOC_ATT>0 %}
								<a href="{{ path('GlobalApplication.DocumentRattaches.document', {MODULE:'Commande',id:commande.NO_CDE}) }}" class="documents_attaches white-tooltip">
									<span class="infos_tooltip top-left">
										{{ 'Présence de documents rattachés pour cette commande. Cliquer pour les visualiser' | trad }}
									</span>
								</a>
							{% endif %}
							{% if commande.PJ>0 %}
								<a href="{{ path('Commande.PieceJointe.index', {idCommande:commande.NO_CDE}) }}" class="pieces_jointes white-tooltip">
									<span class="infos_tooltip top-left">
										{{ 'Présence de pièces-jointes pour cette commande. Cliquer pour les visualiser.' | trad }}
									</span>
								</a>
							{% endif %}
							{% if commande.BLOCNOTE %}
								<a onclick="ajaxPopup ('{{ path('Ajax.outil.contentText') }}', '{{ 'Bloc-note' | trad }}', '{{ commande.BLOCNOTE |e('js')|raw }}', '')"
									class="blocNote white-tooltip">
									<span class="infos_tooltip top-left">
										{{ commande.BLOCNOTE }}
									</span>
								</a>
							{% endif %}
							{% if commande.INCIDENT %}
								<a href="{{ path('GlobalApplication.Incidents.incidents', {MODULE:'Commande', id: commande.NO_CDE}) }}"
									class="incidents white-tooltip">
									<span class="infos_tooltip top-left">
										{{ 'Incident présent sur cette commande.' | trad }}
									</span>
								</a>
							{% endif %}
							{% if commande.countActiveNotation != 0 %}
								<span class="white-tooltip Notation">
									<span class="infos_tooltip top-left">
										{{ 'Notation manuelle en cours' | trad }}
									</span>
								</span>
							{% endif %}
							{% if commande.CAEN_ECART_LIVR | boolSql %}
								<span class="white-tooltip ecart_planning">
									<span class="infos_tooltip top-left">
										{{ 'Une date de livraison a été modifiée' | trad }}
									</span>
								</span>
							{% endif %}
							{% if commande.SUIVI_TERME_PAIEMENT %}
								<a href="{{ path('TermeDePaiement.TermeDePaiement.suiviAvancementTp', {MODULE:'Commande', id: commande.NO_CDE}) }}"
									class="white-tooltip icosq-mg-termes-de-paiement ">
									<span class="infos_tooltip top-left" style="font-size: smaller !important">
										{{ 'Suivi de l\'avancement des termes de paiement' | trad }}
									</span>
								</a>
							{% elseif commande.TERME_DE_PAIEMENT %}
								<span class="white-tooltip icosq-mg-termes-de-paiement ">
									<span class="infos_tooltip top-left" style="font-size: smaller !important;">
										{{'Termes de paiement présents'| trad ~ colon() }}<br/>
										{{'Pour visualiser -> menu action puis visualiser.'| trad}}<br/>
										{{'Pour modifier -> menu action puis modifier.'| trad}}
									</span>
								</span>
							{% endif %}
							</div>
						</td>
						<td class="parametrage">
							{{ menuContextuel('commande'~commande.NO_CDE, true, commande.menuContextuelCol) }}
						</td>
					</tr>
					<tr id="commande{{ commande.NO_CDE }}detail" class="detail_ligne hide_detail">
					</tr>
				{% endfor %}
				</tbody>
			</table>
			</div>
			{{ paginations(path('Commande.GestionCommande.index', {onglet:origine}),infoPagination.nombreDePage, infoPagination.page, infoPagination.post, '') }}
		</form>
	</div>
</section>
<script type="template/html">

</script>
<script>
function validateCommande(path, noCde, avenant)
{
	messageAveant = '';
	if (avenant) {
		messageAveant = ' - '+avenant;
	}

	activeLoader();
	$.ajax({
		url: path,
		type: 'POST',
		dataType: 'html',
		success: function (data) {
			desactiveLoader();
			$("#modal-content").addClass("modal_small");
			$("#modal-body").html(data);
			$("#modal-title").html('{{ 'Validation commande N°' | trad }} '+noCde+messageAveant);

			activePopup();
		},
		error: function (data){
			var data = jQuery.parseJSON(data.responseText);
			refrechDiv(window.location.pathname, data.divRefresh, data.formRefresh);
		}
	});
}


function ajaxJsonPopup(path) {

	activeLoader();
	$.ajax({
		url: path,
		type: 'POST',
		dataType: 'json',
		success: function (data) {
			desactiveLoader();
			activePopup(data.title, data.body, 'modal_small');
		},
		error: function (data){
			desactiveLoader();
			activePopup(data.title, data.body, 'modal_small');
		}
	});
}
</script>
{% endblock %}
