<style>
	.table-fixed {
		display: inline-block;
		width: 100%;
		height: 420px;
		overflow-y: scroll;
	}

	.table-fixed table thead th {
		background-color: var(--header-main-color);
		position: sticky;
		top: 0;
		z-index: 2;
	}
</style>

<div id="buttonRegroup" class="bs-row flex-y-center mb-small">
	<span class="bs-col-auto">
		{{ 'Nombre de ligne(s) sélectionnée(s) pour le calcul du montant de base' | trad }}
		:
		<span id="countSelected">
			{{ post.selected_lignes | length }}
		</span>
	</span>
</div>


<div class="table-fixed">
	<table class="table table-hover" id="lineTable">
		<thead class="thead-dark">
			<tr>
				<th>
					{{ 'Numéro Ligne' | trad }}
				</th>
				<th>
					{{ 'Code Article' | trad }}
				</th>
				<th>
					{{ 'Désignation' | trad }}
				</th>
				<th>
					{{ 'Prix Unitaire' | trad }}
				</th>
				<th>
					{{ 'Quantité demandée' | trad }}
				</th>
				<th class="white-tooltip text-center">
					<input type="checkbox" name="selectAllLignes" class="form-control checkbox" id="selectAllLignes" data-checkall-input="checkAllTPLines"/>
					<span class="infos_tooltip left" style="text-align: center">
						{{ 'Tout sélectionner' | trad }}
					</span>
				</th>
			</tr>
		</thead>
		<tbody>
			{% if MODULE == 'PanierDA' or MODULE == 'PanierCDE' %}
				{% set produit = panierXml.ListProduit.Produit %}
				{% set produits = produit is iterable ? produit : produit is not null ? [produit] : [] %}
				{% for p in produits %}
					{% set ligneFullId = loop.index ~ 'LIGNE' %}
					<tr>
						<td class="numero_ligne_article">
							{{ loop.index }}
						</td>
                        <td class="code_article">
							{{ p.CodeArticle }}
						</td>
						<td class="designation_article">
							{{ p.DesArticle }}
						</td>
						<td class="pu_article montant">
							{{ ttc ? p.PxDemandeTtc|trim : p.PxDemande }}
						</td>
						<td class="qte_article montant">
							{{ p.QteDemande }}
						</td>
						<td class="text-center" width="20px">
							<input 
								type="checkbox" 
								data-checkall="checkAllTPLines" 
								class="form-control checkbox selected_lignes" 
								data-id="{{ ligneFullId }}" 
								data-code_art="{{ p.CodeArticle }}" 
								data-no_po="{{ loop.index }}" 
								data-des_somm="{{ p.DesArticle }}" 
								data-pu="{{ ttc ? p.PxDemandeTtc|trim : p.PxDemande }}" 
								data-qte_dem="{{ p.QteDemande }}" 
								data-seuil="{{ post.seuils[ligneFullId] ?? '' }}" 
								id="input_selected_lignes_{{ loop.index }}" 
								name="selected_lignes[{{ ligneFullId }}]" 
								value="{{ post.ligneFullId ?? ligneFullId }}" 
								{{ (ligneFullId in (post.selected_lignes ?? [])) or (allTpPos | length > 0 ? loop.index in (allTpPos|column('NUM_PO_CD')))  ? 'checked' }}
							/>
						</td>
					</tr>
				{% endfor %}

			{% elseif MODULE == 'DemandeAchat' or MODULE == 'Commande' %}
				{% set lignesAfficher = MODULE == 'DemandeAchat' ? listeLignesDa : listeLignesCa %}
				{% for ligne in lignesAfficher %}
						{% set ligneFullId = ligne.NO_PO ~ 'LIGNE' %}
						<tr>
							<td>
								{{ ligne.NO_PO }}
							</td>
                            <td>
								{{ ligne.CODE_ART }}
							</td>
							<td>
								{{ ligne.DES_SOMM }}
							</td>
							<td class="montant">
								{{ ligne.PU | prix ~ ' ' ~ devise }}
							</td>
							<td>
								{{ MODULE == 'DemandeAchat' ? (ligne.QTE_DEM ~ ' ' ~ ligne.UNITE) : (qteByUnite(ligne.QTE_COMM, ligne.UNITE) ~ ' ' ~ ligne.UNITE)}}
							</td>
							<td class="text-center" width="20px">
								<input 
								type="checkbox" 
								data-checkall="checkAllTPLines" 
								class="form-control checkbox selected_lignes" 
								data-id="{{ ligneFullId }}" 
								data-code_art="{{ ligne.CODE_ART }}" 
								data-no_po="{{ ligne.NO_PO }}" 
								data-des_somm="{{ ligne.DES_SOMM }}" 
								data-pu="{{ ttc ? (ligne.PU + (ligne.PU * ligne.TVA) / 100) : ligne.PU}}" 
								data-qte_dem="{{ MODULE == 'DemandeAchat' ? ligne.QTE_DEM : ligne.QTE_COMM }}" 
								data-seuil="{{ post.seuils[ligneFullId] ?? '' }}" 
								id="input_selected_lignes_{{ ligneFullId }}" 
								name="selected_lignes[{{ ligneFullId }}]" 
								{% if update %}
									{% if (ligne.NO_PO in post.LIGNES) or (allTpPos | length > 0 ? ligne.NO_PO in allTpPos|column('NUM_PO_CD')) %} checked {% endif %}
								{% else %}
									value="{{ post.ligneFullId ?? ligneFullId }}" {{ ligneFullId in (post.selected_lignes ?? []) ? 'checked' }} 
								{% endif %}
								/>
							</td>
						</tr>
					{% endfor %}
			{% endif %}
		</tbody>
	</table>
</div>

<div id="hiddenInputsContainer">
{% for ligneFullId in (post.selected_lignes ?? []) | filter(v => v not in listLignesDisplayed) %}
	<input type="hidden" name="selected_lignes_data[]" value="{{ ligneFullId }}">
{% endfor %}
</div>
