// créer le container de l'interface utilisateur
if (debug) console.log('start drawContainer');

(function() {
    let uiContainer = document.createElement('div');
    uiContainer.classList.add('uiContainer');
    uiContainer.style.position = 'fixed';

    let titleContainer = document.createElement('div');
    titleContainer.classList.add('uiTitle');

    let uiTitle = document.createElement('p');
    uiTitle.innerText = '⚙️ Paramètres';

    let uiArrow = document.createElement('p');
    uiArrow.innerText = '▾';

    titleContainer.append(uiTitle);
    titleContainer.append(uiArrow);

    let uiContent = document.createElement('div');
    uiContent.classList.add('uiContent');

    uiContainer.append(titleContainer);
    uiContainer.append(uiContent);

    document.querySelector('body').prepend(uiContainer);
})();

if (debug) console.log('end drawContainer');