${client.name}
${client.address}, ${client.postal_code} ${client.town}
`
)
.join("");
clientSuggestions.classList.remove("hidden");
// Ajouter des gestionnaires d'événements pour les suggestions
document.querySelectorAll(".client-suggestion").forEach((suggestion) => {
suggestion.addEventListener("click", function () {
const clientId = this.getAttribute("data-client-id");
const client = clientsData.find((c) => c.id === clientId);
if (client) {
fillClientData(client);
clientSuggestions.classList.add("hidden");
}
});
});
});
// Masquer les suggestions lorsqu'on clique ailleurs
document.addEventListener("click", function (e) {
if (
!recipientNameInput.contains(e.target) &&
!clientSuggestions.contains(e.target)
) {
clientSuggestions.classList.add("hidden");
}
});
// Fonction pour remplir les données du client
function fillClientData(client) {
form.recipient_name.value = client.name;
form.recipient_address.value = client.address;
form.recipient_postal_code.value = client.postal_code;
form.recipient_town.value = client.town;
form.recipient_country.value = client.country;
if (client.vat_number) {
form.recipient_vat_number.value = client.vat_number;
}
}
// Fonction pour sauvegarder un nouveau client
function saveClient() {
// Ne sauvegarder que si les champs essentiels sont remplis
if (
!form.recipient_name.value ||
!form.recipient_address.value ||
!form.recipient_postal_code.value ||
!form.recipient_town.value
) {
return;
}
const clientData = {
id: Date.now().toString(), // ID unique
name: form.recipient_name.value,
address: form.recipient_address.value,
postal_code: form.recipient_postal_code.value,
town: form.recipient_town.value,
country: form.recipient_country.value,
vat_number: form.recipient_vat_number.value || null,
lastUsed: new Date().toISOString(),
};
// Vérifier si le client existe déjà (par nom)
const existingClientIndex = clientsData.findIndex(
(client) => client.name.toLowerCase() === clientData.name.toLowerCase()
);
if (existingClientIndex !== -1) {
// Mettre à jour le client existant
clientsData[existingClientIndex] = {
...clientsData[existingClientIndex],
...clientData,
id: clientsData[existingClientIndex].id, // Conserver l'ID d'origine
};
} else {
// Ajouter le nouveau client
clientsData.push(clientData);
}
// Trier par date d'utilisation (plus récent en premier)
clientsData.sort((a, b) => new Date(b.lastUsed) - new Date(a.lastUsed));
// Limiter à 50 clients
clientsData = clientsData.slice(0, 50);
// Sauvegarder dans localStorage
localStorage.setItem("clientsData", JSON.stringify(clientsData));
}
// Fonction pour sauvegarder les données du formulaire
function saveFormData() {
const formData = {
language: form.language.value,
invoice_number: form.invoice_number.value,
amount: form.amount.value,
currency: form.currency.value,
recipient_name: form.recipient_name.value,
recipient_address: form.recipient_address.value,
recipient_postal_code: form.recipient_postal_code.value,
recipient_town: form.recipient_town.value,
recipient_country: form.recipient_country.value,
recipient_vat_number: form.recipient_vat_number.value || null,
items: collectInvoiceItems(),
};
localStorage.setItem("invoiceData", JSON.stringify(formData));
// Sauvegarder aussi dans l'historique des factures récentes
saveToRecentInvoices(formData);
// Sauvegarder les informations du client si tous les champs sont remplis
saveClient();
}
// Fonction pour sauvegarder dans l'historique des factures récentes
function saveToRecentInvoices(formData) {
if (!formData.recipient_name) return; // Ne pas sauvegarder si pas de nom de destinataire
let recentInvoices = JSON.parse(
localStorage.getItem("recentInvoices") || "[]"
);
// Créer un identifiant unique basé sur le nom et la date
const now = new Date();
const id = `${formData.recipient_name}_${now.toISOString()}`;
// Ajouter la facture actuelle à l'historique avec un timestamp
const invoiceWithMeta = {
...formData,
id,
lastEdited: now.toISOString(),
};
// Vérifier si une facture similaire existe déjà (même destinataire)
const existingIndex = recentInvoices.findIndex(
(invoice) => invoice.recipient_name === formData.recipient_name
);
if (existingIndex !== -1) {
// Remplacer la facture existante
recentInvoices[existingIndex] = invoiceWithMeta;
} else {
// Ajouter la nouvelle facture
recentInvoices.unshift(invoiceWithMeta);
}
// Limiter à 10 factures récentes
recentInvoices = recentInvoices.slice(0, 10);
localStorage.setItem("recentInvoices", JSON.stringify(recentInvoices));
// Mettre à jour la liste des factures récentes dans l'interface
updateRecentInvoicesList();
}
// Fonction pour mettre à jour la liste des factures récentes dans l'interface
function updateRecentInvoicesList() {
const recentInvoicesContainer = document.getElementById("recentInvoices");
if (!recentInvoicesContainer) {
// Créer le conteneur s'il n'existe pas
const container = document.createElement("div");
container.id = "recentInvoices";
container.className = "mt-8 bg-white rounded-lg shadow p-4";
container.innerHTML = `