// object_form.js — ajoute/retire des lignes de champ dans le formulaire de
// définition d'objet, bascule l'affichage du sélecteur "objet lié"
// uniquement quand le type choisi est "relation", et l'affichage des
// bornes mini/maxi (2.2 — bornage automatique) uniquement pour un champ
// numérique.
//
// Tout est enfermé dans une IIFE : cette page est chargée via pjax (voir
// pjax.js), qui rejoue ce script telle-quelle à chaque visite sans
// rechargement complet — une déclaration `const`/`let` au premier niveau
// ferait planter la deuxième exécution ("already declared") et bloquerait
// silencieusement "Ajouter un champ"/"Créer l'objet" dès la deuxième visite
// de cette page dans une même session.
(function () {
  var fieldsList = document.getElementById('fieldsList');
  var template = document.getElementById('fieldRowTemplate');
  var btnAddField = document.getElementById('btnAddField');
  var NUMERIC_FIELD_TYPES = ['nombre_entier', 'nombre_decimal'];

  function wireRow(row) {
    var typeSelect = row.querySelector('.fieldTypeSelect');
    var relationWrap = row.querySelector('.relationTarget');
    var boundsWrap = row.querySelector('.boundsTarget');
    function syncFieldTypeVisibility() {
      relationWrap.style.display = typeSelect.value === 'relation' ? 'block' : 'none';
      if (boundsWrap) boundsWrap.style.display = NUMERIC_FIELD_TYPES.includes(typeSelect.value) ? 'flex' : 'none';
    }
    typeSelect.addEventListener('change', syncFieldTypeVisibility);
    syncFieldTypeVisibility();

    row.querySelector('.btnRemoveField').addEventListener('click', function () {
      row.remove();
    });
  }

  function addFieldRow() {
    var clone = template.content.cloneNode(true);
    fieldsList.appendChild(clone);
    wireRow(fieldsList.lastElementChild);
  }

  btnAddField.addEventListener('click', addFieldRow);

  // Toujours démarrer avec un premier champ prêt à remplir.
  addFieldRow();
})();