window.updateSaveButtonState = window.updateSaveButtonState || function () {};
window.markOrderDirty = window.markOrderDirty || function () {};

(function () {
	function initWorkspace() {
		const wrap = document.getElementById('ass-client-workspace');
		if (!wrap) return;

		const ajaxUrl = wrap.dataset.ajaxUrl;
		const nonce = wrap.dataset.nonce;
		const screen = wrap.dataset.screen || 'workspace';
		const initialOrderId = parseInt(wrap.dataset.orderId || '0', 10);
		const initialOrderMode = ['view', 'edit', 'repeat', 'new'].includes(wrap.dataset.orderMode || 'edit') ? (wrap.dataset.orderMode || 'edit') : 'edit';
		const initialCustomerId = parseInt(wrap.dataset.customerId || '0', 10);
		const workspaceBaseUrl = wrap.dataset.workspaceUrl || (window.location.origin + window.location.pathname);

		const workspaceScreen = document.getElementById('asscw-workspace-screen');
		const orderScreen = document.getElementById('asscw-order-screen');
		const orderScreenContent = document.getElementById('asscw-order-screen-content');
		const orderTitle = document.getElementById('asscw-order-title');
		const saveOrderButton = document.getElementById('asscw-save-order-button');
		const noticeBox = document.getElementById('asscw-notice');
		const backToCustomerBtn = document.getElementById('asscw-back-to-customer-button');
		const backToWorkspaceLink = document.getElementById('asscw-back-to-workspace-link');

		const input = document.getElementById('asscw-search-input');
		const clearBtn = document.getElementById('asscw-clear-search');
		const resultsBox = document.getElementById('asscw-search-results');
		const detailBox = document.getElementById('asscw-client-detail');
		const ordersBox = document.getElementById('asscw-orders');
		const selectedClientBar = document.getElementById('asscw-selected-client-bar');
		const selectedClientName = document.getElementById('asscw-selected-client-name');
		const changeClientBtn = document.getElementById('asscw-change-client-btn');

		let timer = null;
		let productTimer = null;
		let selectedCustomerId = 0;
		let selectedCustomerLabel = '';
		let keyboardIndex = -1;
		let currentOrderData = null;
		let currentOrderMode = initialOrderMode;
		let currentCustomerId = initialCustomerId || 0;
		let orderHasUnsavedChanges = false;
		let isSavingOrder = false;
		let productSearchRequestId = 0;
		let currentProductPreviewId = 0;
		let clientSearchRequestId = 0;
		let lastSearchTerm = '';
		let lastSearchResults = [];
		const searchStateStorageKey = 'asscw_last_search_state';

		const defaultDetailHtml = 'Sélectionne un client pour afficher sa fiche.';
		const defaultOrdersHtml = 'Aucune commande à afficher.';

		function escapeHtml(value) {
			return String(value || '')
				.replace(/&/g, '&')
				.replace(/</g, '&lt;')
				.replace(/>/g, '&gt;')
				.replace(/"/g, '&quot;')
				.replace(/'/g, '&#039;');
		}

		function showNotice(message, type) {
			if (!noticeBox) return;
			noticeBox.className = 'asscw-notice ' + (type === 'error' ? 'is-error' : 'is-success');
			noticeBox.textContent = message || '';
			noticeBox.style.display = 'block';
			window.clearTimeout(showNotice._timer);
			showNotice._timer = window.setTimeout(function () {
				noticeBox.style.display = 'none';
			}, 5000);
		}

		function updateSaveButtonState() {
			if (!saveOrderButton) return;
			if (currentOrderMode === 'view' || !currentOrderData) {
				saveOrderButton.style.display = 'none';
				return;
			}

			saveOrderButton.style.display = 'inline-flex';
			if (isSavingOrder) {
				saveOrderButton.disabled = true;
				saveOrderButton.textContent = 'Enregistrement...';
				return;
			}

			saveOrderButton.disabled = !orderHasUnsavedChanges;
			if (currentOrderMode === 'repeat' || currentOrderMode === 'new') {
				saveOrderButton.textContent = orderHasUnsavedChanges ? 'Créer la commande' : 'Enregistré';
				return;
			}

			saveOrderButton.textContent = orderHasUnsavedChanges ? 'Enregistrer' : 'Enregistré';
		}

		function markOrderDirty() {
			if (currentOrderMode === 'view') return;
			orderHasUnsavedChanges = true;
			updateSaveButtonState();
		}

		window.updateSaveButtonState = updateSaveButtonState;
		window.markOrderDirty = markOrderDirty;

		function post(action, payload) {
			const form = new URLSearchParams();
			form.append('action', action);
			form.append('nonce', nonce);
			Object.keys(payload || {}).forEach(function (key) {
				const value = payload[key];
				if (typeof value === 'object') {
					form.append(key, JSON.stringify(value));
				} else {
					form.append(key, value);
				}
			});

			return fetch(ajaxUrl, {
				method: 'POST',
				headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
				body: form.toString(),
				credentials: 'same-origin'
			}).then(async function (response) {
				const text = await response.text();
				try {
					return JSON.parse(text);
				} catch (e) {
					throw new Error('La requête a renvoyé une réponse invalide.');
				}
			});
		}

		function buildCustomerUrl(customerId) {
			const url = new URL(workspaceBaseUrl, window.location.origin);
			url.searchParams.delete('asscw_screen');
			url.searchParams.delete('asscw_order');
			url.searchParams.delete('asscw_mode');
			url.searchParams.delete('asscw_customer');
			if (customerId) {
				url.searchParams.set('asscw_customer', String(customerId));
			}
			return url.toString();
		}

		function buildWorkspaceUrl() {
			const url = new URL(workspaceBaseUrl, window.location.origin);
			url.searchParams.delete('asscw_screen');
			url.searchParams.delete('asscw_order');
			url.searchParams.delete('asscw_mode');
			url.searchParams.delete('asscw_customer');
			return url.toString();
		}

		function updateWorkspaceUrl(customerId) {
			window.history.replaceState({}, '', customerId ? buildCustomerUrl(customerId) : buildWorkspaceUrl());
		}

		function updateClearButton() {
			if (!clearBtn || !input) return;
			clearBtn.style.display = input.value.trim().length ? 'block' : 'none';
		}

		function showResultsBox() {
			if (resultsBox) resultsBox.style.display = 'block';
		}

		function hideResultsBox() {
			if (resultsBox) resultsBox.style.display = 'none';
		}

		function showSelectedClientBar(label) {
			if (!selectedClientBar || !selectedClientName) return;
			selectedClientName.textContent = label || '';
			selectedClientBar.style.display = 'flex';
		}

		function hideSelectedClientBar() {
			if (!selectedClientBar || !selectedClientName) return;
			selectedClientName.textContent = '';
			selectedClientBar.style.display = 'none';
		}

		function getResultItems() {
			return Array.from(resultsBox.querySelectorAll('.asscw-result-item[data-customer-id]'));
		}

		function resetKeyboardSelection() {
			keyboardIndex = -1;
			clearSelectionHighlight();
		}

		function applyKeyboardHighlight() {
			const items = getResultItems();
			items.forEach(function (item, index) {
				if (index === keyboardIndex) {
					item.classList.add('asscw-selected');
					item.scrollIntoView({ block: 'nearest' });
				} else if (parseInt(item.getAttribute('data-customer-id'), 10) !== parseInt(selectedCustomerId, 10)) {
					item.classList.remove('asscw-selected');
				}
			});
		}

		function setKeyboardIndex(index) {
			const items = getResultItems();
			if (!items.length) { keyboardIndex = -1; return; }
			if (index < 0) index = items.length - 1;
			if (index >= items.length) index = 0;
			keyboardIndex = index;
			applyKeyboardHighlight();
		}

		function clearSelectionHighlight() {
			resultsBox.querySelectorAll('.asscw-result-item.asscw-selected').forEach(function (item) {
				item.classList.remove('asscw-selected');
			});
		}

		function highlightSelectedCustomer() {
			clearSelectionHighlight();
			if (!selectedCustomerId) return;
			const item = resultsBox.querySelector('.asscw-result-item[data-customer-id="' + selectedCustomerId + '"]');
			if (item) item.classList.add('asscw-selected');
		}

		function resetWorkspace() {
			selectedCustomerId = 0;
			selectedCustomerLabel = '';
			clearLastSearchState();
			resultsBox.innerHTML = '';
			showResultsBox();
			hideSelectedClientBar();
			resetKeyboardSelection();
			detailBox.innerHTML = '<div class="asscw-empty">' + defaultDetailHtml + '</div>';
			ordersBox.innerHTML = '<div class="asscw-empty">' + defaultOrdersHtml + '</div>';
			updateClearButton();
			updateWorkspaceUrl(0);
			updateBackButtons(0);
		}

		function switchToWorkspace() {
			if (workspaceScreen) workspaceScreen.style.display = '';
			if (orderScreen) orderScreen.style.display = 'none';
		}

		function switchToOrderScreen() {
			if (workspaceScreen) workspaceScreen.style.display = 'none';
			if (orderScreen) orderScreen.style.display = '';
		}

		function updateBackButtons(customerId) {
			currentCustomerId = parseInt(customerId || '0', 10) || 0;
			if (backToCustomerBtn) backToCustomerBtn.style.display = currentCustomerId ? '' : 'none';
			if (backToWorkspaceLink) backToWorkspaceLink.href = buildWorkspaceUrl();
		}

		function renderStockBadge(product) {
			const status = product && product.stock_status ? product.stock_status : '';
			if (!status) return '';
			const labelMap = { instock: 'En stock', onbackorder: 'Sur commande', outofstock: 'Rupture' };
			return '<span class="asscw-stock-badge ' + escapeHtml(status) + '">' + escapeHtml(labelMap[status] || status) + '</span>';
		}

		function renderProductPreviewButton(product) {
			if (!product || !product.id) return '';
			return '<button type="button" class="asscw-button asscw-button-secondary asscw-button-small asscw-view-product-button" data-product-id="' + escapeHtml(product.id) + '">Fiche</button>';
		}

		function renderProductThumb(product, extraClass) {
			if (!product) return '';
			const className = extraClass ? 'asscw-product-thumb ' + extraClass : 'asscw-product-thumb';
			const productId = escapeHtml(product.id || product.product_id || '');
			if (product.image_url) {
				return '<button type="button" class="' + className + ' asscw-view-product-button" data-product-id="' + productId + '" aria-label="Voir la fiche du produit"><img src="' + escapeHtml(product.image_url) + '" alt="' + escapeHtml(product.name || '') + '"></button>';
			}
			return '<button type="button" class="' + className + ' is-placeholder asscw-view-product-button" data-product-id="' + productId + '" aria-label="Voir la fiche du produit"><span class="asscw-product-thumb-fallback">IMG</span></button>';
		}

		function renderConditioningBadge(product) {
			if (!product || !product.conditioning_label) return '';
			return '<div class="asscw-conditioning-badge">' + escapeHtml(product.conditioning_label) + '</div>';
		}

		function getProductPreviewHost() {
			const workspaceHost = document.getElementById('asscw-workspace-product-preview-host');
			const orderHost = document.getElementById('asscw-product-preview-host') || orderScreenContent;
			const isWorkspaceVisible = workspaceScreen && workspaceScreen.style.display !== 'none';
			if (isWorkspaceVisible && workspaceHost) return workspaceHost;
			return orderHost || workspaceHost || null;
		}

		function isLandscapeTabletLayout() {
			return window.matchMedia('(min-width: 981px)').matches && window.matchMedia('(orientation: landscape)').matches;
		}

		function syncProductPreviewLayout() {
			const panel = document.getElementById('asscw-product-preview-panel');
			if (!panel) return;
			panel.classList.toggle('is-side-drawer', isLandscapeTabletLayout());
			panel.classList.toggle('is-bottom-sheet', !isLandscapeTabletLayout());
		}

		function closeProductPreview() {
			const preview = document.getElementById('asscw-product-preview-panel');
			if (preview) preview.remove();
			const orderLayout = document.querySelector('.asscw-order-layout');
			if (orderLayout) orderLayout.classList.remove('has-product-preview');
			currentProductPreviewId = 0;
		}

		function renderProductPreview(product) {
			closeProductPreview();
			if (!product) return;
			currentProductPreviewId = parseInt(product.id || '0', 10) || 0;
			const attributes = Array.isArray(product.attributes) ? product.attributes : [];
			const qtyText = (product.stock_qty === null || typeof product.stock_qty === 'undefined') ? '' : String(product.stock_qty);
			const imageHtml = product.image_url ? '<div class="asscw-product-preview-image"><img src="' + escapeHtml(product.image_url) + '" alt="' + escapeHtml(product.name || '') + '"></div>' : '';
			const links = [
				product.permalink ? '<a href="' + escapeHtml(product.permalink) + '" target="_blank" rel="noopener" class="asscw-button asscw-button-secondary asscw-button-small">Voir la page</a>' : '',
				product.edit_url ? '<a href="' + escapeHtml(product.edit_url) + '" target="_blank" rel="noopener" class="asscw-button asscw-button-secondary asscw-button-small">Éditer</a>' : ''
			].filter(Boolean).join(' ');

			const panel = document.createElement('div');
			panel.id = 'asscw-product-preview-panel';
			panel.className = 'asscw-panel asscw-product-preview-panel';
			panel.innerHTML = '<div class="asscw-product-preview-header"><h4>Fiche produit</h4><button type="button" class="asscw-product-preview-close" aria-label="Fermer">×</button></div>' +
				imageHtml +
				'<div class="asscw-product-preview-body">' +
				'<div><strong>' + escapeHtml(product.name || '') + '</strong></div>' +
				(product.sku ? '<div class="asscw-muted">SKU : ' + escapeHtml(product.sku) + '</div>' : '') +
				'<div class="asscw-product-preview-meta">' +
				(product.price_html ? '<div><strong>Prix :</strong> ' + escapeHtml(product.price_html) + '</div>' : '') +
				(renderStockBadge(product) ? '<div><strong>Stock :</strong> ' + renderStockBadge(product) + (qtyText !== '' ? ' · Qté : ' + escapeHtml(qtyText) : '') + '</div>' : '') +
				(product.categories ? '<div><strong>Catégories :</strong> ' + escapeHtml(product.categories) + '</div>' : '') +
				(product.conditioning_label ? '<div><strong>Conditionnement :</strong> ' + escapeHtml(product.conditioning_label) + '</div>' : '') +
				(product.weight ? '<div><strong>Poids :</strong> ' + escapeHtml(product.weight) + '</div>' : '') +
				(product.dimensions ? '<div><strong>Dimensions :</strong> ' + escapeHtml(product.dimensions) + '</div>' : '') +
				'</div>' +
				(attributes.length ? '<div class="asscw-product-preview-attrs">' + attributes.map(function(attr){ return '<div><strong>' + escapeHtml(attr.label || '') + ' :</strong> ' + escapeHtml(attr.value || '') + '</div>'; }).join('') + '</div>' : '') +
				(product.short_description ? '<div class="asscw-product-preview-text"><strong>Résumé :</strong><br>' + escapeHtml(product.short_description) + '</div>' : '') +
				(product.description ? '<div class="asscw-product-preview-text"><strong>Description :</strong><br>' + escapeHtml(product.description) + '</div>' : '') +
				(links ? '<div class="asscw-actions">' + links + '</div>' : '') +
				'</div>';

			const host = getProductPreviewHost();
			if (!host) return;
			host.appendChild(panel);
			const orderLayout = document.querySelector('.asscw-order-layout');
			if (orderLayout) orderLayout.classList.add('has-product-preview');
			syncProductPreviewLayout();
			const closeBtn = panel.querySelector('.asscw-product-preview-close');
			if (closeBtn) closeBtn.addEventListener('click', closeProductPreview);
		}

		function openProductPreview(productId) {
			productId = parseInt(productId || '0', 10) || 0;
			if (!productId) return;
			if (currentProductPreviewId === productId) {
				closeProductPreview();
				return;
			}
			closeProductPreview();
			const loading = document.createElement('div');
			loading.id = 'asscw-product-preview-panel';
			loading.className = 'asscw-panel asscw-product-preview-panel';
			loading.innerHTML = '<div class="asscw-loading">Chargement de la fiche produit...</div>';
			const host = getProductPreviewHost();
			if (!host) return;
			host.appendChild(loading);
			const orderLayout = document.querySelector('.asscw-order-layout');
			if (orderLayout) orderLayout.classList.add('has-product-preview');
			syncProductPreviewLayout();
			post('ass_get_product_detail', { product_id: productId })
				.then(function(data){
					if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur de chargement produit.');
					renderProductPreview(data.data.product || null);
				})
				.catch(function(error){
					const panel = document.getElementById('asscw-product-preview-panel');
					if (panel) panel.innerHTML = '<div class="asscw-error">' + escapeHtml(error.message || 'Erreur de chargement produit.') + '</div>';
					currentProductPreviewId = productId;
				});
		}

		function bindProductPreviewButtons(scope) {
			if (!scope) return;
			scope.querySelectorAll('.asscw-view-product-button').forEach(function(button){
				button.addEventListener('click', function(){
					openProductPreview(button.getAttribute('data-product-id'));
				});
			});
		}

		function persistLastSearchState() {
			try {
				window.sessionStorage.setItem(searchStateStorageKey, JSON.stringify({
					term: lastSearchTerm || '',
					results: Array.isArray(lastSearchResults) ? lastSearchResults : [],
					selected_customer_id: selectedCustomerId || 0,
					selected_customer_label: selectedCustomerLabel || ''
				}));
			} catch (error) {}
		}

		function hydrateLastSearchState() {
			try {
				const raw = window.sessionStorage.getItem(searchStateStorageKey);
				if (!raw) return;
				const parsed = JSON.parse(raw);
				if (parsed && typeof parsed.term === 'string') {
					lastSearchTerm = parsed.term;
				}
				if (parsed && Array.isArray(parsed.results)) {
					lastSearchResults = parsed.results;
				}
				if (!selectedCustomerId && parsed && parsed.selected_customer_id) {
					selectedCustomerId = parseInt(parsed.selected_customer_id, 10) || 0;
				}
				if (!selectedCustomerLabel && parsed && typeof parsed.selected_customer_label === 'string') {
					selectedCustomerLabel = parsed.selected_customer_label;
				}
			} catch (error) {}
		}

		function clearLastSearchState() {
			lastSearchTerm = '';
			lastSearchResults = [];
			try {
				window.sessionStorage.removeItem(searchStateStorageKey);
			} catch (error) {}
		}

		function renderSearchResults(items) {
			resetKeyboardSelection();
			showResultsBox();
			if (!items || !items.length) {
				resultsBox.innerHTML = '<div class="asscw-result-item">Aucun client trouvé.</div>';
				return;
			}

			resultsBox.innerHTML = items.map(function (item) {
				const selectedClass = parseInt(item.id, 10) === parseInt(selectedCustomerId, 10) ? ' asscw-selected' : '';
				return `
					<div class="asscw-result-item${selectedClass}" data-customer-id="${item.id}">
						<div class="asscw-result-title">${escapeHtml(item.label)}</div>
						<div class="asscw-result-meta">
							${item.contact_name ? 'Contact : ' + escapeHtml(item.contact_name) + ' · ' : ''}
							${item.phone ? 'Tél : ' + escapeHtml(item.phone) + ' · ' : ''}
							${item.email ? 'Email : ' + escapeHtml(item.email) : ''}
						</div>
					</div>
				`;
			}).join('');
		}

		function renderFrequentProducts(products) {
			if (!products || !products.length) return '';
			return `
				<div class="asscw-frequent-products">
					<h4>Produits fréquents</h4>
					<div class="asscw-frequent-grid">
						${products.map(function (product) {
							return `
								<div class="asscw-frequent-product-wrap">${renderProductThumb(product, 'is-inline')}<button type="button" class="asscw-frequent-product" data-product-id="${escapeHtml(product.id)}" data-product-name="${escapeHtml(product.name || '')}" data-product-sku="${escapeHtml(product.sku || '')}" data-price-html="${escapeHtml(product.price_html || '')}" data-product-image="${escapeHtml(product.image_url || '')}" data-conditioning-label="${escapeHtml(product.conditioning_label || '')}">${escapeHtml(product.name || '')}</button>${renderProductPreviewButton(product)}${renderConditioningBadge(product)}</div>
							`;
						}).join('')}
					</div>
				</div>
			`;
		}

		function buildClassificationHtml(workspaceDetail, customer) {
			const master = workspaceDetail && workspaceDetail.master ? workspaceDetail.master : null;
			const parts = [];

			if (master) {
				if (master.category_label) parts.push(master.category_label);
				if (master.subcategory_label) parts.push(master.subcategory_label);
				if (master.subsubcategory_label) parts.push(master.subsubcategory_label);
			}

			if (!parts.length) {
				if (customer && customer.customer_category) parts.push(customer.customer_category);
				if (customer && customer.customer_subcategory) parts.push(customer.customer_subcategory);
			}

			if (!parts.length) {
				return '<span class="asscw-muted">—</span>';
			}

			return escapeHtml(parts.join(' → '));
		}

		function buildCustomerTabsNav() {
			return `
				<div class="asscw-tabs" id="asscw-customer-tabs">
					<button type="button" class="asscw-tab-button is-active" data-tab="summary">Synthèse</button>
					<button type="button" class="asscw-tab-button" data-tab="contacts">Contacts</button>
					<button type="button" class="asscw-tab-button" data-tab="addresses">Adresses</button>
				</div>
			`;
		}

		function bindCustomerTabs(defaultTab) {
			const tabWrap = document.getElementById('asscw-customer-tabs');
			if (!tabWrap) return;

			const buttons = Array.from(tabWrap.querySelectorAll('.asscw-tab-button'));
			const panels = Array.from(document.querySelectorAll('.asscw-tab-panel'));
			const firstTab = defaultTab || 'summary';

			function activate(tabName) {
				buttons.forEach(function (button) {
					button.classList.toggle('is-active', button.getAttribute('data-tab') === tabName);
				});
				panels.forEach(function (panel) {
					panel.style.display = panel.getAttribute('data-tab-panel') === tabName ? '' : 'none';
				});
			}

			buttons.forEach(function (button) {
				button.addEventListener('click', function () {
					activate(button.getAttribute('data-tab'));
				});
			});

			activate(firstTab);
		}

		function buildEditableContactRowsHtml(contacts) {
			if (!contacts || !contacts.length) {
				return '<div class="asscw-empty">Aucun contact opérationnel.</div>';
			}

			return `
				<div class="asscw-stacked-list">
					${contacts.map(function (contact) {
						const id = parseInt(contact.id || '0', 10) || 0;
						return `
							<div class="asscw-stacked-item" data-contact-id="${id}">
								<div class="asscw-form-grid">
									<input type="text" class="asscw-search-input asscw-edit-contact-first-name" value="${escapeHtml(contact.first_name || '')}" placeholder="Prénom">
									<input type="text" class="asscw-search-input asscw-edit-contact-last-name" value="${escapeHtml(contact.last_name || '')}" placeholder="Nom">
									<input type="text" class="asscw-search-input asscw-edit-contact-job-title" value="${escapeHtml(contact.job_title || '')}" placeholder="Fonction">
									<select class="asscw-search-input asscw-edit-contact-type">
										<option value="sales" ${contact.contact_type === 'sales' ? 'selected' : ''}>Commercial</option>
										<option value="logistics" ${contact.contact_type === 'logistics' ? 'selected' : ''}>Logistique</option>
										<option value="delivery" ${contact.contact_type === 'delivery' ? 'selected' : ''}>Livraison</option>
										<option value="other" ${contact.contact_type === 'other' ? 'selected' : ''}>Autre</option>
									</select>
									<input type="email" class="asscw-search-input asscw-edit-contact-email" value="${escapeHtml(contact.email || '')}" placeholder="Email">
									<input type="text" class="asscw-search-input asscw-edit-contact-phone" value="${escapeHtml(contact.phone || '')}" placeholder="Téléphone">
								</div>
								<div class="asscw-actions">
									<label class="asscw-muted" style="display:inline-flex;align-items:center;gap:6px;margin-right:12px;">
										<input type="checkbox" class="asscw-edit-contact-primary" ${parseInt(contact.is_primary || '0', 10) === 1 ? 'checked' : ''}> Contact principal
									</label>
									<button type="button" class="asscw-button asscw-save-contact-button" data-contact-id="${id}">
										Enregistrer le contact
									</button>
								</div>
							</div>
						`;
					}).join('')}
				</div>
			`;
		}

		function buildEditableAddressRowsHtml(addresses) {
			if (!addresses || !addresses.length) {
				return '<div class="asscw-empty">Aucune adresse de livraison.</div>';
			}

			return `
				<div class="asscw-stacked-list">
					${addresses.map(function (address) {
						const id = parseInt(address.id || '0', 10) || 0;
						return `
							<div class="asscw-stacked-item" data-address-id="${id}">
								<div class="asscw-form-grid">
									<input type="text" class="asscw-search-input asscw-edit-address-label" value="${escapeHtml(address.label || '')}" placeholder="Libellé">
									<input type="text" class="asscw-search-input asscw-edit-address-company" value="${escapeHtml(address.company || '')}" placeholder="Société">
									<input type="text" class="asscw-search-input asscw-edit-address-attention" value="${escapeHtml(address.attention_to || '')}" placeholder="À l’attention de">
									<input type="text" class="asscw-search-input asscw-edit-address-1" value="${escapeHtml(address.address_1 || '')}" placeholder="Adresse 1">
									<input type="text" class="asscw-search-input asscw-edit-address-2" value="${escapeHtml(address.address_2 || '')}" placeholder="Adresse 2">
									<input type="text" class="asscw-search-input asscw-edit-address-postcode" value="${escapeHtml(address.postcode || '')}" placeholder="Code postal">
									<input type="text" class="asscw-search-input asscw-edit-address-city" value="${escapeHtml(address.city || '')}" placeholder="Ville">
									<input type="text" class="asscw-search-input asscw-edit-address-country" value="${escapeHtml(address.country_code || '')}" placeholder="Pays (BE, FR, ...)">
									<input type="text" class="asscw-search-input asscw-edit-address-phone" value="${escapeHtml(address.phone || '')}" placeholder="Téléphone">
									<input type="email" class="asscw-search-input asscw-edit-address-email" value="${escapeHtml(address.email || '')}" placeholder="Email">
								</div>
								<textarea class="asscw-note asscw-edit-address-instructions" placeholder="Instructions de livraison...">${escapeHtml(address.instructions || '')}</textarea>
								<div class="asscw-actions">
									<label class="asscw-muted" style="display:inline-flex;align-items:center;gap:6px;margin-right:12px;">
										<input type="checkbox" class="asscw-edit-address-default" ${parseInt(address.is_default || '0', 10) === 1 ? 'checked' : ''}> Adresse par défaut
									</label>
									<button type="button" class="asscw-button asscw-save-address-button" data-address-id="${id}">
										Enregistrer l’adresse
									</button>
								</div>
							</div>
						`;
					}).join('')}
				</div>
			`;
		}

		function buildAddContactFormHtml() {
			return `
				<div class="asscw-panel" style="margin-top:14px;">
					<h4>Ajouter un contact</h4>
					<div class="asscw-form-grid">
						<input type="text" id="asscw-new-contact-first-name" class="asscw-search-input" placeholder="Prénom">
						<input type="text" id="asscw-new-contact-last-name" class="asscw-search-input" placeholder="Nom">
						<input type="text" id="asscw-new-contact-job-title" class="asscw-search-input" placeholder="Fonction">
						<select id="asscw-new-contact-type" class="asscw-search-input">
							<option value="sales">Commercial</option>
							<option value="logistics">Logistique</option>
							<option value="delivery">Livraison</option>
							<option value="other">Autre</option>
						</select>
						<input type="email" id="asscw-new-contact-email" class="asscw-search-input" placeholder="Email">
						<input type="text" id="asscw-new-contact-phone" class="asscw-search-input" placeholder="Téléphone">
					</div>
					<div class="asscw-actions">
						<label class="asscw-muted" style="display:inline-flex;align-items:center;gap:6px;margin-right:12px;">
							<input type="checkbox" id="asscw-new-contact-primary" value="1"> Contact principal
						</label>
						<button type="button" class="asscw-button" id="asscw-add-contact-button">Ajouter le contact</button>
					</div>
				</div>
			`;
		}

		function buildAddAddressFormHtml() {
			return `
				<div class="asscw-panel" style="margin-top:14px;">
					<h4>Ajouter une adresse de livraison</h4>
					<div class="asscw-form-grid">
						<input type="text" id="asscw-new-address-label" class="asscw-search-input" placeholder="Libellé">
						<input type="text" id="asscw-new-address-company" class="asscw-search-input" placeholder="Société">
						<input type="text" id="asscw-new-address-attention" class="asscw-search-input" placeholder="À l’attention de">
						<input type="text" id="asscw-new-address-1" class="asscw-search-input" placeholder="Adresse 1">
						<input type="text" id="asscw-new-address-2" class="asscw-search-input" placeholder="Adresse 2">
						<input type="text" id="asscw-new-address-postcode" class="asscw-search-input" placeholder="Code postal">
						<input type="text" id="asscw-new-address-city" class="asscw-search-input" placeholder="Ville">
						<input type="text" id="asscw-new-address-country" class="asscw-search-input" placeholder="Pays (BE, FR, ...)">
						<input type="text" id="asscw-new-address-phone" class="asscw-search-input" placeholder="Téléphone">
						<input type="email" id="asscw-new-address-email" class="asscw-search-input" placeholder="Email">
					</div>
					<textarea id="asscw-new-address-instructions" class="asscw-note" placeholder="Instructions de livraison..."></textarea>
					<div class="asscw-actions">
						<label class="asscw-muted" style="display:inline-flex;align-items:center;gap:6px;margin-right:12px;">
							<input type="checkbox" id="asscw-new-address-default" value="1"> Adresse par défaut
						</label>
						<button type="button" class="asscw-button" id="asscw-add-address-button">Ajouter l’adresse</button>
					</div>
				</div>
			`;
		}

		function renderCustomerDetail(customer, frequentProducts, workspaceDetail, activeTab) {
			const billingLines = (customer.billing_lines || []).map(function (line) {
				return '<li>' + escapeHtml(line) + '</li>';
			}).join('');

			const shippingLines = (customer.shipping_lines || []).map(function (line) {
				return '<li>' + escapeHtml(line) + '</li>';
			}).join('');

			const pricelist = customer.pricelist_label || '';
			const category = customer.customer_category || '';
			const subcategory = customer.customer_subcategory || '';
			const shippingAddresses = Array.isArray(customer.shipping_addresses) ? customer.shipping_addresses : [];
			const workspaceContacts = workspaceDetail && Array.isArray(workspaceDetail.contacts) ? workspaceDetail.contacts : [];
			const workspaceAddresses = workspaceDetail && Array.isArray(workspaceDetail.addresses) ? workspaceDetail.addresses : [];

			let shippingSelectorHtml = '';

			if (shippingAddresses.length > 0) {
				shippingSelectorHtml = `
					<div class="asscw-shipping-selector">
						<h4>Choisir l’adresse de livraison</h4>
						<div class="asscw-shipping-selector-list">
							${shippingAddresses.map(function (address, index) {
								const addressId = String(address.id || '');
								const label = escapeHtml(address.label || ('Adresse ' + (index + 1)));
								const company = escapeHtml(address.company || '');
								const address1 = escapeHtml(address.address_1 || '');
								const address2 = escapeHtml(address.address_2 || '');
								const postcode = escapeHtml(address.postcode || '');
								const city = escapeHtml(address.city || '');
								const country = escapeHtml(address.country || '');
								const phone = escapeHtml(address.phone || '');
								const isDefault = !!address.is_default;
								const checked = isDefault || index === 0 ? 'checked' : '';

								const cityLine = [postcode, city].filter(Boolean).join(' ');
								const parts = [
									company,
									address1,
									address2,
									cityLine,
									country,
									phone ? ('Téléphone : ' + phone) : ''
								].filter(Boolean);

								return `
									<label class="asscw-shipping-choice">
										<input type="radio" name="asscw_shipping_address" value="${addressId}" ${checked}>
										<span class="asscw-shipping-choice-content">
											<strong>${label}</strong>${isDefault ? ' <span class="asscw-muted">(par défaut)</span>' : ''}
											${parts.length ? '<br>' + parts.map(function (part) { return escapeHtml(part); }).join('<br>') : ''}
										</span>
									</label>
								`;
							}).join('')}
						</div>
					</div>
				`;
			}

			detailBox.innerHTML = `
				${buildCustomerTabsNav()}

				<div class="asscw-tab-panel" data-tab-panel="summary">
					<div class="asscw-info-grid">
						<div class="asscw-info-label">Client</div>
						<div>${escapeHtml(customer.label || '')}</div>

						<div class="asscw-info-label">Contact</div>
						<div>${escapeHtml(customer.contact_name || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Téléphone</div>
						<div>${escapeHtml(customer.phone || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Email</div>
						<div>${escapeHtml(customer.email || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">TVA</div>
						<div>${escapeHtml(customer.vat_number || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">ID Odoo</div>
						<div>${escapeHtml(customer.odoo_partner_id || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Source</div>
						<div>${escapeHtml(customer.client_source || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Dernière synchro</div>
						<div>${escapeHtml(customer.odoo_last_sync || '') || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Tarif</div>
						<div>${escapeHtml(pricelist) || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Catégorie</div>
						<div>${escapeHtml(category) || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Sous-catégorie</div>
						<div>${escapeHtml(subcategory) || '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Classification</div>
						<div>${buildClassificationHtml(workspaceDetail, customer)}</div>

						<div class="asscw-info-label">Adresse facturation</div>
						<div>${billingLines ? '<ul class="asscw-lines">' + billingLines + '</ul>' : '<span class="asscw-muted">—</span>'}</div>

						<div class="asscw-info-label">Adresse livraison par défaut</div>
						<div>${shippingLines ? '<ul class="asscw-lines">' + shippingLines + '</ul>' : '<span class="asscw-muted">—</span>'}</div>
					</div>

					${shippingSelectorHtml}

					<div class="asscw-actions">
						<button type="button" class="asscw-button" id="asscw-create-order-button">
							Nouvelle commande
						</button>
					</div>

					${renderFrequentProducts(frequentProducts)}
				</div>

				<div class="asscw-tab-panel" data-tab-panel="contacts" style="display:none;">
					<div class="asscw-panel">
						<h4>Contacts opérationnels</h4>
						${buildEditableContactRowsHtml(workspaceContacts)}
					</div>

					${buildAddContactFormHtml()}
				</div>

				<div class="asscw-tab-panel" data-tab-panel="addresses" style="display:none;">
					<div class="asscw-panel">
						<h4>Adresses de livraison</h4>
						${buildEditableAddressRowsHtml(workspaceAddresses)}
					</div>

					${buildAddAddressFormHtml()}
				</div>
			`;

			bindCustomerTabs(activeTab || 'summary');

			const createBtn = document.getElementById('asscw-create-order-button');

			bindProductPreviewButtons(detailBox);

			if (createBtn) {
				createBtn.addEventListener('click', function () {
					let selectedAddressId = '';
					const selectedAddressInput = document.querySelector('input[name="asscw_shipping_address"]:checked');

					if (selectedAddressInput) {
						selectedAddressId = selectedAddressInput.value || '';
					}

					openNewOrderScreen(customer, frequentProducts, selectedAddressId);
				});
			}

			const addContactBtn = document.getElementById('asscw-add-contact-button');
			if (addContactBtn) {
				addContactBtn.addEventListener('click', function () {
					post('ass_add_customer_contact', {
						customer_id: customer.id,
						contact_type: document.getElementById('asscw-new-contact-type').value || 'other',
						first_name: document.getElementById('asscw-new-contact-first-name').value || '',
						last_name: document.getElementById('asscw-new-contact-last-name').value || '',
						job_title: document.getElementById('asscw-new-contact-job-title').value || '',
						email: document.getElementById('asscw-new-contact-email').value || '',
						phone: document.getElementById('asscw-new-contact-phone').value || '',
						is_primary: document.getElementById('asscw-new-contact-primary').checked ? 1 : 0
					})
					.then(function (data) {
						if (!data || !data.success) {
							throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur lors de l’ajout du contact.');
						}
						showNotice(data.data.message || 'Contact ajouté.', 'success');
						renderCustomerDetail(customer, frequentProducts, data.data.workspace_detail || workspaceDetail, 'contacts');
					})
					.catch(function (error) {
						showNotice(error.message || 'Erreur lors de l’ajout du contact.', 'error');
					});
				});
			}

			detailBox.querySelectorAll('.asscw-save-contact-button').forEach(function (button) {
				button.addEventListener('click', function () {
					const contactId = parseInt(button.getAttribute('data-contact-id'), 10);
					const box = button.closest('[data-contact-id]');
					if (!contactId || !box) return;

					post('ass_update_customer_contact', {
						customer_id: customer.id,
						contact_id: contactId,
						contact_type: (box.querySelector('.asscw-edit-contact-type') || {}).value || 'other',
						first_name: (box.querySelector('.asscw-edit-contact-first-name') || {}).value || '',
						last_name: (box.querySelector('.asscw-edit-contact-last-name') || {}).value || '',
						job_title: (box.querySelector('.asscw-edit-contact-job-title') || {}).value || '',
						email: (box.querySelector('.asscw-edit-contact-email') || {}).value || '',
						phone: (box.querySelector('.asscw-edit-contact-phone') || {}).value || '',
						is_primary: (box.querySelector('.asscw-edit-contact-primary') || {}).checked ? 1 : 0
					})
					.then(function (data) {
						if (!data || !data.success) {
							throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur lors de la mise à jour du contact.');
						}
						showNotice(data.data.message || 'Contact mis à jour.', 'success');
						renderCustomerDetail(customer, frequentProducts, data.data.workspace_detail || workspaceDetail, 'contacts');
					})
					.catch(function (error) {
						showNotice(error.message || 'Erreur lors de la mise à jour du contact.', 'error');
					});
				});
			});

			const addAddressBtn = document.getElementById('asscw-add-address-button');
			if (addAddressBtn) {
				addAddressBtn.addEventListener('click', function () {
					post('ass_add_delivery_address', {
						customer_id: customer.id,
						label: document.getElementById('asscw-new-address-label').value || '',
						company: document.getElementById('asscw-new-address-company').value || '',
						attention_to: document.getElementById('asscw-new-address-attention').value || '',
						address_1: document.getElementById('asscw-new-address-1').value || '',
						address_2: document.getElementById('asscw-new-address-2').value || '',
						postcode: document.getElementById('asscw-new-address-postcode').value || '',
						city: document.getElementById('asscw-new-address-city').value || '',
						country_code: document.getElementById('asscw-new-address-country').value || '',
						phone: document.getElementById('asscw-new-address-phone').value || '',
						email: document.getElementById('asscw-new-address-email').value || '',
						instructions: document.getElementById('asscw-new-address-instructions').value || '',
						is_default: document.getElementById('asscw-new-address-default').checked ? 1 : 0
					})
					.then(function (data) {
						if (!data || !data.success) {
							throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur lors de l’ajout de l’adresse.');
						}
						showNotice(data.data.message || 'Adresse ajoutée.', 'success');
						renderCustomerDetail(customer, frequentProducts, data.data.workspace_detail || workspaceDetail, 'addresses');
					})
					.catch(function (error) {
						showNotice(error.message || 'Erreur lors de l’ajout de l’adresse.', 'error');
					});
				});
			}

			detailBox.querySelectorAll('.asscw-save-address-button').forEach(function (button) {
				button.addEventListener('click', function () {
					const addressId = parseInt(button.getAttribute('data-address-id'), 10);
					const box = button.closest('[data-address-id]');
					if (!addressId || !box) return;

					post('ass_update_delivery_address', {
						customer_id: customer.id,
						address_id: addressId,
						label: (box.querySelector('.asscw-edit-address-label') || {}).value || '',
						company: (box.querySelector('.asscw-edit-address-company') || {}).value || '',
						attention_to: (box.querySelector('.asscw-edit-address-attention') || {}).value || '',
						address_1: (box.querySelector('.asscw-edit-address-1') || {}).value || '',
						address_2: (box.querySelector('.asscw-edit-address-2') || {}).value || '',
						postcode: (box.querySelector('.asscw-edit-address-postcode') || {}).value || '',
						city: (box.querySelector('.asscw-edit-address-city') || {}).value || '',
						country_code: (box.querySelector('.asscw-edit-address-country') || {}).value || '',
						phone: (box.querySelector('.asscw-edit-address-phone') || {}).value || '',
						email: (box.querySelector('.asscw-edit-address-email') || {}).value || '',
						instructions: (box.querySelector('.asscw-edit-address-instructions') || {}).value || '',
						is_default: (box.querySelector('.asscw-edit-address-default') || {}).checked ? 1 : 0
					})
					.then(function (data) {
						if (!data || !data.success) {
							throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur lors de la mise à jour de l’adresse.');
						}
						showNotice(data.data.message || 'Adresse mise à jour.', 'success');
						renderCustomerDetail(customer, frequentProducts, data.data.workspace_detail || workspaceDetail, 'addresses');
					})
					.catch(function (error) {
						showNotice(error.message || 'Erreur lors de la mise à jour de l’adresse.', 'error');
					});
				});
			});
		}

		function openNewOrderScreen(customer, frequentProducts, selectedAddressId) {
			if (!customer || !customer.id) {
				showNotice('Client invalide.', 'error');
				return;
			}
			const payload = {
				order_id: 0,
				order_number: 'Nouveau',
				status: 'Brouillon local',
				status_key: 'local-new',
				currency: 'EUR',
				date_created: '',
				customer_id: customer.id,
				customer: customer,
				frequent_products: frequentProducts || [],
				items: [],
				fees: [],
				shipping: [],
				discount_total: '',
				total_tax: '',
				total: '',
				total_amount: 0,
				customer_note: '',
				selected_shipping_address_id: selectedAddressId || ''
			};
			switchToOrderScreen();
			renderOrderScreen(payload, 'new');
		}

		function bindRepeatButtons() {
			ordersBox.querySelectorAll('.asscw-repeat-order-button').forEach(function (button) {
				button.addEventListener('click', function () {
					const orderId = parseInt(button.getAttribute('data-order-id'), 10);
					if (!orderId) {
						showNotice('Commande invalide.', 'error');
						return;
					}
					button.disabled = true;
					button.textContent = 'Reprise...';
					persistLastSearchState();
					const url = new URL(workspaceBaseUrl, window.location.origin);
					url.searchParams.set('asscw_screen', 'order');
					url.searchParams.set('asscw_order', String(orderId));
					url.searchParams.set('asscw_mode', 'repeat');
					if (selectedCustomerId) url.searchParams.set('asscw_customer', String(selectedCustomerId));
					window.location.href = url.toString();
				});
			});
		}

		function renderOrders(orders) {
			if (!orders || !orders.length) {
				ordersBox.innerHTML = '<div class="asscw-empty">Aucune commande trouvée pour ce client.</div>';
				return;
			}

			ordersBox.innerHTML = `
				<table class="asscw-orders-table">
					<thead><tr><th>Commande</th><th>Date</th><th>Statut</th><th>Actions</th></tr></thead>
					<tbody>
						${orders.map(function (order) {
							const viewUrl = order.frontend_view_url || order.view_url || order.edit_url || '#';
							return `
								<tr>
									<td>#${escapeHtml(order.number || '')}</td>
									<td>${escapeHtml(order.date || '')}</td>
									<td>${escapeHtml(order.status || '')}</td>
									<td>
										<div class="asscw-order-actions">
											<a href="${escapeHtml(viewUrl)}" class="asscw-button asscw-button-secondary asscw-button-small">Voir</a>
											<button type="button" class="asscw-button asscw-button-secondary asscw-button-small asscw-repeat-order-button" data-order-id="${escapeHtml(order.id || '')}">Reprendre</button>
										</div>
									</td>
								</tr>
							`;
						}).join('')}
					</tbody>
				</table>
			`;
			bindRepeatButtons();
		}

		function loadCustomer(customerId, options) {
			options = options || {};
			selectedCustomerId = customerId;
			highlightSelectedCustomer();
			detailBox.innerHTML = '<div class="asscw-loading">Chargement du client...</div>';
			ordersBox.innerHTML = '<div class="asscw-loading">Chargement des commandes...</div>';
			if (!options.keepResultsOpen) {
				hideResultsBox();
			}
			post('ass_get_client_detail', { customer_id: customerId, workspace_url: workspaceBaseUrl })
				.then(function (data) {
					if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur de chargement.');
					selectedCustomerLabel = (data.data.customer && data.data.customer.label) ? data.data.customer.label : selectedCustomerLabel;
					if (selectedCustomerLabel) {
						input.value = selectedCustomerLabel;
						showSelectedClientBar(selectedCustomerLabel);
					}
					renderCustomerDetail(
						data.data.customer,
						data.data.frequent_products || [],
						data.data.workspace_detail || null,
						options.activeTab || 'summary'
					);
					renderOrders(data.data.orders || []);
					persistLastSearchState();
					highlightSelectedCustomer();
					updateBackButtons(customerId);
					if (!options.skipHistory) updateWorkspaceUrl(customerId);
				})
				.catch(function (error) {
					showResultsBox();
					detailBox.innerHTML = '<div class="asscw-error">' + escapeHtml(error.message || 'Erreur de chargement.') + '</div>';
					ordersBox.innerHTML = '<div class="asscw-error">Impossible de charger les commandes.</div>';
					showNotice(error.message || 'Erreur de chargement du client.', 'error');
				});
		}

		function renderOrderScreen(order, mode) {
			currentOrderData = order;
			currentOrderMode = ['view', 'edit', 'repeat', 'new'].includes(mode) ? mode : 'edit';
			updateBackButtons(order.customer_id || 0);

			const isReadOnly = currentOrderMode === 'view';
			const isRepeatMode = currentOrderMode === 'repeat';
			const isNewMode = currentOrderMode === 'new';
			if (orderTitle) orderTitle.innerHTML = (isNewMode ? 'Nouvelle commande' : (isRepeatMode ? 'Reprise de la commande #' : 'Commande #') + escapeHtml(order.order_number || '')) + ' <span class="asscw-status-badge">' + escapeHtml(order.status || '') + '</span>';
			orderHasUnsavedChanges = false;
			isSavingOrder = false;
			updateSaveButtonState();

			const customer = order.customer || {};
			const billingLines = (customer.billing_lines || []).map(function (line) { return '<li>' + escapeHtml(line) + '</li>'; }).join('');
			const shippingLines = (customer.shipping_lines || []).map(function (line) { return '<li>' + escapeHtml(line) + '</li>'; }).join('');

			orderScreenContent.innerHTML = `
				<div class="asscw-order-layout">
					<div class="asscw-panel">
						<h4>Lignes de commande</h4>
						<table class="asscw-editor-table">
							<thead><tr><th>Produit</th><th>Qté</th><th>Total ligne</th>${isReadOnly ? '' : '<th>Action</th>'}</tr></thead>
							<tbody id="asscw-editor-items-body">
								${(order.items || []).map(function (item) {
									const metaHtml = (item.meta_lines || []).length ? '<div class="asscw-muted">' + item.meta_lines.map(function (line) { return escapeHtml(line); }).join('<br>') + '</div>' : '';
									return `
										<tr data-item-id="${item.item_id}" data-product-id="${item.product_id || ''}">
											<td><div class="asscw-order-item-main">${renderProductThumb({id: item.product_id || '', image_url: item.image_url || '', name: item.name || ''}, 'is-inline')}<div><div class="asscw-product-name-line"><strong>${escapeHtml(item.name || '')}</strong></div>${item.sku ? '<div class="asscw-muted">SKU : ' + escapeHtml(item.sku) + '</div>' : ''}${renderConditioningBadge(item)}${metaHtml}</div></div></td>
											<td>${isReadOnly ? escapeHtml(item.qty) : '<input type="number" min="0" step="1" class="asscw-inline-input asscw-item-qty" data-item-id="' + escapeHtml(item.item_id) + '" value="' + escapeHtml(item.qty) + '">'}</td>
											<td>${item.line_total || ''}</td>
											${isReadOnly ? '' : '<td><div class="asscw-order-actions">' + renderProductPreviewButton({id: item.product_id || ''}) + '<button type="button" class="asscw-button asscw-button-secondary asscw-button-small asscw-remove-item-button" data-item-id="' + escapeHtml(item.item_id) + '">Supprimer</button></div></td>'}
										</tr>
									`;
								}).join('')}
							</tbody>
						</table>
						${!isReadOnly && order.frequent_products && order.frequent_products.length ? `
							<div class="asscw-frequent-products"><h4>Produits fréquents du client</h4><div class="asscw-frequent-grid">
								${order.frequent_products.map(function (product) {
									return `<div class="asscw-frequent-product-wrap">${renderProductThumb(product, 'is-inline') }<button type="button" class="asscw-frequent-product" data-product-id="${escapeHtml(product.id)}" data-product-name="${escapeHtml(product.name || '')}" data-product-sku="${escapeHtml(product.sku || '')}" data-price-html="${escapeHtml(product.price_html || '')}" data-product-image="${escapeHtml(product.image_url || '')}" data-conditioning-label="${escapeHtml(product.conditioning_label || '')}">${escapeHtml(product.name || '')}</button>${renderProductPreviewButton(product)}${renderConditioningBadge(product)}</div>`;
								}).join('')}
							</div></div>
						` : ''}
						${isReadOnly ? '' : '<div class="asscw-panel" style="margin-top:14px;"><h4>Ajouter un produit simple</h4><div class="asscw-product-search-wrap"><input type="text" id="asscw-product-search-input" class="asscw-search-input" placeholder="Rechercher un produit par nom ou SKU (min. 2 caractères)..."><div id="asscw-product-results" class="asscw-product-results"></div></div></div>'}
					</div>
					<div>
						<div id="asscw-product-preview-host" class="asscw-product-preview-host" aria-live="polite"></div>
						<div class="asscw-panel"><h4>Informations commande</h4><div class="asscw-editor-summary"><div><strong>Numéro :</strong><br>${isNewMode ? '-' : '#' + escapeHtml(order.order_number || '')}</div><div><strong>Date :</strong><br>${escapeHtml(order.date_created || '') || '-'}</div><div><strong>Total :</strong><br>${order.total || ''}${(typeof order.total_amount === 'number' && order.total_amount < 250) ? '<div class="asscw-muted">+ frais de port</div>' : ''}</div><div><strong>Taxes :</strong><br>${order.total_tax || ''}</div><div><strong>Bonus acquis (avoir) :</strong><br>-</div><div><strong>Statut :</strong><br>${escapeHtml(order.status || '')}</div></div></div>
						<div class="asscw-panel" style="margin-top:14px;"><h4>Client</h4><div><strong>${escapeHtml(customer.label || '')}</strong></div>${customer.contact_name ? '<div class="asscw-muted">Contact : ' + escapeHtml(customer.contact_name) + '</div>' : ''}${customer.phone ? '<div class="asscw-muted">Téléphone : ' + escapeHtml(customer.phone) + '</div>' : ''}${customer.email ? '<div class="asscw-muted">Email : ' + escapeHtml(customer.email) + '</div>' : ''}</div>
						<div class="asscw-panel" style="margin-top:14px;"><h4>Facturation</h4>${billingLines ? '<ul class="asscw-lines">' + billingLines + '</ul>' : '<span class="asscw-muted">—</span>'}</div>
						<div class="asscw-panel" style="margin-top:14px;"><h4>Livraison</h4>${shippingLines ? '<ul class="asscw-lines">' + shippingLines + '</ul>' : '<span class="asscw-muted">—</span>'}</div>
						${(order.fees || []).length ? '<div class="asscw-panel" style="margin-top:14px;"><h4>Frais</h4>' + order.fees.map(function (fee) { return '<div>' + escapeHtml(fee.name || '') + ' : ' + fee.total + '</div>'; }).join('') + '</div>' : ''}
						${(order.shipping || []).length ? '<div class="asscw-panel" style="margin-top:14px;"><h4>Expédition</h4>' + order.shipping.map(function (row) { return '<div>' + escapeHtml(row.name || '') + ' : ' + row.total + '</div>'; }).join('') + '</div>' : ''}
						<div class="asscw-panel" style="margin-top:14px;"><h4>Note client</h4>${isReadOnly ? ((order.customer_note && order.customer_note.length) ? '<div>' + escapeHtml(order.customer_note) + '</div>' : '<span class="asscw-muted">Aucune note.</span>') : '<textarea id="asscw-order-note" class="asscw-note" placeholder="Note client...">' + escapeHtml(order.customer_note || '') + '</textarea>'}</div>
					</div>
				</div>
			`;

			if (!isReadOnly) bindOrderEditorEvents();
		}

		function bindOrderEditorEvents() {
			orderScreenContent.querySelectorAll('.asscw-item-qty, .asscw-new-product-qty, #asscw-order-note').forEach(function (field) {
				field.addEventListener('input', markOrderDirty);
				field.addEventListener('change', markOrderDirty);
			});

			orderScreenContent.querySelectorAll('.asscw-remove-item-button').forEach(function (button) {
				button.addEventListener('click', function () {
					const itemId = parseInt(button.getAttribute('data-item-id'), 10);
					if (!itemId) return;
					const row = orderScreenContent.querySelector('tr[data-item-id="' + itemId + '"]');
					if (row) {
						const qtyInput = row.querySelector('.asscw-item-qty');
						if (qtyInput) qtyInput.value = '0';
						row.style.opacity = '0.45';
						markOrderDirty();
					}
				});
			});

			bindProductPreviewButtons(orderScreenContent);

			orderScreenContent.querySelectorAll('.asscw-frequent-product').forEach(function (button) {
				button.addEventListener('click', function () {
					appendNewProductRow({ product_id: parseInt(button.getAttribute('data-product-id'), 10), name: button.getAttribute('data-product-name') || '', sku: button.getAttribute('data-product-sku') || '', price_html: button.getAttribute('data-price-html') || '', image_url: button.getAttribute('data-product-image') || '', conditioning_label: button.getAttribute('data-conditioning-label') || '' });
					markOrderDirty();
				});
			});

			const productInput = document.getElementById('asscw-product-search-input');
			const productResults = document.getElementById('asscw-product-results');
			if (productInput && productResults) {
				productInput.addEventListener('input', function () {
					const term = productInput.value.trim();
					clearTimeout(productTimer);
					if (term.length < 2) { productResults.innerHTML = '';
										markOrderDirty(); return; }
					const requestId = ++productSearchRequestId;
					productTimer = setTimeout(function () {
						productResults.innerHTML = '<div class="asscw-product-result">Recherche...</div>';
						post('ass_search_products', { term: term })
							.then(function (data) {
								if (requestId !== productSearchRequestId) return;
								if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur produit.');
								const items = data.data.items || [];
								if (!items.length) { productResults.innerHTML = '<div class="asscw-product-result">Aucun produit trouvé.</div>'; return; }
								productResults.innerHTML = items.map(function (item) {
									const qtyText = (item.stock_qty === null || typeof item.stock_qty === 'undefined') ? '' : ' · Qté : ' + escapeHtml(item.stock_qty);
									return `<div class="asscw-product-result"><div class="asscw-product-result-main">${renderProductThumb(item, 'is-inline')}<div><div class="asscw-product-name-line"><strong>${escapeHtml(item.name || '')}</strong></div>${renderConditioningBadge(item)}<div class="asscw-product-meta">${item.sku ? 'SKU : ' + escapeHtml(item.sku) + ' · ' : ''}${escapeHtml(item.price_html || '')}${qtyText}${renderStockBadge(item)}</div></div></div><div class="asscw-order-actions">${renderProductPreviewButton(item)}<button type="button" class="asscw-button asscw-button-small asscw-add-product-button" data-product-id="${escapeHtml(item.id || '')}" data-product-name="${escapeHtml(item.name || '')}" data-product-sku="${escapeHtml(item.sku || '')}" data-price-html="${escapeHtml(item.price_html || '')}" data-product-image="${escapeHtml(item.image_url || '')}" data-conditioning-label="${escapeHtml(item.conditioning_label || '')}">Ajouter</button></div></div>`;
								}).join('');
								bindProductPreviewButtons(productResults);
								productResults.querySelectorAll('.asscw-add-product-button').forEach(function (button) {
									button.addEventListener('click', function () {
										const productId = parseInt(button.getAttribute('data-product-id'), 10);
										if (!productId) return;
										appendNewProductRow({ product_id: productId, name: button.getAttribute('data-product-name') || '', sku: button.getAttribute('data-product-sku') || '', price_html: button.getAttribute('data-price-html') || '', image_url: button.getAttribute('data-product-image') || '', conditioning_label: button.getAttribute('data-conditioning-label') || '' });
										productInput.value = '';
										productResults.innerHTML = '';
									});
								});
							})
							.catch(function (error) {
								if (requestId !== productSearchRequestId) return;
								productResults.innerHTML = '<div class="asscw-product-result">' + escapeHtml(error.message || 'Erreur de recherche produit.') + '</div>';
							});
					}, 150);
				});
			}
		}

		function appendNewProductRow(product) {
			const tbody = document.getElementById('asscw-editor-items-body');
			if (!tbody || !product || !product.product_id) return;
			const productId = String(product.product_id || '');
			const existingOrderQtyInput = tbody.querySelector('tr[data-product-id="' + productId + '"] .asscw-item-qty');
			if (existingOrderQtyInput) { const currentValue = parseInt(existingOrderQtyInput.value || '0', 10); existingOrderQtyInput.value = String((isNaN(currentValue) ? 0 : currentValue) + 1); return; }
			const existingNewQtyInput = tbody.querySelector('.asscw-new-product-qty[data-product-id="' + productId + '"]');
			if (existingNewQtyInput) { const currentValue = parseInt(existingNewQtyInput.value || '0', 10); existingNewQtyInput.value = String((isNaN(currentValue) ? 0 : currentValue) + 1); return; }
			const row = document.createElement('tr');
			row.setAttribute('data-new-product-id', String(product.product_id || ''));
			row.innerHTML = `<td><div class="asscw-order-item-main">${renderProductThumb({id: product.product_id || '', image_url: product.image_url || '', name: product.name || ''}, 'is-inline')}<div><div class="asscw-product-name-line"><strong>${escapeHtml(product.name || '')}</strong></div>${product.sku ? '<div class="asscw-muted">SKU : ' + escapeHtml(product.sku) + '</div>' : ''}${renderConditioningBadge(product)}<div class="asscw-muted">Nouveau produit simple</div></div></div></td><td><input type="number" min="1" step="1" class="asscw-inline-input asscw-new-product-qty" data-product-id="${escapeHtml(product.product_id || '')}" value="1"></td><td>${escapeHtml(product.price_html || '')}</td><td><div class="asscw-order-actions">${renderProductPreviewButton({id: product.product_id || ''})}<button type="button" class="asscw-button asscw-button-secondary asscw-button-small asscw-remove-new-item-button">Supprimer</button></div></td>`;
			tbody.appendChild(row);
			const removeBtn = row.querySelector('.asscw-remove-new-item-button');
			if (removeBtn) removeBtn.addEventListener('click', function () { row.remove(); markOrderDirty(); });
			bindProductPreviewButtons(row);
		}

		function gatherOrderPayloadForSave() {
			const items = [];
			orderScreenContent.querySelectorAll('.asscw-item-qty').forEach(function (inputField) {
				const itemId = parseInt(inputField.getAttribute('data-item-id'), 10);
				if (itemId) items.push({ item_id: itemId, qty: String(inputField.value || '0').replace(',', '.') });
			});
			const newProducts = [];
			orderScreenContent.querySelectorAll('.asscw-new-product-qty').forEach(function (inputField) {
				const productId = parseInt(inputField.getAttribute('data-product-id'), 10);
				const qty = parseInt(String(inputField.value || '0').replace(',', '.'), 10);
				if (productId && qty > 0) newProducts.push({ product_id: productId, qty: String(qty) });
			});
			const noteField = document.getElementById('asscw-order-note');
			return { order_id: currentOrderData ? currentOrderData.order_id : 0, mode: currentOrderMode, workspace_url: workspaceBaseUrl, customer_id: currentOrderData ? currentOrderData.customer_id : 0, shipping_address_id: currentOrderData ? (currentOrderData.selected_shipping_address_id || '') : '', items: items, new_products: newProducts, customer_note: noteField ? noteField.value : '' };
		}

		function loadFrontOrder(orderId, mode) {
			switchToOrderScreen();
			if (orderScreenContent) orderScreenContent.innerHTML = '<div class="asscw-loading">Chargement de la commande...</div>';
			if (saveOrderButton) saveOrderButton.style.display = 'none';
			post('ass_get_front_order', { order_id: orderId, mode: mode, workspace_url: workspaceBaseUrl })
				.then(function (data) {
					if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur de chargement de commande.');
					renderOrderScreen(data.data.order, mode);
				})
				.catch(function (error) {
					if (orderScreenContent) orderScreenContent.innerHTML = '<div class="asscw-error">' + escapeHtml(error.message || 'Erreur de chargement de commande.') + '</div>';
					showNotice(error.message || 'Erreur de chargement de la commande.', 'error');
				});
		}

		if (saveOrderButton) {
			saveOrderButton.addEventListener('click', function () {
				if (!currentOrderData || currentOrderMode === 'view') return;
				const payload = gatherOrderPayloadForSave();
				if (payload.mode !== 'new' && !payload.order_id) { showNotice('Commande invalide.', 'error'); return; }
				isSavingOrder = true;
				updateSaveButtonState();
				post(payload.mode === 'repeat' ? 'ass_create_repeat_order' : (payload.mode === 'new' ? 'ass_create_front_order' : 'ass_save_front_order'), payload)
					.then(function (data) {
						if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur d’enregistrement.');
						if (payload.mode === 'repeat' || payload.mode === 'new') {
							if (!data.data || !data.data.order_id) throw new Error('Commande créée mais impossible de récupérer son identifiant.');
							showNotice('Commande créée.', 'success');
							currentOrderMode = 'edit';
							orderHasUnsavedChanges = false;
							return post('ass_get_front_order', { order_id: data.data.order_id, mode: 'edit', workspace_url: workspaceBaseUrl }).then(function (refreshData) {
								if (!refreshData || !refreshData.success) throw new Error(refreshData && refreshData.data && refreshData.data.message ? refreshData.data.message : 'Erreur de rechargement.');
								renderOrderScreen(refreshData.data.order, 'edit');
							});
						}
						showNotice('Commande enregistrée.', 'success');
						orderHasUnsavedChanges = false;
						return post('ass_get_front_order', { order_id: payload.order_id, mode: 'edit', workspace_url: workspaceBaseUrl }).then(function (refreshData) {
							if (!refreshData || !refreshData.success) throw new Error(refreshData && refreshData.data && refreshData.data.message ? refreshData.data.message : 'Erreur de rechargement.');
							renderOrderScreen(refreshData.data.order, 'edit');
						});
					})
					.catch(function (error) { showNotice(error.message || 'Erreur lors de l’enregistrement.', 'error'); })
					.finally(function () { isSavingOrder = false; updateSaveButtonState(); });
			});
		}

		if (backToCustomerBtn) backToCustomerBtn.addEventListener('click', function () {
			switchToWorkspace();
			if (currentCustomerId) {
				loadCustomer(currentCustomerId, { skipHistory: true });
			} else {
				updateWorkspaceUrl(0);
				updateBackButtons(0);
			}
		});

		updateBackButtons(initialCustomerId || 0);

		if (input) {
			input.addEventListener('input', function () {
				const term = input.value.trim();
				clearTimeout(timer);
				updateClearButton();
				if (selectedCustomerLabel && term !== selectedCustomerLabel) {
					hideSelectedClientBar();
					selectedCustomerId = 0;
					showResultsBox();
				}
				if (term.length < 2) { resetWorkspace(); return; }
				const requestId = ++clientSearchRequestId;
				timer = setTimeout(function () {
					resultsBox.innerHTML = '<div class="asscw-result-item">Recherche...</div>';
					post('ass_search_clients', { term: term })
						.then(function (data) {
							if (requestId !== clientSearchRequestId) return;
							if (!data || !data.success) throw new Error(data && data.data && data.data.message ? data.data.message : 'Erreur de recherche.');
							lastSearchTerm = term;
							lastSearchResults = data.data.items || [];
							persistLastSearchState();
							renderSearchResults(lastSearchResults);
							highlightSelectedCustomer();
						})
						.catch(function (error) {
							if (requestId !== clientSearchRequestId) return;
							resultsBox.innerHTML = '<div class="asscw-result-item">' + escapeHtml(error.message || 'Erreur de recherche.') + '</div>';
						});
				}, 220);
			});
		}

		if (input) {
			input.addEventListener('keydown', function (event) {
				const items = getResultItems();
				if (event.key === 'ArrowDown') {
					if (!items.length || resultsBox.style.display === 'none') return;
					event.preventDefault();
					setKeyboardIndex(keyboardIndex + 1);
					return;
				}
				if (event.key === 'ArrowUp') {
					if (!items.length || resultsBox.style.display === 'none') return;
					event.preventDefault();
					setKeyboardIndex(keyboardIndex <= 0 ? items.length - 1 : keyboardIndex - 1);
					return;
				}
				if (event.key === 'Enter') {
					if (keyboardIndex >= 0 && items[keyboardIndex]) {
						event.preventDefault();
						const item = items[keyboardIndex];
						const customerId = parseInt(item.getAttribute('data-customer-id'), 10);
						if (customerId) {
							selectedCustomerLabel = (item.querySelector('.asscw-result-title') || {}).textContent || '';
							loadCustomer(customerId);
						}
					}
					return;
				}
				if (event.key === 'Escape') {
					event.preventDefault();
					input.value = '';
					resetWorkspace();
					input.focus();
				}
			});
		}

		if (clearBtn) clearBtn.addEventListener('click', function () { input.value = ''; resetWorkspace(); input.focus(); });
		if (changeClientBtn) changeClientBtn.addEventListener('click', function () {
			hydrateLastSearchState();
			selectedCustomerId = 0;
			selectedCustomerLabel = '';
			hideSelectedClientBar();
			showResultsBox();
			resetKeyboardSelection();

			if (lastSearchTerm.length >= 2 && Array.isArray(lastSearchResults) && lastSearchResults.length) {
				input.value = lastSearchTerm;
				renderSearchResults(lastSearchResults);
			} else {
				resultsBox.innerHTML = '';
				input.value = '';
			}

			updateClearButton();
			input.focus();
		});
		if (resultsBox) resultsBox.addEventListener('click', function (event) {
			const item = event.target.closest('.asscw-result-item[data-customer-id]');
			if (!item) return;
			const customerId = parseInt(item.getAttribute('data-customer-id'), 10);
			if (!customerId) return;
			selectedCustomerLabel = ((item.querySelector('.asscw-result-title') || {}).textContent || '').trim();
			clearSelectionHighlight();
			item.classList.add('asscw-selected');
			loadCustomer(customerId);
		});

		hydrateLastSearchState();
		hideSelectedClientBar();
		updateClearButton();
		window.addEventListener('resize', syncProductPreviewLayout);
		window.addEventListener('orientationchange', syncProductPreviewLayout);

		if (screen === 'order' && initialOrderId > 0) {
			switchToOrderScreen();
			loadFrontOrder(initialOrderId, initialOrderMode);
		} else {
			switchToWorkspace();
			if (initialCustomerId > 0) {
				loadCustomer(initialCustomerId, { skipHistory: true });
			}
		}
	}

	if (document.readyState === 'loading') {
		document.addEventListener('DOMContentLoaded', initWorkspace);
	} else {
		initWorkspace();
	}
})();