book_form.php

<?php
/** @var ?bool $libraryThingInstalled */
use App\Support\Hooks;
use App\Support\HtmlHelper;

$mode = $mode ?? 'create';
$book = $book ?? [];
$csrfToken = $csrfToken ?? null;
$error_message = $error_message ?? null;
$action = $action ?? url($mode === 'edit' ? '/admin/books/update/' . (int)($book['id'] ?? 0) : '/admin/books/create');
$currentCover = $book['copertina_url'] ?? ($book['copertina'] ?? '');
$scrapingAvailable = Hooks::has('scrape.fetch.custom');
$scaffali = $scaffali ?? [];
$mensole = $mensole ?? [];
$libraryThingInstalled = $libraryThingInstalled ?? false;

$initialAuthors = array_map(static function ($author) {
    return [
        'id' => (int)($author['id'] ?? 0),
        // Pseudonym-aware label (issue #237): "Pseudonimo (Nome)" when set.
        'label' => \App\Support\AuthorName::display($author)
    ];
}, $book['autori'] ?? []);

// Contributor roles (issue #237): illustrator/translator/curator/colorist are
// entity pickers just like authors. Initial selections mirror the authors shape.
$contributorRoleKeys = ['illustratori', 'traduttori', 'curatori', 'coloristi'];
$initialContributors = [];
foreach ($contributorRoleKeys as $roleKey) {
    $initialContributors[$roleKey] = array_map(static function ($c) {
        return ['id' => (int)($c['id'] ?? 0), 'label' => \App\Support\AuthorName::display($c)];
    }, $book[$roleKey] ?? []);
}

// Multi-publisher (issue #143): mirror the authors initial-selection shape.
// Falls back to the single primary publisher for books saved before #143.
$initialPublishers = array_map(static function ($publisher) {
    return [
        'id' => (int)($publisher['id'] ?? 0),
        'label' => $publisher['nome'] ?? ''
    ];
}, $book['editori'] ?? []);
if ($initialPublishers === [] && !empty($book['editore_id']) && !empty($book['editore_nome'])) {
    $initialPublishers[] = ['id' => (int)$book['editore_id'], 'label' => (string)$book['editore_nome']];
}

$initialMensolaId = (int)($book['mensola_id'] ?? 0);
$initialPosizioneProgressiva = (int)($book['posizione_progressiva'] ?? 0);
$initialCollocazione = $book['collocazione'] ?? '';

$initialData = [
    'id' => (int)($book['id'] ?? 0),
    'radice_id' => (int)($book['radice_id'] ?? 0),
    'genere_id' => (int)(($book['resolved_genere_id'] ?? null) ?: ($book['genere_id'] ?? 0)),
    'sottogenere_id' => (int)(($book['resolved_sottogenere_id'] ?? null) ?: ($book['sottogenere_id'] ?? 0)),
    'classificazione_dewey' => $book['classificazione_dewey'] ?? '',
    'editore_id' => (int)($book['editore_id'] ?? 0),
    'editore_nome' => $book['editore_nome'] ?? '',
    'scaffale_id' => (int)($book['scaffale_id'] ?? 0),
    'mensola_id' => $initialMensolaId,
    'posizione_progressiva' => $initialPosizioneProgressiva,
    'collocazione' => $initialCollocazione,
    'stato' => $book['stato'] ?? '',
    'tipo_acquisizione' => $book['tipo_acquisizione'] ?? '',
    'data_acquisizione' => $book['data_acquisizione'] ?? date('Y-m-d'),
    'prezzo' => $book['prezzo'] ?? '',
    'peso' => $book['peso'] ?? '',
    'numero_pagine' => $book['numero_pagine'] ?? '',
    'numero_inventario' => $book['numero_inventario'] ?? '',
    'gruppo_serie' => $book['gruppo_serie'] ?? '',
    'serie_padre' => $book['serie_padre'] ?? '',
    'tipo_collana' => $book['tipo_collana'] ?? 'serie',
    'collana' => $book['collana'] ?? '',
    'altre_collane' => $book['altre_collane'] ?? '',
    'ciclo_serie' => $book['ciclo_serie'] ?? '',
    'ordine_ciclo' => $book['ordine_ciclo'] ?? '',
    'numero_serie' => $book['numero_serie'] ?? '',
    'note_varie' => $book['note_varie'] ?? '',
    'file_url' => $book['file_url'] ?? '',
    'audio_url' => $book['audio_url'] ?? '',
    'parole_chiave' => $book['parole_chiave'] ?? '',
];

$initialData['autori'] = $initialAuthors;
$initialData['editori'] = $initialPublishers;
foreach ($contributorRoleKeys as $roleKey) {
    $initialData[$roleKey] = $initialContributors[$roleKey];
}
$initialData['current_cover'] = $currentCover;

$initialAuthorsJson = htmlspecialchars(json_encode($initialAuthors, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP), ENT_QUOTES, 'UTF-8');
$initialContributorsJson = [];
foreach ($contributorRoleKeys as $roleKey) {
    $initialContributorsJson[$roleKey] = htmlspecialchars(json_encode($initialContributors[$roleKey], JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP), ENT_QUOTES, 'UTF-8');
}
$initialPublishersJson = htmlspecialchars(json_encode($initialPublishers, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP), ENT_QUOTES, 'UTF-8');
$initialDataJsonRaw = json_encode($initialData, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP);
$modeAttr = htmlspecialchars($mode, ENT_QUOTES, 'UTF-8');
$actionAttr = htmlspecialchars($action, ENT_QUOTES, 'UTF-8');
// i18n-2 (refactor): centralised label map; see App\Support\SeriesLabels.
$seriesTypeOptions = \App\Support\SeriesLabels::types();
// i18n-5: normalize legacy/alias tipo (series, cycle, spinoff, ...) so the
// dropdown preselects the canonical key.
$selectedSeriesType = \App\Support\SeriesLabels::canonical($book['tipo_collana'] ?? 'serie');
?>
<?php if (!empty($error_message)): ?>
  <div class="mb-6 p-4 rounded-xl border border-red-200 bg-red-50 text-red-700" role="alert">
    <i class="fas fa-exclamation-triangle mr-2"></i>
    <?php echo HtmlHelper::e($error_message); ?>
  </div>
<?php endif; ?>

    <form id="bookForm" novalidate data-mode="<?php echo $modeAttr; ?>" method="post" action="<?php echo $actionAttr; ?>" class="space-y-8" enctype="multipart/form-data">
      <input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars((string)$csrfToken, ENT_QUOTES, 'UTF-8'); ?>">
      
      <!-- Hidden fields for scraped data -->
      <input type="hidden" id="scraped_ean" name="scraped_ean" value="">
      <input type="hidden" id="scraped_pub_date" name="scraped_pub_date" value="">
      <input type="hidden" id="scraped_price" name="scraped_price" value="">
      <input type="hidden" id="scraped_format" name="scraped_format" value="">
      <input type="hidden" id="scraped_series" name="scraped_series" value="">
      <input type="hidden" id="scraped_numero_serie" name="scraped_numero_serie" value="">
      <input type="hidden" id="scraped_dimensions" name="scraped_dimensions" value="">
      <input type="hidden" id="scraped_pages" name="scraped_pages" value="">
      <input type="hidden" id="scraped_publisher" name="scraped_publisher" value="">
      <input type="hidden" id="scraped_translator" name="scraped_translator" value="">
      <input type="hidden" id="scraped_illustrator" name="scraped_illustrator" value="">
      <input type="hidden" id="scraped_cover_url" name="scraped_cover_url" value="">
      <input type="hidden" id="copertina_url" name="copertina_url" value="<?php echo HtmlHelper::e($currentCover); ?>">
      <input type="hidden" id="remove_cover" name="remove_cover" value="0">
      <input type="hidden" id="scraped_tipologia" name="scraped_tipologia" value="">
      <input type="hidden" id="scraped_author_bio" name="scraped_author_bio" value="">

      <?php if ($scrapingAvailable): ?>
      <div class="card mb-8">
        <div class="card-header">
          <h2 class="text-lg font-semibold text-gray-900 flex items-center gap-2">
            <i class="fas fa-barcode text-primary"></i>
            <?= __("Importa da ISBN") ?>
          </h2>
          <p class="text-sm text-gray-600 mt-1"><?= __("Usa i servizi online per precompilare automaticamente i dati del libro") ?></p>
        </div>
        <div class="card-body">
          <div class="form-grid-2">
            <div>
              <label class="form-label"><?= __("Codice ISBN o EAN") ?></label>
              <input id="importIsbn" type="text" class="form-input" placeholder="<?= __('es. 9788842935780') ?>" value="<?php echo htmlspecialchars((string)($book['isbn13'] ?? ($book['ean'] ?? ($book['isbn10'] ?? ''))), ENT_QUOTES, 'UTF-8'); ?>" />
            </div>
            <div class="flex items-end">
              <button type="button" id="btnImportIsbn" class="btn-primary w-full">
                <i class="fas fa-download mr-2"></i>
                <?= $mode === 'edit' ? __("Aggiorna Dati") : __("Importa Dati") ?>
              </button>
            </div>
          </div>
          <!-- Source info panel (shown after successful import) -->
          <div id="scrapeSourceInfo" class="hidden mt-4 p-3 bg-gray-50 rounded-lg border border-gray-200">
            <div class="flex items-center justify-between">
              <div class="flex items-center gap-2 text-sm">
                <i class="fas fa-database text-primary"></i>
                <span class="text-gray-600"><?= __("Fonte dati:") ?></span>
                <span id="scrapeSourceName" class="font-medium text-gray-900"></span>
              </div>
              <button type="button" id="btnShowAlternatives" class="text-xs text-primary hover:text-primary-dark hover:underline hidden" aria-expanded="false" aria-controls="scrapeAlternativesPanel">
                <i class="fas fa-exchange-alt mr-1"></i>
                <?= __("Vedi alternative") ?>
              </button>
            </div>
            <div id="scrapeSourcesList" class="mt-2 text-xs text-gray-500 hidden">
              <span><?= __("Fonti consultate:") ?></span>
              <span id="scrapeSourcesListItems"></span>
            </div>
          </div>
          <!-- Alternatives panel (shown when clicking "Vedi alternative") -->
          <div id="scrapeAlternativesPanel" class="hidden mt-4 p-4 bg-blue-50 rounded-lg border border-blue-200">
            <div class="flex items-center justify-between mb-3">
              <h4 class="text-sm font-semibold text-blue-900 flex items-center gap-2">
                <i class="fas fa-layer-group"></i>
                <?= __("Dati alternativi disponibili") ?>
              </h4>
              <button type="button" id="btnCloseAlternatives" class="text-gray-800 hover:text-blue-800" aria-label="<?= __('Chiudi alternative') ?>">
                <i class="fas fa-times"></i>
              </button>
            </div>
            <div id="alternativesContent" class="space-y-2 text-sm">
              <!-- Populated by JavaScript -->
            </div>
          </div>
        </div>
      </div>
      <?php endif; ?>

      <!-- Basic Information Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-book text-primary"></i>
            <?= __("Informazioni Base") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <div class="form-grid-2">
            <div>
              <label for="titolo" class="form-label">
                <?= __("Titolo") ?> <span class="text-red-500">*</span>
              </label>
              <input id="titolo" name="titolo" type="text" required aria-required="true" class="form-input" placeholder="<?= __('es. La morale anarchica') ?>" value="<?php echo HtmlHelper::e($book['titolo'] ?? ''); ?>" />
            </div>
            <div>
              <label for="sottotitolo" class="form-label"><?= __("Sottotitolo") ?></label>
              <input id="sottotitolo" name="sottotitolo" type="text" class="form-input" placeholder="<?= __('Sottotitolo del libro (opzionale)') ?>" value="<?php echo HtmlHelper::e($book['sottotitolo'] ?? ''); ?>" />
            </div>
          </div>
          
          <div class="form-grid-3">
            <div>
              <label for="isbn10" class="form-label"><?= __("ISBN 10") ?></label>
              <input id="isbn10" name="isbn10" type="text" class="form-input" placeholder="<?= __('es. 8842935786') ?>" value="<?php echo HtmlHelper::e($book['isbn10'] ?? ''); ?>" />
            </div>
            <div>
              <label for="isbn13" class="form-label"><?= __("ISBN 13") ?></label>
              <input id="isbn13" name="isbn13" type="text" class="form-input" placeholder="<?= __('es. 9788842935780') ?>" value="<?php echo HtmlHelper::e($book['isbn13'] ?? ''); ?>" />
            </div>
            <div>
              <label for="edizione" class="form-label"><?= __("Edizione") ?></label>
              <input id="edizione" name="edizione" type="text" class="form-input" placeholder="<?= __('es. Prima edizione') ?>" value="<?php echo HtmlHelper::e($book['edizione'] ?? ''); ?>" />
              <p class="text-xs text-gray-500 mt-1"><?= __("Numero o descrizione dell'edizione") ?></p>
            </div>
          </div>

          <div class="form-grid-2">
            <div>
              <label for="data_pubblicazione" class="form-label"><?= __("Data di Pubblicazione") ?></label>
              <input id="data_pubblicazione" name="data_pubblicazione" type="text" class="form-input" placeholder="<?= __('es. 26 agosto 2025') ?>" value="<?php echo HtmlHelper::e($book['data_pubblicazione'] ?? ''); ?>" />
              <p class="text-xs text-gray-500 mt-1"><?= __("Data di pubblicazione originale (testo libero)") ?></p>
            </div>
            <div>
              <label for="anno_pubblicazione" class="form-label"><?= __("Anno di Pubblicazione") ?></label>
              <input id="anno_pubblicazione" name="anno_pubblicazione" type="number" min="-9999" max="9999" class="form-input" placeholder="<?= __('es. 2025') ?>" value="<?php echo HtmlHelper::e($book['anno_pubblicazione'] ?? ''); ?>" />
              <p class="text-xs text-gray-500 mt-1"><?= __("Anno numerico (usato per filtri e ordinamento)") ?></p>
            </div>
          </div>

          <div class="form-grid-3">
            <div>
              <label for="ean" class="form-label"><?= __("EAN") ?></label>
              <input id="ean" name="ean" type="text" class="form-input" placeholder="<?= __('es. 9788842935780') ?>" value="<?php echo HtmlHelper::e($book['ean'] ?? ''); ?>" />
              <p class="text-xs text-gray-500 mt-1"><?= __("European Article Number (opzionale)") ?></p>
            </div>
            <div>
              <label for="issn" class="form-label"><?= __("ISSN") ?></label>
              <input id="issn" name="issn" type="text" class="form-input" placeholder="<?= HtmlHelper::e(__('es. 1234-5678')) ?>" value="<?php echo HtmlHelper::e($book['issn'] ?? ''); ?>" pattern="\d{4}-\d{3}[\dXx]" />
              <p class="text-xs text-gray-500 mt-1"><?= __("International Standard Serial Number (per periodici)") ?></p>
            </div>
            <div>
              <label for="lingua" class="form-label"><?= __("Lingua") ?></label>
              <input id="lingua" name="lingua" type="text" class="form-input" placeholder="<?= __('es. Italiano, Inglese') ?>" value="<?php echo HtmlHelper::e($book['lingua'] ?? ''); ?>" />
              <p class="text-xs text-gray-500 mt-1"><?= __("Lingua originale del libro") ?></p>
            </div>
          </div>

          <!-- Authors with Choices.js -->
          <div>
            <label for="autori_select" class="form-label"><?= __("Autori") ?></label>
            <select id="autori_select" name="autori_select[]" multiple placeholder="<?= __('Cerca autori esistenti o aggiungine di nuovi...') ?>" data-initial-authors="<?php echo $initialAuthorsJson; ?>">
              <!-- Options will be populated dynamically -->
            </select>
            <div id="autori_hidden"></div>
            <p class="text-xs text-gray-500 mt-1"><?= __("Puoi selezionare più autori o aggiungerne di nuovi digitando il nome") ?></p>
          </div>

          <?php
          // Contributor roles as entity pickers (issue #237). Same Choices.js +
          // /api/search/autori autocomplete as authors, so an illustrator/
          // translator/curator/colorist is a real author entity (findable by
          // pseudonym, appears on the author page), not free text.
          // Role-specific help text (issue #237): each field names its own role
          // so the hint reads naturally instead of a generic "author" for all.
          $contributorFields = [
              'illustratori' => ['label' => __('Illustratore'), 'help' => __('Cerca un illustratore esistente o aggiungine uno nuovo digitando il nome')],
              'traduttori'   => ['label' => __('Traduttore'),   'help' => __('Cerca un traduttore esistente o aggiungine uno nuovo digitando il nome')],
              'curatori'     => ['label' => __('Curatore'),     'help' => __('Cerca un curatore esistente o aggiungine uno nuovo digitando il nome')],
              'coloristi'    => ['label' => __('Colorista'),    'help' => __('Cerca un colorista esistente o aggiungine uno nuovo digitando il nome (utile per i fumetti)')],
          ];
          ?>
          <input type="hidden" id="contributors_entity_picker" name="contributors_entity_picker" value="0" />
          <div class="form-grid-2">
            <?php foreach ($contributorFields as $roleKey => $meta): ?>
            <div>
              <label for="<?= $roleKey ?>_select" class="form-label"><?= htmlspecialchars((string)$meta['label'], ENT_QUOTES, 'UTF-8') ?></label>
              <select id="<?= $roleKey ?>_select" name="<?= $roleKey ?>_select[]" multiple
                      placeholder="<?= __('Cerca o aggiungi...') ?>"
                      data-initial-contributors="<?php echo $initialContributorsJson[$roleKey]; ?>"></select>
              <div id="<?= $roleKey ?>_hidden"></div>
              <p class="text-xs text-gray-500 mt-1"><?= htmlspecialchars((string)$meta['help'], ENT_QUOTES, 'UTF-8') ?></p>
            </div>
            <?php endforeach; ?>
          </div>

          <div class="mt-2 text-xs text-gray-500" id="genre_path_preview" style="min-height:1.25rem;">
            <!-- Percorso selezionato -->
          </div>

          <!-- Publishers with Choices.js (multi-value, issue #143) -->
          <div>
            <label for="editori_select" class="form-label"><?= __("Editori") ?></label>
            <select id="editori_select" name="editori_select[]" multiple placeholder="<?= __('Cerca editori esistenti o aggiungine di nuovi...') ?>" data-initial-publishers="<?php echo $initialPublishersJson; ?>">
              <!-- Options populated dynamically -->
            </select>
            <div id="editori_hidden"></div>
            <p class="text-xs text-gray-500 mt-1"><?= __("Puoi selezionare più editori o aggiungerne di nuovi digitando il nome") ?></p>
          </div>

          <!-- Book Status -->
          <div>
            <label for="stato" class="form-label"><?= __("Disponibilità") ?></label>
            <?php $statoCorrente = strtolower((string) ($book['stato'] ?? '')); ?>
            <select id="stato" name="stato" class="form-input">
              <option value="disponibile" <?php echo $statoCorrente === 'disponibile' ? 'selected' : ''; ?>><?= __("Disponibile") ?></option>
              <option value="non_disponibile" <?php echo $statoCorrente === 'non_disponibile' ? 'selected' : ''; ?>><?= __("Non Disponibile") ?></option>
              <option value="prestato" <?php echo $statoCorrente === 'prestato' ? 'selected' : ''; ?>><?= __("Prestato") ?></option>
              <option value="prenotato" <?php echo $statoCorrente === 'prenotato' ? 'selected' : ''; ?>><?= __("Prenotato") ?></option>
              <option value="danneggiato" <?php echo $statoCorrente === 'danneggiato' ? 'selected' : ''; ?>><?= __("Danneggiato") ?></option>
              <option value="perso" <?php echo $statoCorrente === 'perso' ? 'selected' : ''; ?>><?= __("Perso") ?></option>
            </select>
            <p class="text-xs text-gray-500 mt-1"><?= __("Status attuale di questa copia del libro") ?></p>
          </div>

          <!-- Description -->
          <div>
            <label for="descrizione" class="form-label"><?= __("Descrizione") ?></label>
            <textarea id="descrizione" name="descrizione" rows="4" class="form-input" placeholder="<?= __('Descrizione del libro...') ?>"><?php echo HtmlHelper::e($book['descrizione'] ?? ''); ?></textarea>
          </div>
        </div>
      </div>
      <!-- Dewey Classification Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-tags text-primary"></i>
            <?= __("Classificazione Dewey") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <input type="hidden" name="classificazione_dewey" id="classificazione_dewey" value="<?php echo HtmlHelper::e($book['classificazione_dewey'] ?? ''); ?>" />

          <!-- Chip Dewey selezionato -->
          <div id="dewey_chip_container" class="mb-4" style="display: none;">
            <label class="form-label"><?= __("Classificazione selezionata:") ?></label>
            <div id="dewey_chip" class="inline-flex items-center gap-2 bg-blue-100 text-blue-800 px-3 py-2 rounded-lg">
              <span class="font-mono font-bold" id="dewey_chip_code"></span>
              <span class="text-sm" id="dewey_chip_name"></span>
              <button type="button" id="dewey_chip_remove" class="text-gray-800 hover:text-blue-900" aria-label="<?= __('Rimuovi classificazione Dewey') ?>">
                <i class="fas fa-times"></i>
              </button>
            </div>
          </div>

          <!-- Input manuale Dewey -->
          <div class="mb-4">
            <label for="dewey_manual_input" class="form-label"><?= __("Codice Dewey") ?></label>
            <div class="flex gap-2">
              <input type="text" id="dewey_manual_input" class="form-input" placeholder="<?= __('es. 599.9, 004.6782, 641.5945, 599.1') ?>" />
              <button type="button" id="dewey_add_btn" class="btn btn-primary">
                <i class="fas fa-plus"></i> <?= __("Aggiungi") ?>
              </button>
            </div>
            <p class="text-xs text-gray-500 mt-1"><?= __("Inserisci qualsiasi codice Dewey (anche se non presente nell'elenco)") ?></p>
          </div>

          <!-- Navigazione per categorie (opzionale) -->
          <details class="mb-4">
            <summary class="cursor-pointer text-sm font-semibold text-gray-700 hover:text-gray-800">
              <?= __("Oppure naviga per categorie") ?>
            </summary>
            <div class="mt-3 p-3 bg-gray-50 rounded">
              <div id="dewey_breadcrumb" class="text-xs text-gray-600 mb-2 flex items-center gap-1">
                <i class="fas fa-home"></i>
                <span><?= __("Nessuna selezione") ?></span>
              </div>
              <div id="dewey_levels_container" class="space-y-2">
                <!-- I select verranno aggiunti dinamicamente -->
              </div>
            </div>
          </details>

          <p class="text-xs text-gray-500 mt-2"><?= __("La classificazione Dewey è utilizzata per organizzare i libri per argomento secondo standard internazionali") ?></p>

          <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-4"><?= __("Genere") ?></h3>

          <div class="form-grid-3">
            <div>
              <label for="radice_select" class="form-label"><?= __("Radice") ?></label>
              <select id="radice_select" name="radice_id" class="form-input" data-initial-radice="<?php echo (int)$initialData['radice_id']; ?>">
                <option value="0"><?= __("Seleziona radice...") ?></option>
              </select>
              <p class="text-xs text-gray-500 mt-1"><?= __("Livello principale (es. Prosa, Poesia, Teatro)") ?></p>
            </div>
            <div>
              <label for="genere_select" class="form-label"><?= __("Genere") ?></label>
              <select id="genere_select" class="form-input" disabled data-initial-genere="<?php echo (int)$initialData['genere_id']; ?>">
                <option value="0"><?= __("Seleziona prima una radice...") ?></option>
              </select>
              <input type="hidden" name="genere_id" id="genere_id_hidden" value="<?php echo (int)$initialData['genere_id']; ?>" />
              <p class="text-xs text-gray-500 mt-1" id="genere_hint"><?= __("Genere letterario del libro") ?></p>
            </div>
            <div>
              <label for="sottogenere_select" class="form-label"><?= __("Sottogenere") ?></label>
              <select id="sottogenere_select" class="form-input" disabled data-initial-sottogenere="<?php echo (int)$initialData['sottogenere_id']; ?>">
                <option value="0"><?= __("Seleziona prima un genere...") ?></option>
              </select>
              <input type="hidden" name="sottogenere_id" id="sottogenere_id_hidden" value="<?php echo (int)$initialData['sottogenere_id']; ?>" />
              <p class="text-xs text-gray-500 mt-1" id="sottogenere_hint"><?= __("Sottogenere specifico (opzionale)") ?></p>
            </div>
          </div>

          <!-- Keywords -->
          <div class="mt-4">
            <label for="parole_chiave" class="form-label"><?= __("Parole Chiave") ?></label>
            <input id="parole_chiave" name="parole_chiave" type="text" class="form-input" placeholder="<?= __('es. romanzo, fantasy, avventura (separare con virgole)') ?>" value="<?php echo HtmlHelper::e($book['parole_chiave'] ?? ''); ?>" />
            <p class="text-xs text-gray-500 mt-1"><?= __("Inserisci parole chiave separate da virgole per facilitare la ricerca") ?></p>
          </div>
        </div>
      </div>
      <!-- Acquisition Details Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-shopping-cart text-primary"></i>
            <?= __("Dettagli Acquisizione") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <div class="form-grid-3">
            <div>
              <label for="data_acquisizione" class="form-label"><?= __("Data Acquisizione") ?></label>
              <input id="data_acquisizione" type="date" name="data_acquisizione" class="form-input" value="<?php echo HtmlHelper::e($book['data_acquisizione'] ?? ''); ?>" />
            </div>
            <div>
              <label for="tipo_acquisizione" class="form-label"><?= __("Tipo Acquisizione") ?></label>
              <input id="tipo_acquisizione" name="tipo_acquisizione" type="text" class="form-input" placeholder="<?= __('es. Acquisto, Donazione, Prestito') ?>" value="<?php echo HtmlHelper::e($book['tipo_acquisizione'] ?? ''); ?>" />
            </div>
            <div>
              <label for="prezzo" class="form-label"><?= __("Prezzo (€)") ?></label>
              <input id="prezzo" name="prezzo" type="number" step="0.01" class="form-input" placeholder="<?= __('es. 19.90') ?>" value="<?php echo HtmlHelper::e($book['prezzo'] ?? ''); ?>" />
            </div>
          </div>
        </div>
      </div>

      <!-- Physical Details Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-ruler text-primary"></i>
            <?= __("Dettagli Fisici") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <div class="form-grid-3">
            <div>
              <label for="tipo_media" class="form-label"><?= __("Tipo Media") ?></label>
              <select id="tipo_media" name="tipo_media" class="form-input">
                <?php foreach (\App\Support\MediaLabels::allTypes() as $value => $meta): ?>
                  <option value="<?= htmlspecialchars((string) $value, ENT_QUOTES, 'UTF-8') ?>" <?= ($book['tipo_media'] ?? 'libro') === $value ? 'selected' : '' ?>>
                    <?= __($meta['label']) ?>
                  </option>
                <?php endforeach; ?>
              </select>
            </div>
            <div>
              <label for="formato" class="form-label"><?= __("Formato") ?></label>
              <input id="formato" name="formato" type="text" class="form-input" placeholder="<?= __('es. Copertina rigida, Brossura') ?>" value="<?php echo HtmlHelper::e($book['formato'] ?? ''); ?>" />
            </div>
            <div>
              <label for="numero_pagine" class="form-label"><?= __("Numero Pagine") ?></label>
              <input id="numero_pagine" name="numero_pagine" type="number" class="form-input" placeholder="<?= __('es. 320') ?>" value="<?php echo HtmlHelper::e($book['numero_pagine'] ?? ''); ?>" />
            </div>
            <div>
              <label for="peso" class="form-label"><?= __("Peso (kg)") ?></label>
              <input id="peso" name="peso" type="number" step="0.001" class="form-input" placeholder="<?= __('es. 0.450') ?>" value="<?php echo HtmlHelper::e($book['peso'] ?? ''); ?>" />
            </div>
          </div>

          <div>
            <label for="dimensioni" class="form-label"><?= __("Dimensioni") ?></label>
            <input id="dimensioni" name="dimensioni" type="text" class="form-input" placeholder="<?= __('es. 21x14 cm') ?>" value="<?php echo HtmlHelper::e($book['dimensioni'] ?? ''); ?>" />
          </div>
          
          <div class="form-grid-3">
            <div>
              <label for="copie_totali" class="form-label"><?= __("Copie Totali") ?> <span class="text-xs text-gray-500">(<?= __("Le copie disponibili vengono calcolate automaticamente") ?>)</span></label>
              <input id="copie_totali" name="copie_totali" type="number" class="form-input" value="<?php echo (int)($book['copie_totali'] ?? 1); ?>" min="<?php echo $mode === 'edit' ? (int)($book['copie_totali'] ?? 1) : 1; ?>" />
              <?php if ($mode === 'edit'): ?>
              <p class="text-xs text-gray-600 mt-1">
                <i class="fas fa-info-circle text-blue-500 mr-1"></i>
                Puoi ridurre le copie solo se non sono in prestito, perse o danneggiate.
              </p>
              <?php endif; ?>
            </div>
          </div>
        </div>
      </div>
      <!-- Library Management Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-warehouse text-primary"></i>
            <?= __("Gestione Biblioteca") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
            <div>
              <label for="numero_inventario" class="form-label"><?= __("Numero Inventario") ?></label>
              <input id="numero_inventario" name="numero_inventario" type="text" class="form-input" placeholder="<?= __('es. INV-2024-001') ?>" value="<?php echo HtmlHelper::e($book['numero_inventario'] ?? ''); ?>" />
            </div>
          </div>

          <!-- UX-1 + UX-7 (review): regroup the 8 series fields under a
               dedicated <fieldset> with inline help text; each input ties
               to its description via aria-describedby so screen-reader users
               aren't left guessing the difference between gruppo / serie
               padre / serie principale. Sub-card heading is in Italian
               source ("Serie e collana"). -->
          <fieldset class="border border-gray-200 rounded-xl p-4 mt-4">
            <legend class="px-2 text-sm font-semibold text-gray-700"><i class="fas fa-layer-group text-primary mr-1"></i><?= __("Serie e collana") ?></legend>
            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
              <div>
                <label for="gruppo_serie_select" class="form-label"><?= __("Gruppo serie") ?></label>
                <?php $gruppoSerieVal = (string)($book['gruppo_serie'] ?? ''); ?>
                <select id="gruppo_serie_select" data-series-autocomplete="gruppo_serie" data-placeholder="<?= htmlspecialchars(__('es. Fairy Tail'), ENT_QUOTES, 'UTF-8') ?>" class="form-input" aria-describedby="gruppo_serie_help">
                  <option value=""></option>
                  <?php if ($gruppoSerieVal !== ''): ?><option value="<?= htmlspecialchars($gruppoSerieVal, ENT_QUOTES, 'UTF-8') ?>" selected><?= htmlspecialchars($gruppoSerieVal, ENT_QUOTES, 'UTF-8') ?></option><?php endif; ?>
                </select>
                <input type="hidden" id="gruppo_serie" name="gruppo_serie" value="<?php echo htmlspecialchars($gruppoSerieVal, ENT_QUOTES, 'UTF-8'); ?>" />
                <p id="gruppo_serie_help" class="text-xs text-gray-500 mt-1"><?= __('Etichetta "ombrello" per spin-off (es. tutto il franchise di Fairy Tail).') ?></p>
              </div>
              <div>
                <label for="serie_padre_select" class="form-label"><?= __("Serie padre / universo") ?></label>
                <?php $seriePadreVal = (string)($book['serie_padre'] ?? ''); ?>
                <select id="serie_padre_select" data-series-autocomplete="serie_padre" data-placeholder="<?= htmlspecialchars(__('es. I mondi di Aldebaran'), ENT_QUOTES, 'UTF-8') ?>" class="form-input" aria-describedby="serie_padre_help">
                  <option value=""></option>
                  <?php if ($seriePadreVal !== ''): ?><option value="<?= htmlspecialchars($seriePadreVal, ENT_QUOTES, 'UTF-8') ?>" selected><?= htmlspecialchars($seriePadreVal, ENT_QUOTES, 'UTF-8') ?></option><?php endif; ?>
                </select>
                <input type="hidden" id="serie_padre" name="serie_padre" value="<?php echo htmlspecialchars($seriePadreVal, ENT_QUOTES, 'UTF-8'); ?>" />
                <p id="serie_padre_help" class="text-xs text-gray-500 mt-1"><?= __("Serie superiore nella gerarchia (es. l'universo che contiene cicli e stagioni).") ?></p>
              </div>
              <div>
                <label for="tipo_collana" class="form-label"><?= __("Tipo serie") ?></label>
                <select id="tipo_collana" name="tipo_collana" class="form-input" aria-describedby="tipo_collana_help">
                  <?php foreach ($seriesTypeOptions as $typeValue => $typeLabel): ?>
                    <option value="<?= HtmlHelper::e($typeValue) ?>" <?= $selectedSeriesType === $typeValue ? 'selected' : '' ?>><?= HtmlHelper::e($typeLabel) ?></option>
                  <?php endforeach; ?>
                </select>
                <p id="tipo_collana_help" class="text-xs text-gray-500 mt-1"><?= __('Tassonomia: serie / universo / ciclo / stagione / spin-off / arco / collana editoriale.') ?></p>
              </div>
              <div>
                <label for="collana_select" class="form-label"><?= __("Serie principale") ?></label>
                <?php $collanaVal = (string)($book['collana'] ?? ''); ?>
                <select id="collana_select" data-series-autocomplete="collana" data-placeholder="<?= htmlspecialchars(__('es. Fairy Tail: 100 Years Quest'), ENT_QUOTES, 'UTF-8') ?>" class="form-input" aria-describedby="collana_help">
                  <option value=""></option>
                  <?php if ($collanaVal !== ''): ?><option value="<?= htmlspecialchars($collanaVal, ENT_QUOTES, 'UTF-8') ?>" selected><?= htmlspecialchars($collanaVal, ENT_QUOTES, 'UTF-8') ?></option><?php endif; ?>
                </select>
                <input type="hidden" id="collana" name="collana" value="<?php echo htmlspecialchars($collanaVal, ENT_QUOTES, 'UTF-8'); ?>" />
                <p id="collana_help" class="text-xs text-gray-500 mt-1"><?= __("Nome specifico della serie a cui appartiene il libro.") ?></p>
              </div>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-3">
              <div>
                <label for="numero_serie" class="form-label"><?= __("Numero Serie") ?></label>
                <input id="numero_serie" name="numero_serie" type="text" class="form-input" placeholder="<?= htmlspecialchars(__('es. 15'), ENT_QUOTES, 'UTF-8') ?>" value="<?php echo HtmlHelper::e($book['numero_serie'] ?? ''); ?>" />
              </div>
              <div>
                <label for="ciclo_serie_select" class="form-label"><?= __("Ciclo / stagione") ?></label>
                <?php $cicloSerieVal = (string)($book['ciclo_serie'] ?? ''); ?>
                <select id="ciclo_serie_select" data-series-autocomplete="ciclo_serie" data-placeholder="<?= htmlspecialchars(__('es. Ciclo 1 - Aldebaran'), ENT_QUOTES, 'UTF-8') ?>" class="form-input">
                  <option value=""></option>
                  <?php if ($cicloSerieVal !== ''): ?><option value="<?= htmlspecialchars($cicloSerieVal, ENT_QUOTES, 'UTF-8') ?>" selected><?= htmlspecialchars($cicloSerieVal, ENT_QUOTES, 'UTF-8') ?></option><?php endif; ?>
                </select>
                <input type="hidden" id="ciclo_serie" name="ciclo_serie" value="<?php echo htmlspecialchars($cicloSerieVal, ENT_QUOTES, 'UTF-8'); ?>" />
              </div>
              <div>
                <label for="ordine_ciclo" class="form-label"><?= __("Ordine ciclo") ?></label>
                <input id="ordine_ciclo" name="ordine_ciclo" type="number" min="0" class="form-input" placeholder="1" value="<?php echo HtmlHelper::e((string)($book['ordine_ciclo'] ?? '')); ?>" />
              </div>
              <div>
                <label for="altre_collane" class="form-label"><?= __("Altre serie") ?></label>
                <textarea id="altre_collane" name="altre_collane" rows="2" class="form-input" placeholder="<?= htmlspecialchars(__('Una serie per riga'), ENT_QUOTES, 'UTF-8') ?>" aria-describedby="altre_collane_help"><?php echo HtmlHelper::e($book['altre_collane'] ?? ''); ?></textarea>
                <p id="altre_collane_help" class="text-xs text-gray-500 mt-1"><?= __("Una serie per riga (le virgole sono trattate come parte del nome).") ?></p>
              </div>
            </div>
          </fieldset>
          <!-- /UX-1 fieldset -->
          <div class="hidden">
            <!-- placeholder retained for old DOM selectors -->
          </div>

          <div class="form-grid-2">
            <div>
              <label for="file_url" class="form-label"><?= __("File URL") ?></label>
              <input id="file_url" name="file_url" type="text" class="form-input" placeholder="<?= __('Link al file digitale (se disponibile)') ?>" value="<?php echo HtmlHelper::e($book['file_url'] ?? ''); ?>" />
            </div>
            <div>
              <label for="audio_url" class="form-label"><?= __("Audio URL") ?></label>
              <input id="audio_url" name="audio_url" type="text" class="form-input" placeholder="<?= __('Link all\'audiolibro (se disponibile)') ?>" value="<?php echo HtmlHelper::e($book['audio_url'] ?? ''); ?>" />
            </div>
          </div>

          <?php
          // Hook: Allow plugins to add digital content upload fields (e.g., Uppy uploaders)
          do_action('book.form.digital_fields', $book);
          ?>

          <!-- Notes -->
          <div>
            <label for="note_varie" class="form-label"><?= __("Note Varie") ?></label>
            <textarea id="note_varie" name="note_varie" rows="3" class="form-input" placeholder="<?= __('Note aggiuntive o osservazioni particolari...') ?>"><?php echo HtmlHelper::e($book['note_varie'] ?? ''); ?></textarea>
          </div>
        </div>
      </div>

      <!-- Cover Upload Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-image text-primary"></i>
            <?= __("Copertina del Libro") ?>
          </h2>
        </div>
        <div class="card-body">
          <!-- Uppy Upload Area -->
          <div>
            <div id="uppy-upload" class="mb-4"></div>
            <div id="uppy-progress" class="mb-4"></div>
            
            <!-- Fallback file input (hidden, used by Uppy) -->
            <input type="file" name="copertina" accept="image/*" style="display: none;" id="fallback-file-input" />
            
            <!-- Cover preview area -->
            <div id="cover-preview-container" class="mt-4">
              <?php if (!empty($currentCover)): ?>
                <div class="inline-flex flex-col items-start space-y-2">
                  <div class="relative group">
                    <img src="<?php echo HtmlHelper::e(url($currentCover)); ?>" alt="Copertina attuale" class="max-h-48 object-contain border border-gray-200 rounded-lg shadow-sm" onerror="this.dataset.error='true'; this.style.display='none';" />
                  </div>
                  <div class="flex items-center gap-2">
                    <span class="text-xs text-gray-500"><?= __("Copertina attuale") ?></span>
                    <button type="button" onclick="removeCoverImage()" class="text-xs text-red-600 hover:text-red-800 hover:underline flex items-center gap-1">
                      <i class="fas fa-trash"></i>
                      <?= __('Rimuovi') ?>
                    </button>
                  </div>
                </div>
              <?php endif; ?>
            </div>
          </div>
        </div>
      </div>
      <!-- Campi nascosti per conservare i dati estratti evitando duplicazioni -->

      <!-- Physical Location Section -->
      <div class="card">
        <div class="card-header">
          <h2 class="form-section-title flex items-center gap-2">
            <i class="fas fa-map-marker-alt text-primary"></i>
            <?= __("Posizione Fisica nella Biblioteca") ?>
          </h2>
        </div>
        <div class="card-body form-section">
          <div class="form-grid-2">
            <div>
              <label for="scaffale_id" class="form-label"><?= __("Scaffale") ?></label>
              <select id="scaffale_id" name="scaffale_id" class="form-input">
                <option value="0"><?= __("Seleziona scaffale...") ?></option>
                <?php foreach ($scaffali as $s): ?>
                  <option value="<?php echo (int)$s['id']; ?>" <?php echo ((int)$s['id'] === (int)($book['scaffale_id'] ?? 0)) ? 'selected' : ''; ?>><?php echo htmlspecialchars('['.($s['codice'] ?? '').'] '.($s['nome'] ?? ''), ENT_QUOTES, 'UTF-8'); ?></option>
                <?php endforeach; ?>
              </select>
            </div>
            <div>
              <label class="form-label"><?= __("Mensola") ?></label>
              <?php
                $mensoleOptions = [];
                $selectedMensola = $initialMensolaId;
                $selectedScaffale = (int)($book['scaffale_id'] ?? 0);
                if ($selectedMensola && $selectedScaffale) {
                    foreach ($mensole as $m) {
                        if ((int)($m['scaffale_id'] ?? 0) === $selectedScaffale) {
                            $mensoleOptions[] = $m;
                        }
                    }
                }
              ?>
              <select id="mensola_select" name="mensola_id" class="form-input" <?php echo $selectedMensola ? '' : 'disabled'; ?> data-initial-mensola="<?php echo $selectedMensola; ?>">
                <?php if (!$mensoleOptions): ?>
                  <option value="0"><?= __("Seleziona prima uno scaffale...") ?></option>
                <?php else: ?>
                  <option value="0"><?= __("Seleziona mensola...") ?></option>
                  <?php foreach ($mensoleOptions as $mensola): ?>
                    <option value="<?php echo (int)$mensola['id']; ?>" <?php echo ((int)$mensola['id'] === $selectedMensola) ? 'selected' : ''; ?>>
                      <?php echo HtmlHelper::e(__('Livello') . ' ' . ($mensola['numero_livello'] ?? '')); ?>
                    </option>
                  <?php endforeach; ?>
                <?php endif; ?>
              </select>
            </div>
          </div>
          <div class="form-grid-2 mt-3">
            <div>
              <label for="posizione_progressiva_input" class="form-label"><?= __("Posizione progressiva") ?></label>
              <div class="flex flex-col gap-2">
                <input type="number" min="1" name="posizione_progressiva" id="posizione_progressiva_input" class="form-input" value="<?php echo $initialPosizioneProgressiva ?: ''; ?>" placeholder="<?= __('Auto') ?>" />
                <button type="button" id="btnAutoPosition" class="btn-outline w-full sm:w-auto"><i class="fas fa-sync mr-2"></i><?= __("Genera automaticamente") ?></button>
                <p class="text-xs text-gray-500"><?= __("Lascia vuoto o usa \"Genera\" per assegnare automaticamente la prossima posizione disponibile.") ?></p>
              </div>
            </div>
            <div>
              <label for="collocazione_preview" class="form-label"><?= __("Collocazione calcolata") ?></label>
              <input type="text" id="collocazione_preview" name="collocazione_preview" class="form-input bg-slate-900/20 text-slate-100" value="<?php echo HtmlHelper::e($initialCollocazione); ?>" readonly />
              <p class="text-xs text-gray-500 mt-1"><?= __("Aggiornata in base a scaffale, mensola e posizione.") ?></p>
            </div>
          </div>
          <p class="text-xs text-gray-500 mt-2"><?= __("La posizione fisica è indipendente dalla classificazione Dewey e indica dove si trova il libro sugli scaffali.") ?></p>
          <div class="mt-3">
            <button type="button" id="btnSuggestCollocazione" class="btn-outline"><i class="fas fa-magic mr-2"></i><?= __("Suggerisci collocazione") ?></button>
            <span id="suggest_info" class="ml-2 text-xs text-gray-500"></span>
          </div>
        </div>
      </div>

      <!-- LibraryThing Plugin Fields -->
      <?php if (!empty($libraryThingInstalled)): ?>
      <div class="card">
        <button type="button"
                class="w-full card-header flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors text-left border-0 bg-transparent"
                style="display: flex; width: 100%;"
                onclick="toggleLibraryThingAccordion()"
                aria-expanded="false"
                aria-controls="librarything-accordion-content">
          <div>
            <h2 class="form-section-title flex items-center gap-2">
              <i class="fas fa-cloud text-gray-800"></i>
              <?= __("LibraryThing") ?>
            </h2>
            <p class="text-sm text-gray-600 mt-1"><?= __("Campi estesi per l'integrazione con LibraryThing") ?></p>
          </div>
          <i id="librarything-accordion-icon" class="fas fa-chevron-down text-gray-600 transition-transform duration-200"></i>
        </button>
        <div id="librarything-accordion-content"
             class="card-body form-section overflow-hidden transition-all duration-300"
             style="max-height: 0; opacity: 0; padding: 0;"
             aria-hidden="true">

          <!-- Review & Rating -->
          <div class="mb-6">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Recensione e Valutazione") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="book-rating" class="form-label"><?= __("Valutazione") ?></label>
                <select id="book-rating" name="rating" data-star-rating>
                  <option value=""><?= __("Nessuna valutazione") ?></option>
                  <?php for ($i = 1; $i <= 5; $i++): ?>
                    <option value="<?= $i ?>" <?= isset($book['rating']) && (int)$book['rating'] === $i ? 'selected' : '' ?>>
                      <?= $i ?> <?= $i === 1 ? __('stella') : __('stelle') ?>
                    </option>
                  <?php endfor; ?>
                </select>
              </div>
            </div>
            <div class="mt-3">
              <label for="review" class="form-label"><?= __("Recensione") ?></label>
              <textarea id="review" name="review" rows="4" class="form-input" placeholder="<?= __('La tua recensione del libro...') ?>"><?= HtmlHelper::e($book['review'] ?? '') ?></textarea>
            </div>
            <div class="form-grid-2 mt-3">
              <div>
                <label for="comment" class="form-label"><?= __("Commento Pubblico") ?></label>
                <textarea id="comment" name="comment" rows="3" class="form-input" placeholder="<?= __('Commento pubblico...') ?>"><?= HtmlHelper::e($book['comment'] ?? '') ?></textarea>
              </div>
              <div>
                <label for="private_comment" class="form-label"><?= __("Commento Privato") ?></label>
                <textarea id="private_comment" name="private_comment" rows="3" class="form-input" placeholder="<?= __('Note private...') ?>"><?= HtmlHelper::e($book['private_comment'] ?? '') ?></textarea>
              </div>
            </div>
          </div>

          <!-- Physical Description -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Descrizione Fisica") ?></h3>
            <div>
              <label for="physical_description" class="form-label"><?= __("Descrizione Fisica") ?></label>
              <input type="text" id="physical_description" name="physical_description" class="form-input" value="<?= HtmlHelper::e($book['physical_description'] ?? '') ?>" placeholder="<?= __('es. Hardcover, 500 pages') ?>">
              <p class="text-xs text-gray-500 mt-1"><?= __("Nota: Peso e dimensioni sono nei campi nativi dell'app (sezione Dati Fisici)") ?></p>
            </div>
          </div>

          <!-- Library Classifications -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Classificazioni Bibliotecarie") ?></h3>
            <div class="form-grid-2">
              <div class="col-span-2">
                <label for="dewey_wording" class="form-label"><?= __("Descrizione Dewey") ?></label>
                <input type="text" id="dewey_wording" name="dewey_wording" class="form-input" value="<?= HtmlHelper::e($book['dewey_wording'] ?? '') ?>" placeholder="<?= __('es. History & geography > History of Asia > ...') ?>">
              </div>
              <div>
                <label for="lccn" class="form-label"><?= __("LCCN") ?></label>
                <input type="text" id="lccn" name="lccn" class="form-input" value="<?= HtmlHelper::e($book['lccn'] ?? '') ?>" placeholder="<?= __('Library of Congress Control Number') ?>">
              </div>
              <div>
                <label for="lc_classification" class="form-label"><?= __("Classificazione LC") ?></label>
                <input type="text" id="lc_classification" name="lc_classification" class="form-input" value="<?= HtmlHelper::e($book['lc_classification'] ?? '') ?>" placeholder="<?= __('es. PS3566.A686') ?>">
              </div>
              <div>
                <label for="other_call_number" class="form-label"><?= __("Altro Numero di Chiamata") ?></label>
                <input type="text" id="other_call_number" name="other_call_number" class="form-input" value="<?= HtmlHelper::e($book['other_call_number'] ?? '') ?>">
              </div>
            </div>
          </div>

          <!-- Date Tracking (Reading) -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Date di Lettura") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="entry_date" class="form-label"><?= __("Data Inserimento LibraryThing") ?></label>
                <input type="date" id="entry_date" name="entry_date" class="form-input" value="<?= HtmlHelper::e($book['entry_date'] ?? '') ?>">
              </div>
              <div>
                <label for="date_started" class="form-label"><?= __("Data Inizio Lettura") ?></label>
                <input type="date" id="date_started" name="date_started" class="form-input" value="<?= HtmlHelper::e($book['date_started'] ?? '') ?>">
              </div>
              <div>
                <label for="date_read" class="form-label"><?= __("Data Fine Lettura") ?></label>
                <input type="date" id="date_read" name="date_read" class="form-input" value="<?= HtmlHelper::e($book['date_read'] ?? '') ?>">
              </div>
            </div>
            <p class="text-xs text-gray-500 mt-2"><?= __("Nota: Data acquisizione è nel campo nativo 'Data Acquisizione' sopra") ?></p>
          </div>

          <!-- Catalog IDs -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Identificatori Catalogo") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="bcid" class="form-label"><?= __("BCID") ?></label>
                <input type="text" id="bcid" name="bcid" class="form-input" value="<?= HtmlHelper::e($book['bcid'] ?? '') ?>">
              </div>
              <div>
                <label for="barcode" class="form-label"><?= __("Codice a Barre") ?></label>
                <input type="text" id="barcode" name="barcode" class="form-input" value="<?= HtmlHelper::e($book['barcode'] ?? '') ?>" placeholder="<?= __('Barcode fisico') ?>">
              </div>
              <div>
                <label for="oclc" class="form-label"><?= __("OCLC") ?></label>
                <input type="text" id="oclc" name="oclc" class="form-input" value="<?= HtmlHelper::e($book['oclc'] ?? '') ?>" placeholder="<?= __('OCLC number') ?>">
              </div>
              <div>
                <label for="work_id" class="form-label"><?= __("LibraryThing Work ID") ?></label>
                <input type="text" id="work_id" name="work_id" class="form-input" value="<?= HtmlHelper::e($book['work_id'] ?? '') ?>">
              </div>
              <!-- ISSN moved to main form section (next to EAN) -->
            </div>
          </div>

          <!-- Language & Acquisition -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Lingua e Provenienza") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="original_languages" class="form-label"><?= __("Lingue Originali") ?></label>
                <input type="text" id="original_languages" name="original_languages" class="form-input" value="<?= HtmlHelper::e($book['original_languages'] ?? '') ?>" placeholder="<?= __('es. English, Italian') ?>">
              </div>
              <div>
                <label for="source" class="form-label"><?= __("Fonte/Venditore") ?></label>
                <input type="text" id="source" name="source" class="form-input" value="<?= HtmlHelper::e($book['source'] ?? '') ?>" placeholder="<?= __('es. Amazon, Libreria XYZ') ?>">
              </div>
              <div>
                <label for="from_where" class="form-label"><?= __("Da Dove Acquisito") ?></label>
                <input type="text" id="from_where" name="from_where" class="form-input" value="<?= HtmlHelper::e($book['from_where'] ?? '') ?>">
              </div>
            </div>
          </div>

          <!-- Lending Tracking -->
          <div class="mb-6 pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Tracciamento Prestiti") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="lending_patron" class="form-label"><?= __("Prestato A") ?></label>
                <input type="text" id="lending_patron" name="lending_patron" class="form-input" value="<?= HtmlHelper::e($book['lending_patron'] ?? '') ?>" placeholder="<?= __('Nome del prestatore') ?>">
              </div>
              <div>
                <label for="lending_status" class="form-label"><?= __("Stato Prestito") ?></label>
                <select id="lending_status" name="lending_status" class="form-input">
                  <option value=""><?= __("Non in prestito") ?></option>
                  <option value="on loan" <?= isset($book['lending_status']) && $book['lending_status'] === 'on loan' ? 'selected' : '' ?>><?= __("In prestito") ?></option>
                  <option value="returned" <?= isset($book['lending_status']) && $book['lending_status'] === 'returned' ? 'selected' : '' ?>><?= __("Restituito") ?></option>
                  <option value="overdue" <?= isset($book['lending_status']) && $book['lending_status'] === 'overdue' ? 'selected' : '' ?>><?= __("Scaduto") ?></option>
                </select>
              </div>
              <div>
                <label for="lending_start" class="form-label"><?= __("Data Inizio Prestito") ?></label>
                <input type="date" id="lending_start" name="lending_start" class="form-input" value="<?= HtmlHelper::e($book['lending_start'] ?? '') ?>">
              </div>
              <div>
                <label for="lending_end" class="form-label"><?= __("Data Fine Prestito") ?></label>
                <input type="date" id="lending_end" name="lending_end" class="form-input" value="<?= HtmlHelper::e($book['lending_end'] ?? '') ?>">
              </div>
            </div>
          </div>

          <!-- Financial and Condition Fields -->
          <div class="pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3"><?= __("Valore e Condizione") ?></h3>
            <div class="form-grid-2">
              <div>
                <label for="value" class="form-label"><?= __("Valore Corrente Stimato") ?></label>
                <input type="number" step="0.01" id="value" name="value" class="form-input" value="<?= HtmlHelper::e($book['value'] ?? '') ?>" placeholder="<?= __('es. 25.00') ?>">
                <p class="text-xs text-gray-500 mt-1"><?= __("Valore di mercato attuale (diverso dal prezzo di acquisto)") ?></p>
              </div>
              <div>
                <label for="condition_lt" class="form-label"><?= __("Condizione Fisica") ?></label>
                <select id="condition_lt" name="condition_lt" class="form-input">
                  <option value=""><?= __("Seleziona...") ?></option>
                  <option value="As New" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'As New' ? 'selected' : '' ?>><?= __("Come Nuovo") ?></option>
                  <option value="Fine" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'Fine' ? 'selected' : '' ?>><?= __("Ottimo") ?></option>
                  <option value="Very Good" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'Very Good' ? 'selected' : '' ?>><?= __("Molto Buono") ?></option>
                  <option value="Good" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'Good' ? 'selected' : '' ?>><?= __("Buono") ?></option>
                  <option value="Fair" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'Fair' ? 'selected' : '' ?>><?= __("Discreto") ?></option>
                  <option value="Poor" <?= isset($book['condition_lt']) && $book['condition_lt'] === 'Poor' ? 'selected' : '' ?>><?= __("Scarso") ?></option>
                </select>
              </div>
            </div>
            <p class="text-xs text-gray-500 mt-2"><?= __("Nota: Il prezzo di acquisto è nel campo 'Prezzo' della sezione 'Dati di Acquisizione'") ?></p>
          </div>

          <!-- Frontend Visibility Preferences -->
          <div class="pt-6 border-t border-gray-200">
            <h3 class="text-md font-semibold text-gray-700 mb-3">
              <i class="fas fa-eye text-primary mr-2"></i>
              <?= __("Visibilità nel Frontend") ?>
            </h3>
            <p class="text-sm text-gray-600 mb-4"><?= __("Seleziona quali campi LibraryThing mostrare nella pagina pubblica del libro") ?></p>

            <?php
            // Parse current visibility settings
            $ltFieldsVisibility = [];
            if (!empty($book['lt_fields_visibility'])) {
                $ltFieldsVisibility = json_decode($book['lt_fields_visibility'], true) ?: [];
            }

            // Get all LibraryThing fields
            $ltFields = \App\Support\LibraryThingInstaller::getLibraryThingFields();

            // Group fields by category for better UX
            $fieldGroups = [
                __('Recensione') => ['review', 'rating', 'comment'],
                __('Date') => ['entry_date', 'date_started', 'date_read'],
                __('Classificazioni') => ['dewey_wording', 'lccn', 'lc_classification', 'other_call_number'],
                __('Identificatori') => ['bcid', 'barcode', 'oclc', 'work_id'],
                __('Provenienza') => ['original_languages', 'source', 'from_where'],
                __('Prestito') => ['lending_patron', 'lending_status', 'lending_start', 'lending_end'],
                __('Altro') => ['physical_description', 'value', 'condition_lt']
            ];
            ?>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
              <?php foreach ($fieldGroups as $groupName => $fields): ?>
                <div class="border border-gray-200 rounded-lg p-3 bg-gray-50">
                  <h4 class="text-sm font-semibold text-gray-700 mb-2"><?= HtmlHelper::e($groupName) ?></h4>
                  <?php foreach ($fields as $fieldName): ?>
                    <?php if (isset($ltFields[$fieldName])): ?>
                      <label class="flex items-center space-x-2 text-sm py-1 cursor-pointer hover:bg-gray-100 rounded px-1 transition-colors">
                        <input
                          type="checkbox"
                          name="lt_visibility[<?= $fieldName ?>]"
                          value="1"
                          class="w-4 h-4 rounded border-gray-300 text-gray-900 focus:ring-gray-500"
                          <?= isset($ltFieldsVisibility[$fieldName]) && $ltFieldsVisibility[$fieldName] ? 'checked' : '' ?>
                        >
                        <span class="text-gray-700"><?= HtmlHelper::e(__($ltFields[$fieldName])) ?></span>
                      </label>
                    <?php endif; ?>
                  <?php endforeach; ?>
                </div>
              <?php endforeach; ?>
            </div>

            <p class="text-xs text-gray-500 mt-3">
              <i class="fas fa-info-circle mr-1"></i>
              <?= __("I campi selezionati saranno visibili nella pagina pubblica del libro. I commenti privati sono sempre nascosti nel frontend.") ?>
            </p>
          </div>

        </div>
      </div>
      <?php endif; ?>

      <!-- Submit Section -->
      <?php
      // Plugin hook: Additional fields in book form (backend)
      $bookData = $mode === 'edit' ? ($libro ?? null) : null;
      $bookId = $mode === 'edit' ? ($libro['id'] ?? null) : null;
      \App\Support\Hooks::do('book.form.fields', [$bookData, $bookId]);
      ?>

      <div class="flex flex-col sm:flex-row gap-4 justify-end">
        <button type="button" id="btnCancel" class="btn-secondary order-2 sm:order-1">
          <i class="fas fa-times mr-2"></i>
          <?= __("Annulla") ?>
        </button>
        <button type="submit" class="btn-primary order-1 sm:order-2">
          <i class="fas fa-save mr-2"></i>
          <?php echo $mode === 'edit' ? __('Salva Modifiche') : __('Salva Libro'); ?>
        </button>
      </div>
    </form>
  </div>
</div>
<!-- CSS and JavaScript Libraries - partial-specific assets only (vendor.css/vendor.bundle.js loaded by layout) -->
<link rel="stylesheet" href="<?= htmlspecialchars(assetUrl('star-rating/dist/star-rating.min.css'), ENT_QUOTES, 'UTF-8') ?>">
<script src="<?= htmlspecialchars(assetUrl('star-rating/dist/star-rating.min.js'), ENT_QUOTES, 'UTF-8') ?>"></script>

<script>
const FORM_MODE = <?php echo json_encode($mode, JSON_HEX_TAG); ?>;
const INITIAL_BOOK = <?php echo $initialDataJsonRaw; ?>;
const CSRF_TOKEN = <?php echo json_encode($csrfToken, JSON_HEX_TAG); ?>;

// i18n translations for JavaScript - Inject PHP translations into JS
// Merge global translations (from layout) with local fallbacks; global wins if defined
const i18nTranslations = Object.assign({}, window.i18nTranslations || {}, <?= json_encode([
    'Nessun sottogenere' => __("Nessun sottogenere"),
    'Ricerca in corso...' => __("Ricerca in corso..."),
    'Errore nella ricerca' => __("Errore nella ricerca"),
    'Seleziona classe...' => __("Seleziona classe..."),
    'Seleziona divisione...' => __("Seleziona divisione..."),
    'Seleziona sezione...' => __("Seleziona sezione..."),
    'Seleziona radice...' => __("Seleziona radice..."),
    'Seleziona prima una radice...' => __("Seleziona prima una radice..."),
    'Seleziona genere...' => __("Seleziona genere..."),
    'Seleziona prima un genere...' => __("Seleziona prima un genere..."),
    'Errore caricamento classificazione Dewey' => __("Errore caricamento classificazione Dewey"),
    'Rimuovi editore' => __("Rimuovi editore"),
    'Livello' => __("Livello"),
    'Seleziona mensola...' => __("Seleziona mensola..."),
    'Seleziona prima uno scaffale...' => __("Seleziona prima uno scaffale..."),
    'Aggiornamento in corso...' => __("Aggiornamento in corso..."),
    'Aggiornamento...' => __("Aggiornamento..."),
    'Salvataggio in corso...' => __("Salvataggio in corso..."),
    'Importazione...' => __("Importazione..."),
    'Attendere prego' => __("Attendere prego"),
    'Generazione...' => __("Generazione..."),
    'Genera automaticamente' => __("Genera automaticamente"),
    'Immagine Caricata!' => __("Immagine Caricata!"),
    'Aggiungi' => __("Aggiungi"),
    'come nuovo autore' => __("come nuovo autore"),
    'Rimuovi' => __("Rimuovi"),
    'Conferma Aggiornamento' => __("Conferma Aggiornamento"),
    'Conferma Salvataggio' => __("Conferma Salvataggio"),
    'Sì, Aggiorna' => __("Sì, Aggiorna"),
    'Sì, Salva' => __("Sì, Salva"),
    'Vuoi aggiornare il libro "%s"?' => __("Vuoi aggiornare il libro \"%s\"?"),
    'Sei sicuro di voler salvare il libro "%s"?' => __("Sei sicuro di voler salvare il libro \"%s\"?"),
    'Conferma Annullamento' => __("Conferma Annullamento"),
    'Sei sicuro di voler annullare? Tutti i dati inseriti andranno persi.' => __("Sei sicuro di voler annullare? Tutti i dati inseriti andranno persi."),
    'Sì, Annulla' => __("Sì, Annulla"),
    'Continua' => __("Continua"),
    'Errore' => __("Errore"),
    'Si è verificato un errore durante il salvataggio.' => __("Si è verificato un errore durante il salvataggio."),
    'Si è verificato un errore di rete.' => __("Si è verificato un errore di rete."),
    'Codice mancante' => __("Codice mancante"),
    'Inserisci un codice ISBN o EAN per continuare.' => __("Inserisci un codice ISBN o EAN per continuare.")
], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) ?>);

// LibraryThing accordion toggle
function toggleLibraryThingAccordion() {
    const content = document.getElementById('librarything-accordion-content');
    const icon = document.getElementById('librarything-accordion-icon');
    const button = content.previousElementSibling;
    const isExpanded = button.getAttribute('aria-expanded') === 'true';

    if (isExpanded) {
        // Collapse
        content.style.maxHeight = '0';
        content.style.opacity = '0';
        content.style.padding = '0';
        content.setAttribute('aria-hidden', 'true');
        button.setAttribute('aria-expanded', 'false');
        icon.style.transform = 'rotate(0deg)';
    } else {
        // Expand
        content.style.maxHeight = content.scrollHeight + 'px';
        content.style.opacity = '1';
        content.style.padding = '';
        content.setAttribute('aria-hidden', 'false');
        button.setAttribute('aria-expanded', 'true');
        icon.style.transform = 'rotate(180deg)';

        // Focus management: move focus to first focusable element after expansion
        setTimeout(() => {
            const focusableElements = content.querySelectorAll(
                'input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])'
            );
            if (focusableElements.length > 0) {
                focusableElements[0].focus();
            } else {
                // If no focusable elements, focus the content itself
                content.setAttribute('tabindex', '-1');
                content.focus();
            }
        }, 50);

        // Auto-adjust height after transition
        setTimeout(() => {
            if (button.getAttribute('aria-expanded') === 'true') {
                content.style.maxHeight = 'none';
            }
        }, 300);
    }
}

// Global translation function for JavaScript
window.__ = function(key, ...args) {
    let translated = i18nTranslations[key] || key;
    if (args.length > 0) {
        let argIndex = 0;
        translated = translated.replace(/%(\d+\$)?[sd]/g, function(match, position) {
            const index = position ? parseInt(position, 10) - 1 : argIndex++;
            const value = args[index];
            return value !== undefined ? String(value) : '';
        });
    }
    return translated;
};

// Convenience object for direct access
const bookFormI18n = {
    noSubgenre: __("Nessun sottogenere"),
    searching: __("Ricerca in corso..."),
    searchError: __("Errore nella ricerca")
};

const bookFormMessages = {
    uploadReady: <?= json_encode(__('File "%s" pronto per l\'upload'), JSON_HEX_TAG) ?>,
    authorAlreadySelected: <?= json_encode(__('Autore "%s" è già selezionato'), JSON_HEX_TAG) ?>,
    authorReady: <?= json_encode(__('Autore "%s" pronto per essere creato'), JSON_HEX_TAG) ?>,
    contributorAlreadySelected: <?= json_encode(__('Contributore "%s" è già selezionato'), JSON_HEX_TAG) ?>,
    contributorReady: <?= json_encode(__('Contributore "%s" pronto per essere creato'), JSON_HEX_TAG) ?>,
    publisherSelected: <?= json_encode(__('Editore "%s" selezionato'), JSON_HEX_TAG) ?>,
    publisherReady: <?= json_encode(__('Editore "%s" pronto per essere creato'), JSON_HEX_TAG) ?>,
    publisherPlaceholder: <?= json_encode(__('Cerca editore esistente o inserisci nuovo...'), JSON_HEX_TAG) ?>,
    priceImported: <?= json_encode(__('Prezzo "%s" importato'), JSON_HEX_TAG) ?>
};

const isbnImportMessages = {
    invalidResponse: <?= json_encode(__('Risposta non valida dal servizio ISBN.'), JSON_HEX_TAG) ?>,
    genericError: <?= json_encode(__('Impossibile importare i dati per questo ISBN.'), JSON_HEX_TAG) ?>,
    notFound: <?= json_encode(__('ISBN non trovato nelle fonti disponibili.'), JSON_HEX_TAG) ?>
};

// Global variables
let authorsChoice = null;
let uppy = null;
let publishersChoice = null;

// Wait for DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
    
    // Initialize all components
    initializeUppy();
    initializeChoicesJS();
    initializePublishersChoices();
    const contributorPickerResults = ['illustratori', 'traduttori', 'curatori', 'coloristi']
        .map(initContributorPicker);
    const contributorMarker = document.getElementById('contributors_entity_picker');
    if (contributorMarker && contributorPickerResults.every(Boolean)) {
        contributorMarker.value = '1';
    }
    initializeSeriesAutocompletes();
    initializeSweetAlert();
    initializeGeneriDropdowns();
    initializeFormValidation();
    initializeIsbnImport();
    
    // Dewey classification
    initializeDewey();
    initializeSuggestCollocazione();
    initializeCollocationFilters();

    // Add loading state management
    window.addEventListener('beforeunload', function() {
        if (uppy && typeof uppy.close === 'function') {
            try {
                uppy.close();
            } catch (error) {
                console.error('Error closing Uppy:', error);
            }
        }
    });
});

// Initialize Uppy File Upload
function initializeUppy() {
    //     Uppy: typeof window.Uppy,
    //     UppyDragDrop: typeof window.UppyDragDrop,
    //     UppyProgressBar: typeof window.UppyProgressBar
    // });

    if (typeof Uppy === 'undefined') {
        console.error('Uppy is not loaded! Check vendor.bundle.js');
        return;
    }
    
    try {
        uppy = new Uppy({
            restrictions: {
                maxFileSize: 5000000, // 5MB
                maxNumberOfFiles: 1,
                allowedFileTypes: ['image/*']
            },
            autoProceed: false
        });

        uppy.use(UppyDragDrop, {
            target: '#uppy-upload',
            note: <?= json_encode(__("Trascina qui la copertina del libro o clicca per selezionare"), JSON_HEX_TAG) ?>,
            locale: {
                strings: {
                    dropPasteFiles: <?= json_encode(__("Trascina qui la copertina del libro o %{browse}"), JSON_HEX_TAG) ?>,
                    browse: <?= json_encode(__("seleziona file"), JSON_HEX_TAG) ?>
                }
            }
        });

        uppy.use(UppyProgressBar, {
            target: '#uppy-progress',
            hideAfterFinish: false
        });

        // Handle file added
        uppy.on('file-added', (file) => {
            displayImagePreview(file);

            // Choosing a cover file cancels any pending removal — last action wins (#F007)
            const rc = document.getElementById('remove_cover'); if (rc) rc.value = '0';

            // Set the file to the hidden input for form submission
            const fileInput = document.getElementById('fallback-file-input');
            const dataTransfer = new DataTransfer();
            dataTransfer.items.add(new File([file.data], file.name, {type: file.type}));
            fileInput.files = dataTransfer.files;
            
            Swal.fire({
                icon: 'success',
                title: __("Immagine Caricata!"),
                text: bookFormMessages.uploadReady.replace('%s', file.name),
                timer: 2000,
                showConfirmButton: false
            });
        });

        // Handle file removed
        uppy.on('file-removed', (file) => {
            clearImagePreview();
            document.getElementById('fallback-file-input').value = '';
        });

        uppy.on('restriction-failed', (file, error) => {
            console.error('Upload restriction failed:', error);
            Swal.fire({
                icon: 'error',
                title: __('Errore Upload'),
                text: error.message
            });
        });

    } catch (error) {
        console.error('Error initializing Uppy:', error);
        // Fallback to regular file input
        document.getElementById('fallback-file-input').style.display = 'block';
    }
}

// Display image preview
function displayImagePreview(file) {
    const container = document.getElementById('cover-preview-container');
    const reader = new FileReader();

    reader.onload = function(e) {
        container.innerHTML = `
            <div class="inline-flex flex-col items-start space-y-2">
                <div class="relative">
                    <img src="${e.target.result}" alt="${escapeHtml(window.__ ? window.__('Anteprima copertina') : 'Anteprima copertina')}" class="max-h-48 object-contain border border-gray-200 rounded-lg shadow-sm">
                </div>
                <div class="flex items-center gap-4">
                    <div class="flex items-center gap-2 text-sm text-gray-600">
                        <i class="fas fa-check-circle text-green-500"></i>
                        <span>${escapeHtml(file.name)} (${(file.size / 1024).toFixed(1)} KB)</span>
                    </div>
                    <button type="button" onclick="removeCoverImage()" class="text-xs text-red-600 hover:text-red-800 hover:underline flex items-center gap-1">
                        <i class="fas fa-trash"></i>
                        <?= __('Rimuovi') ?>
                    </button>
                </div>
            </div>
        `;
    };

    reader.readAsDataURL(file.data);
}

// Clear image preview
function clearImagePreview() {
    document.getElementById('cover-preview-container').innerHTML = '';
}

// Remove cover image
async function removeCoverImage() {
    const result = await window.SwalApp.confirmDelete({
        text: __('Sei sicuro di voler rimuovere la copertina?'),
        confirmText: __('Rimuovi')
    });
    if (!result.isConfirmed) return;

    // Set hidden field to signal removal
    document.getElementById('remove_cover').value = '1';

    // Clear the copertina_url hidden field
    document.getElementById('copertina_url').value = '';

    // Clear any stale scraped cover URL so it can't re-add the cover on save (#F007)
    const sc = document.getElementById('scraped_cover_url');
    if (sc) sc.value = '';

    // Clear preview
    clearImagePreview();

    // Show confirmation message
    const container = document.getElementById('cover-preview-container');
    container.innerHTML = `
        <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-3 text-sm text-yellow-800 flex items-center gap-2" role="alert">
            <i class="fas fa-info-circle"></i>
            <span>${<?= json_encode(__("La copertina verrà rimossa al salvataggio del libro"), JSON_HEX_TAG) ?>}</span>
        </div>
    `;
}

// Initialize Choices.js for Authors
function authorChoiceLabelMatchesInput(label, input) {
    const normalizedLabel = String(label || '').trim().toLowerCase();
    const normalizedInput = String(input || '').trim().toLowerCase();
    if (normalizedLabel === normalizedInput) return true;

    // Search results use "Pseudonym (Real name)". Treat either complete name as
    // an exact match so pressing Enter selects the existing entity instead of
    // creating a duplicate author named after the pseudonym.
    const match = normalizedLabel.match(/^(.+?)\s+\((.+)\)$/);
    return Boolean(match && (match[1].trim() === normalizedInput || match[2].trim() === normalizedInput));
}

function initializeChoicesJS() {

    try {
        const element = document.getElementById('autori_select');
        if (!element) return;

        const preselected = Array.isArray(INITIAL_BOOK.autori) ? INITIAL_BOOK.autori : [];

        authorsChoice = new Choices(element, {
            searchEnabled: true,
            // Server-side search: the 'search' handler below fetches matches and
            // setChoices()es them. Disable Choices' own client-side Fuse filter so
            // it can't race that async populate and hide fresh results as "no
            // results" until the next keystroke.
            searchChoices: false,
            removeItemButton: true,
            addItems: true,
            duplicateItemsAllowed: false,
            placeholder: true,
            placeholderValue: <?= json_encode(__("Cerca autori esistenti o aggiungine di nuovi..."), JSON_HEX_TAG) ?>,
            noChoicesText: <?= json_encode(__("Nessun autore trovato, premi Invio per aggiungerne uno nuovo"), JSON_HEX_TAG) ?>,
            itemSelectText: <?= json_encode(__("Clicca per selezionare"), JSON_HEX_TAG) ?>,
            addItemText: (value) => `${<?= json_encode(__('Aggiungi'), JSON_HEX_TAG) ?>} <b>"${value}"</b> ${<?= json_encode(__('come nuovo autore'), JSON_HEX_TAG) ?>}`,
            maxItemText: (maxItemCount) => <?= json_encode(__("Solo %d autori possono essere aggiunti"), JSON_HEX_TAG) ?>.replace('%d', maxItemCount),
            shouldSort: false,
            searchResultLimit: -1,
            searchFloor: 1,
            fuseOptions: {
                threshold: 0.3,
                distance: 100
            },
            classNames: {
                containerInner: 'choices__inner'
            }
        });

        loadAuthorsData(preselected);

        // Server-side search: fetch matching authors on keystroke
        let authorSearchTimeout = null;
        authorsChoice.passedElement.element.addEventListener('search', async function(event) {
            const query = (event.detail && event.detail.value) ? event.detail.value.trim() : '';
            clearTimeout(authorSearchTimeout);
            if (query.length < 2) return;

            authorSearchTimeout = setTimeout(async () => {
                try {
                    const resp = await fetch(`${window.BASE_PATH}/api/search/autori?q=${encodeURIComponent(query)}`);
                    if (!resp.ok) return;
                    const serverResults = await resp.json();

                    // Get currently selected values to preserve them
                    const selectedValues = new Set(
                        (authorsChoice.getValue(true) || []).map(v => String(v))
                    );

                    // Add server results that aren't already in the choices list
                    const newChoices = (serverResults || [])
                        .filter(a => !selectedValues.has(String(a.id)))
                        .map(a => ({
                            value: String(a.id),
                            label: a.label,
                            selected: false,
                            customProperties: { isNew: false }
                        }));

                    // Replace unconditionally (even when empty): with the client
                    // Fuse filter off, skipping the call on a no-results query
                    // would leave the PREVIOUS query's options stale in the
                    // dropdown. clearSearchFlag=false keeps the user's input.
                    authorsChoice.setChoices(newChoices, 'value', 'label', true, false);
                } catch (e) {
                    console.error('Server-side author search failed:', e);
                }
            }, 300);
        });

        const wrapper = element.closest('.choices');
        // Load-bearing for the #74 _onEnterKey monkey-patch below (and the
        // ensureAuthorChoice helpers): the authors block references
        // `internalInput` in several places. It used to be declared by the
        // now-removed forceInputWidth block — keep it here so replacing that
        // block with stackChoicesInput() doesn't leave it undefined.
        const internalInput = wrapper ? wrapper.querySelector('.choices__input--cloned') : null;
        // Stack the search input on its own full-width row below the chips
        // (shared with the contributor + publisher pickers).
        stackChoicesInput(wrapper);

        const ensureAuthorChoice = (value, label, customProperties = {}) => {
            const stringValue = String(value);
            const selectElement = document.getElementById('autori_select');
            if (!selectElement) {
                console.error('autori_select element not found');
                return Promise.resolve();
            }
            const exists = Array.from(selectElement.options).some(opt => opt.value === stringValue);

            if (!exists) {
                const result = authorsChoice.setChoices([
                    {
                        value: stringValue,
                        label,
                        selected: false,
                        customProperties
                    }
                ], 'value', 'label', false);
                if (result && typeof result.then === 'function') {
                    return result.catch((err) => {
                        console.error('Unable to append author choice', err);
                    });
                }
            } else {
            }
            return Promise.resolve();
        };

        const createAuthorFromInputWithValue = async (rawValue) => {
            if (!authorsChoice) {
                console.warn('createAuthorFromInputWithValue: missing authorsChoice');
                return;
            }
            if (!rawValue || !rawValue.trim()) {
                return;
            }


            const normalizedLabel = rawValue.trim();
            const normalizedKey = normalizedLabel.toLowerCase();
            const alreadySelected = Array.from(document.querySelectorAll('#autori_hidden [data-label]'))
                .some((input) => (input.dataset.label || '').toLowerCase() === normalizedKey);
            if (alreadySelected) {
                if (internalInput) internalInput.value = '';
                authorsChoice.hideDropdown();
                if (window.Toast) {
                    window.Toast.fire({
                        icon: 'info',
                        title: bookFormMessages.authorAlreadySelected.replace('%s', normalizedLabel)
                    });
                }
                return;
            }

            const tempId = 'new_' + Date.now() + '_' + Math.floor(Math.random() * 1000);

            try {
                await ensureAuthorChoice(tempId, normalizedLabel, {isNew: true });
                authorsChoice.setChoiceByValue(tempId);

                if (internalInput) internalInput.value = '';
                authorsChoice.hideDropdown();
                if (typeof authorsChoice.clearInput === 'function') {
                    authorsChoice.clearInput();
                }
                if (window.Toast) {
                    window.Toast.fire({
                        icon: 'info',
                        title: bookFormMessages.authorReady.replace('%s', normalizedLabel)
                    });
                }
            } catch (err) {
                console.error('createAuthorFromInputWithValue: error creating author', err);
            }
        };

        // Legacy function for backward compatibility
        const createAuthorFromInput = () => {
            if (!internalInput) return;
            const rawValue = internalInput.value.trim();
            createAuthorFromInputWithValue(rawValue);
        };

        // ┌─────────────────────────────────────────────────────────────────────┐
        // │  ⚠️  DO NOT REFACTOR — REGRESSION-PRONE CODE — READ BEFORE CHANGING │
        // │                                                                     │
        // │  This monkey-patch on `authorsChoice._onEnterKey` looks like a      │
        // │  textbook "access to private API" smell. It is intentional and     │
        // │  load-bearing. Please do not "clean it up" by replacing it with    │
        // │  a public-API event listener — we tried, twice, and it regressed   │
        // │  issue #74 (https://github.com/fabiodalez-dev/Pinakes/issues/74)   │
        // │  both times.                                                        │
        // │                                                                     │
        // │  ## What the bug is                                                 │
        // │  User opens /admin/books/create, types a new author name (e.g.       │
        // │  "Norbert Wex") that partially matches an existing one (e.g.      │
        // │  "Norbert Bauer" is highlighted in the dropdown), and presses     │
        // │  Enter. The expected behavior is that the typed text becomes the  │
        // │  new author. The buggy behavior is that Choices.js auto-selects    │
        // │  the highlighted existing match instead.                            │
        // │                                                                     │
        // │  ## Why public-API listeners DO NOT WORK                            │
        // │  Choices.js v11 registers its OWN capture-phase keydown handler    │
        // │  on the outer `.choices` wrapper INSIDE `new Choices(...)`, BEFORE │
        // │  our initialization code runs. On Enter with a highlighted item    │
        // │  its handler calls `event.stopImmediatePropagation()`. DOM-level   │
        // │  ordering rules:                                                    │
        // │    • Two capture-phase listeners on the same element fire in       │
        // │      ORDER OF REGISTRATION.                                         │
        // │    • Choices.js registered first → its listener fires first →     │
        // │      stopImmediatePropagation() prevents ours from ever running.   │
        // │  So a `wrapper.addEventListener('keydown', …, true)` registered    │
        // │  after `new Choices(...)` SILENTLY NEVER FIRES on Enter.           │
        // │                                                                     │
        // │  The fix that actually works is to intercept inside the library's │
        // │  own keypress dispatcher by replacing `_onEnterKey` on the         │
        // │  instance. We do not touch `Choices.prototype._onEnterKey`, so    │
        // │  other Choices instances on the same page (publisher, genre,      │
        // │  collana, etc.) keep stock behavior.                                │
        // │                                                                     │
        // │  ## History of regressions                                          │
        // │    • 2026-03-01 v0.4.9.4 — first applied (commit 1cdc6751).        │
        // │    • 2026-XX     CR round-11 — refactored to capture-phase. ⚠ Bug │
        // │                  regressed silently; tests passed because nothing │
        // │                  exercised the "highlighted-mismatch + Enter"      │
        // │                  path. (commit e976cb1e)                            │
        // │    • 2026-05-20 v0.7.7 — re-restored after user @HansUwe52         │
        // │                  reported the regression on issue #74. (commit    │
        // │                  8482b53d)                                          │
        // │                                                                     │
        // │  ## Safety net                                                      │
        // │  An E2E test in tests/issue-74-author-autocomplete.spec.js         │
        // │  reproduces exactly this scenario. If you change the logic below   │
        // │  and that test goes red, restore the monkey-patch.                 │
        // │                                                                     │
        // │  ## When this comment may be removed                                │
        // │  When Choices.js exposes a stable, public API for intercepting     │
        // │  Enter (e.g. a beforeChoose / shouldAccept hook), migrate to it    │
        // │  AND remove this comment in the same commit. Until then, this     │
        // │  is the canonical implementation — refactor at your own risk and  │
        // │  with a passing #74 E2E run.                                        │
        // └─────────────────────────────────────────────────────────────────────┘
        // coderabbit-ignore: do-not-refactor
        if (typeof authorsChoice._onEnterKey === 'function') {
            const originalOnEnterKey = authorsChoice._onEnterKey.bind(authorsChoice);
            authorsChoice._onEnterKey = function (event, hasActiveDropdown) {
                if (!internalInput) {
                    return originalOnEnterKey(event, hasActiveDropdown);
                }
                const inputValue = internalInput.value.trim();
                if (!inputValue) {
                    return originalOnEnterKey(event, hasActiveDropdown);
                }

                const dd = wrapper ? wrapper.querySelector('.choices__list--dropdown') : null;
                const highlighted = dd ? dd.querySelector('.choices__item--selectable.is-highlighted') : null;

                if (!highlighted) {
                    // No highlighted match — create the typed name as a new author.
                    event.preventDefault();
                    createAuthorFromInputWithValue(inputValue);
                    return;
                }

                // There IS a highlighted item — only delegate to Choices.js
                // when the typed text matches it (case insensitive). If the
                // user typed "Norbert Wex" while "Norbert Bauer" was the
                // top match, we MUST NOT let Choices.js auto-select it.
                const nameEl = highlighted.querySelector('.choices__item-text') || highlighted.childNodes[0];
                const highlightedText = (nameEl ? nameEl.textContent : highlighted.textContent).trim().toLowerCase();
                const currentText = inputValue.toLowerCase();

                if (authorChoiceLabelMatchesInput(highlightedText, currentText)) {
                    // Exact match — pick the existing author.
                    return originalOnEnterKey(event, hasActiveDropdown);
                }

                // Highlighted is a different name — create new author from typed input.
                event.preventDefault();
                createAuthorFromInputWithValue(inputValue);
            };
        } else {
            // Defensive fallback for a future Choices.js without _onEnterKey:
            // capture-phase listener (known to be unreliable but better than
            // nothing — at least new-author creation works when the dropdown
            // has no highlighted item).
            const handleAuthorEnter = (event) => {
                if (event.key !== 'Enter' || !internalInput) return;
                const inputValue = internalInput.value.trim();
                if (!inputValue) return;
                const dd = wrapper ? wrapper.querySelector('.choices__list--dropdown') : null;
                const highlighted = dd ? dd.querySelector('.choices__item--selectable.is-highlighted') : null;
                if (!highlighted) {
                    event.preventDefault();
                    event.stopPropagation();
                    createAuthorFromInputWithValue(inputValue);
                }
            };
            if (wrapper) {
                wrapper.addEventListener('keydown', handleAuthorEnter, true);
            }
        }

        element.addEventListener('addItem', function(event) {
            const value = String(event.detail.value);
            const label = (event.detail.label ?? event.detail.value ?? '').trim();
            const customProps = event.detail.customProperties || {};
            addAuthorHiddenInput(value, label || value);
        });

        element.addEventListener('removeItem', function(event) {
            const value = String(event.detail.value);
            removeAuthorHiddenInput(value);
        });

        window.ensureAuthorChoice = ensureAuthorChoice;
    } catch (error) {
        console.error('Error initializing Choices.js:', error);
    }
}

// Initialize Dewey with chip-based selection
async function initializeDewey() {
  const container = document.getElementById('dewey_levels_container');
  const breadcrumb = document.getElementById('dewey_breadcrumb');
  const hidden = document.getElementById('classificazione_dewey');
  const manualInput = document.getElementById('dewey_manual_input');
  const addBtn = document.getElementById('dewey_add_btn');
  const chipContainer = document.getElementById('dewey_chip_container');
  const chipCode = document.getElementById('dewey_chip_code');
  const chipName = document.getElementById('dewey_chip_name');
  const chipRemove = document.getElementById('dewey_chip_remove');

  let currentDeweyCode = '';
  let currentDeweyName = '';

  // Valida formato codice Dewey (3 cifre principali + opzionale parte decimale)
  // Allineato con DeweyValidator::PATTERN_ANY_CODE lato server
  const validateDeweyCode = (code) => {
    return /^[0-9]{3}(\.[0-9]{1,4})?$/.test(code);
  };

  // Ottieni il codice parent (es. 599.1 → 599, 599.93 → 599.9)
  const getParentCode = (code) => {
    if (!code.includes('.')) return null; // Nessun parent se non ha decimali

    const parts = code.split('.');
    const intPart = parts[0]; // 599
    const decPart = parts[1]; // 1 oppure 93

    if (decPart.length === 1) {
      // 599.1 → parent è 599
      return intPart;
    } else {
      // 599.93 → parent è 599.9
      return `${intPart}.${decPart.substring(0, decPart.length - 1)}`;
    }
  };

  // Fetch the full hierarchical path for a Dewey code via API
  // Returns { codes: "100 > 110 > 116", names: "Filosofia > Metafisica > Cambiamento" } or null
  const fetchDeweyPath = async (code) => {
    try {
      const response = await fetch(`${window.BASE_PATH}/api/dewey/path?code=${encodeURIComponent(code)}`, {
        credentials: 'same-origin'
      });
      if (!response.ok) return null;
      const pathItems = await response.json();
      if (Array.isArray(pathItems) && pathItems.length > 0) {
        return {
          codes: pathItems.map(item => item.code).join(' > '),
          names: pathItems.map(item => item.name).join(' > ')
        };
      }
    } catch (e) {
      // Silently fail
    }
    return null;
  };

  // Imposta il codice Dewey corrente
  const setDeweyCode = async (code, name = null) => {
    if (!code) {
      clearDeweyCode();
      return;
    }

    currentDeweyCode = code;
    currentDeweyName = '';
    const requestCode = code;

    // Fetch full hierarchy (codes + names) from API
    const pathData = await fetchDeweyPath(code);
    if (requestCode !== currentDeweyCode) return; // stale response
    let chipCodeText = code;
    if (pathData) {
      chipCodeText = pathData.codes;
      currentDeweyName = pathData.names;
    } else if (name) {
      // Fallback: use the provided leaf name only
      currentDeweyName = name;
    }

    // Aggiorna UI - hidden field saves only the leaf code
    hidden.value = currentDeweyCode;
    chipCode.textContent = chipCodeText;
    chipName.textContent = currentDeweyName ? `— ${currentDeweyName}` : '';
    chipContainer.style.display = 'block';
    manualInput.value = '';
  };

  // Expose to global scope for scraping handler
  window.setDeweyCode = setDeweyCode;

  // Rimuovi il codice Dewey corrente
  const clearDeweyCode = () => {
    currentDeweyCode = '';
    currentDeweyName = '';
    hidden.value = '';
    chipContainer.style.display = 'none';
    chipCode.textContent = '';
    chipName.textContent = '';
    manualInput.value = '';

    // Reset navigazione
    container.innerHTML = '';
    breadcrumb.innerHTML = `<i class="fas fa-home"></i> <span>${<?= json_encode(__("Nessuna selezione"), JSON_HEX_TAG) ?>}</span>`;
    loadLevel(null, 0);
  };

  // Gestione pulsante "Aggiungi"
  addBtn.addEventListener('click', async () => {
    const code = manualInput.value.trim();

    if (!code) {
      if (window.Toast) {
        window.Toast.fire({
          icon: 'warning',
          title: <?= json_encode(__("Inserisci un codice Dewey"), JSON_HEX_TAG) ?>
        });
      }
      return;
    }

    if (!validateDeweyCode(code)) {
      if (window.Toast) {
        window.Toast.fire({
          icon: 'error',
          title: <?= json_encode(__("Formato codice non valido"), JSON_HEX_TAG) ?>,
          text: <?= json_encode(__("Usa formato: 599 oppure 599.9 oppure 599.93"), JSON_HEX_TAG) ?>
        });
      }
      return;
    }

    await setDeweyCode(code);
  });

  // Gestione rimozione chip
  chipRemove.addEventListener('click', () => {
    clearDeweyCode();
  });

  // Gestione Enter nell'input
  manualInput.addEventListener('keypress', (e) => {
    if (e.key === 'Enter') {
      e.preventDefault();
      addBtn.click();
    }
  });

  // Build breadcrumb from all currently selected dropdowns
  const updateBreadcrumbFromDropdowns = () => {
    const icon = document.createElement('i');
    icon.className = 'fas fa-home';
    breadcrumb.textContent = '';
    breadcrumb.appendChild(icon);
    breadcrumb.appendChild(document.createTextNode(' '));

    const selects = container.querySelectorAll('select');
    let hasSelection = false;
    selects.forEach((sel, i) => {
      if (!sel.value) return;
      const opt = sel.selectedOptions[0];
      if (!opt) return;
      hasSelection = true;
      if (i > 0) {
        const sep = document.createElement('span');
        sep.className = 'text-gray-400 mx-1';
        sep.textContent = '>';
        breadcrumb.appendChild(sep);
      }
      const span = document.createElement('span');
      span.className = 'text-gray-500';
      span.textContent = sel.value;
      span.title = opt.dataset.name || '';
      breadcrumb.appendChild(span);
    });

    if (!hasSelection) {
      const noSel = document.createElement('span');
      noSel.textContent = <?= json_encode(__("Nessuna selezione"), JSON_HEX_TAG) ?>;
      breadcrumb.appendChild(noSel);
    }
  };

  // Carica livelli Dewey per navigazione
  const loadLevel = async (parentCode = null, levelIndex = 0) => {
    try {
      const apiUrl = parentCode
        ? `${window.BASE_PATH}/api/dewey/children?parent_code=${encodeURIComponent(parentCode)}`
        : window.BASE_PATH + '/api/dewey/children';

      const response = await fetch(apiUrl, { credentials: 'same-origin' });
      if (!response.ok) {
        console.error('Dewey children API error:', response.status);
        return null;
      }
      const items = await response.json();

      if (!Array.isArray(items) || items.length === 0) return null;

      // Rimuovi tutti i select dopo questo livello
      while (container.children.length > levelIndex) {
        container.removeChild(container.lastChild);
      }

      // Crea nuovo select
      const selectWrapper = document.createElement('div');
      const select = document.createElement('select');
      select.className = 'form-input';
      select.dataset.level = levelIndex;

      const opt0 = document.createElement('option');
      opt0.value = '';
      opt0.textContent = <?= json_encode(__("Seleziona..."), JSON_HEX_TAG) ?>;
      select.appendChild(opt0);

      items.forEach(item => {
        const opt = document.createElement('option');
        opt.value = item.code;
        opt.dataset.hasChildren = item.has_children;
        opt.dataset.name = item.name;
        opt.textContent = `${item.code} — ${item.name}`;
        select.appendChild(opt);
      });

      select.addEventListener('change', async (e) => {
        const selectedOption = e.target.selectedOptions[0];
        const code = e.target.value;

        if (!code) {
          // Rimuovi select successivi
          while (container.children.length > levelIndex + 1) {
            container.removeChild(container.lastChild);
          }
          updateBreadcrumbFromDropdowns();
          return;
        }

        const name = selectedOption.dataset.name;
        const hasChildren = selectedOption.dataset.hasChildren === 'true';

        // Rimuovi select successivi
        while (container.children.length > levelIndex + 1) {
          container.removeChild(container.lastChild);
        }

        // Aggiorna breadcrumb con tutto il percorso selezionato
        updateBreadcrumbFromDropdowns();

        // Imposta sempre il chip al livello corrente
        await setDeweyCode(code, name);

        // Se ha figli, carica anche il livello successivo
        if (hasChildren) {
          await loadLevel(code, levelIndex + 1);
        }
      });

      selectWrapper.appendChild(select);
      container.appendChild(selectWrapper);

      return select;
    } catch (e) {
      console.error('Dewey level error:', e);
    }
  };

  // Calcola il percorso gerarchico per un codice Dewey
  // es. "133.5" → ["100", "130", "133", "133.5"]
  const getCodePath = (code) => {
    const path = [];

    // Prima parte: classe principale (X00)
    const mainClass = code.substring(0, 1) + '00';
    path.push(mainClass);

    // Se il codice è solo la classe principale, restituisci
    if (code === mainClass) return path;

    // Seconda parte: divisione (XX0) se diversa dalla classe
    const division = code.substring(0, 2) + '0';
    if (division !== mainClass) {
      path.push(division);
    }

    // Terza parte: sezione (XXX) se non è una divisione
    const intPart = code.split('.')[0];
    if (intPart.length === 3 && intPart !== division && intPart !== mainClass) {
      path.push(intPart);
    }

    // Parti decimali (XXX.X, XXX.XX, etc.)
    if (code.includes('.')) {
      const [base, decimal] = code.split('.');
      // Aggiungi la parte intera se non già presente
      if (!path.includes(base)) {
        path.push(base);
      }
      // Aggiungi ogni livello decimale
      for (let i = 1; i <= decimal.length; i++) {
        const partial = base + '.' + decimal.substring(0, i);
        path.push(partial);
      }
    }

    return path;
  };

  // Naviga ai dropdown fino al codice specificato
  const navigateToCode = async (targetCode) => {
    const path = getCodePath(targetCode);
    let lastFoundCode = null;
    let lastFoundName = null;

    // Per ogni codice nel percorso, carica il livello e seleziona
    for (let i = 0; i < path.length; i++) {
      const code = path[i];
      const parentCode = i === 0 ? null : path[i - 1];

      // Assicurati che il dropdown per questo livello esista. Se loadLevel
      // ritorna null (parent non trovato nel JSON o API vuota) interrompi
      // la navigazione: codici Dewey più specifici del JSON (es. '305.42097'
      // legacy) sono trattati come custom — il fallback sotto mostrerà il
      // codice nel breadcrumb senza tentare altri livelli.
      if (container.children.length <= i) {
        const loadedSelect = await loadLevel(parentCode, i);
        if (!loadedSelect) {
          break;
        }
      }

      // Trova e seleziona l'opzione nel dropdown
      const select = container.children[i]?.querySelector('select');
      if (select) {
        // Cerca l'opzione con questo codice
        const option = Array.from(select.options).find(opt => opt.value === code);
        if (option) {
          select.value = code;
          lastFoundCode = code;
          lastFoundName = option.dataset.name;

          // Se ha figli e non è l'ultimo nel percorso, carica il prossimo livello
          const hasChildren = option.dataset.hasChildren === 'true';
          const isLast = i === path.length - 1;

          if (hasChildren && !isLast) {
            await loadLevel(code, i + 1);
          } else if (isLast) {
            // Ultimo elemento: aggiorna breadcrumb con percorso completo
            updateBreadcrumbFromDropdowns();
            await setDeweyCode(code, option.dataset.name);
            return; // Successfully navigated to target
          }
        } else {
          // Codice non trovato nel dropdown - è un codice personalizzato
          break;
        }
      }
    }

    // Se non abbiamo raggiunto il targetCode, mostra comunque il chip
    // Questo gestisce i codici personalizzati non presenti nel JSON (es. 708.2)
    if (targetCode !== lastFoundCode) {
      // Aggiorna breadcrumb con percorso dai dropdown + codice custom
      updateBreadcrumbFromDropdowns();
      // Aggiungi il codice custom al breadcrumb
      const sep = document.createElement('span');
      sep.className = 'text-gray-400 mx-1';
      sep.textContent = '>';
      breadcrumb.appendChild(sep);
      const codeSpan = document.createElement('span');
      codeSpan.className = 'text-gray-500';
      codeSpan.textContent = targetCode;
      breadcrumb.appendChild(codeSpan);
      // setDeweyCode fetch full hierarchy name via /api/dewey/path
      await setDeweyCode(targetCode, null);
    }
  };

  // Carica primo livello (classi principali)
  await loadLevel(null, 0);

  // Carica valore iniziale se presente e naviga fino ad esso
  const initialCode = (INITIAL_BOOK.classificazione_dewey || '').trim();
  if (initialCode) {
    // Se è nel vecchio formato (300-340-347), prendi solo l'ultimo valore
    const parts = initialCode.split('-');
    const finalCode = parts.length > 1 ? parts[parts.length - 1] : initialCode;

    // Naviga ai dropdown fino al codice
    await navigateToCode(finalCode);
  }
}

// Load authors data for Choices.js
async function loadAuthorsData(preselected = []) {
    try {
        // Load all authors without query parameter
        const response = await fetch(window.BASE_PATH + '/api/search/autori', {
            credentials: 'same-origin'
        });
        if (!response.ok) throw new Error('Network error');
        const authors = await response.json();

        if (!authorsChoice) return;

        const preselectedMap = new Map();
        preselected.forEach(author => {
            if (author && author.id) {
                preselectedMap.set(String(author.id), author.label || author.nome || '');
            }
        });

        const baseChoices = (authors || []).map(author => ({
            value: String(author.id),
            label: author.label,
            selected: preselectedMap.has(String(author.id)),
            customProperties: {isNew: false }
        }));

        const setChoicesResult = authorsChoice.setChoices(baseChoices, 'value', 'label', true);
        if (setChoicesResult && typeof setChoicesResult.then === 'function') {
            await setChoicesResult;
        }

        preselectedMap.forEach((label, id) => {
            authorsChoice.setChoiceByValue(id);
            addAuthorHiddenInput(id, label);
        });
    } catch (error) {
        console.error('Error loading authors:', error);
    }
}

// Add hidden input for author
function addAuthorHiddenInput(value, label) {
    const container = document.getElementById('autori_hidden');
    if (!container) {
        console.error('autori_hidden container not found');
        return;
    }

    const choiceValue = String(value ?? '');
    const normalizedLabel = (label ?? '').trim();
    const existing = Array.from(container.querySelectorAll('[data-choice-value]'))
        .some((input) => input.dataset.choiceValue === choiceValue);

    if (existing) {
        return;
    }

    const isExisting = /^\d+$/.test(choiceValue);

    if (isExisting) {
        const input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'autori_ids[]';
        input.value = choiceValue;
        input.dataset.choiceValue = choiceValue;
        input.dataset.label = normalizedLabel || choiceValue;
        container.appendChild(input);
        return;
    }

    const newInput = document.createElement('input');
    newInput.type = 'hidden';
    newInput.name = 'autori_new[]';
    newInput.value = normalizedLabel || choiceValue;
    newInput.dataset.choiceValue = choiceValue;
    newInput.dataset.label = normalizedLabel || choiceValue;
    container.appendChild(newInput);
}

// Remove hidden input for author
function removeAuthorHiddenInput(value) {
    const container = document.getElementById('autori_hidden');
    if (!container) return;
    const choiceValue = String(value ?? '');
    Array.from(container.querySelectorAll('[data-choice-value]')).forEach((input) => {
        if (input.dataset.choiceValue === choiceValue) {
            input.remove();
        }
    });
}

// Initialize SweetAlert2 configurations
function initializeSweetAlert() {
    
    // Set default configurations
    const Toast = Swal.mixin({
        toast: true,
        position: 'top-end',
        showConfirmButton: false,
        timer: 3000,
        timerProgressBar: true,
        didOpen: (toast) => {
            toast.addEventListener('mouseenter', Swal.stopTimer);
            toast.addEventListener('mouseleave', Swal.resumeTimer);
        }
    });
    
    // Make Toast available globally
    window.Toast = Toast;
}

/**
 * Initialize the Publishers multi-select (Choices.js) — issue #143.
 *
 * Mirrors the authors data contract (editori_ids[] / editori_new[]) using the
 * stock Choices.js behaviour shared by the genre/collana selects. A
 * compatibility shim keeps the scraping + alternatives flows working.
 *
 * @returns {void}
 */
/**
 * Single-value series autocompletes (#179): give the "universe / group / cycle /
 * series" book-form fields the same Choices.js shape as the author/publisher
 * pickers, so existing values are proposed after a couple of letters instead of
 * being retyped (a typo no longer silently spawns a new universe). Each control
 * is a <select data-series-autocomplete="<field>"> mirrored into a hidden input
 * named <field> that carries the value to the form unchanged.
 */
function initializeSeriesAutocompletes() {
    if (typeof Choices === 'undefined') return;
    document.querySelectorAll('select[data-series-autocomplete]').forEach(function (sel) {
        try {
            const field = sel.getAttribute('data-series-autocomplete');
            const hidden = document.getElementById(field);
            if (!hidden) return;

            const choice = new Choices(sel, {
                searchEnabled: true,
                shouldSort: false,
                searchResultLimit: -1,
                searchFloor: 2,
                placeholder: true,
                placeholderValue: sel.getAttribute('data-placeholder') || '',
                itemSelectText: <?= json_encode(__("Clicca per selezionare"), JSON_HEX_TAG) ?>,
                noChoicesText: <?= json_encode(__("Digita almeno 2 lettere per cercare o creare"), JSON_HEX_TAG) ?>,
                classNames: { containerInner: 'choices__inner' }
            });

            const wrapper = sel.closest('.choices');
            const input = wrapper ? wrapper.querySelector('.choices__input--cloned') : null;

            const syncHidden = function () { hidden.value = choice.getValue(true) || ''; };
            syncHidden();

            // Commit a typed value (existing OR brand-new): a select-one Choices
            // otherwise only lets the user pick pre-existing options.
            const commitTyped = function (raw) {
                const v = (raw || '').trim();
                if (!v) return;
                choice.setChoices([{ value: v, label: v, selected: true }], 'value', 'label', false);
                hidden.value = v;
                if (input) input.value = '';
                choice.hideDropdown();
            };

            // Expose a setter so the ISBN scraper can fill this field visibly
            // (it goes through Choices, not the now-hidden raw input).
            window.__seriesAutocomplete = window.__seriesAutocomplete || {};
            window.__seriesAutocomplete[field] = commitTyped;

            let searchTimer = null;
            sel.addEventListener('search', function (e) {
                const q = (e.detail && e.detail.value ? e.detail.value : '').trim();
                clearTimeout(searchTimer);
                if (q.length < 2) return;
                searchTimer = setTimeout(async function () {
                    try {
                        const resp = await fetch(`${window.BASE_PATH}/api/collane/search?field=${encodeURIComponent(field)}&q=${encodeURIComponent(q)}`, { credentials: 'same-origin' });
                        if (!resp.ok) return;
                        const names = await resp.json();
                        const opts = (Array.isArray(names) ? names : []).map(function (n) { return { value: n, label: n }; });
                        // Always offer the typed value so a NEW name can be created.
                        if (!opts.some(function (o) { return String(o.value).toLowerCase() === q.toLowerCase(); })) {
                            opts.unshift({ value: q, label: q });
                        }
                        choice.setChoices(opts, 'value', 'label', true);
                    } catch (err) { console.error('series autocomplete failed:', err); }
                }, 300);
            });

            sel.addEventListener('change', syncHidden);
            // Don't lose a typed-but-not-picked value: commit it on blur.
            if (input) {
                input.addEventListener('blur', function () { if (input.value.trim()) commitTyped(input.value); });
            }
            // Enter on typed text with nothing highlighted creates/commits it.
            if (typeof choice._onEnterKey === 'function') {
                const origEnter = choice._onEnterKey.bind(choice);
                choice._onEnterKey = function (event, hasActiveDropdown) {
                    const typed = input ? input.value.trim() : '';
                    const dd = wrapper ? wrapper.querySelector('.choices__list--dropdown') : null;
                    const hl = dd ? dd.querySelector('.choices__item--selectable.is-highlighted') : null;
                    // A suggestion is highlighted but the user typed something
                    // different: commit the TYPED value instead of letting Choices
                    // pick the highlight (same guard as the publisher field, #74).
                    if (typed && hl) {
                        const nameEl = hl.querySelector('.choices__item-text') || hl.childNodes[0];
                        const highlightedText = (nameEl ? nameEl.textContent : hl.textContent).trim().toLowerCase();
                        if (highlightedText !== typed.toLowerCase()) {
                            event.preventDefault();
                            commitTyped(typed);
                            return;
                        }
                    }
                    if (typed && !hl) { event.preventDefault(); commitTyped(typed); return; }
                    return origEnter(event, hasActiveDropdown);
                };
            }
        } catch (err) { console.error('initializeSeriesAutocompletes:', err); }
    });
}

// Multi-select tag inputs: wrap the selected chips across rows and drop the
// search field onto its own full-width line BELOW them, so you type UNDER the
// chips instead of being squeezed to the right of the last one. Applied as
// inline !important (the compiled Choices CSS otherwise wins) and re-applied
// via a MutationObserver because Choices.js autosizes the input's inline width
// on every keystroke, which would otherwise pull it back onto the chip row.
function stackChoicesInput(wrapper) {
    if (!wrapper) return;
    const inner = wrapper.querySelector('.choices__inner');
    if (inner) {
        inner.style.setProperty('flex-wrap', 'wrap', 'important');
        inner.style.setProperty('align-items', 'flex-start', 'important');
    }
    const input = wrapper.querySelector('.choices__input--cloned');
    if (!input) return;
    const apply = () => {
        input.style.setProperty('flex', '1 0 100%', 'important');
        input.style.setProperty('min-width', '100%', 'important');
        input.style.setProperty('width', '100%', 'important');
        input.style.setProperty('margin', '6px 8px 2px', 'important');
    };
    apply();
    // Re-apply identical values when Choices rewrites the style attribute; setting
    // the same values produces no further mutation record, so this settles at once.
    new MutationObserver(() => apply()).observe(input, { attributes: true, attributeFilter: ['style'] });
}

// Generic contributor picker (issue #237) — one Choices.js entity picker per
// role (illustratori/traduttori/curatori/coloristi). Mirrors the authors picker
// (same /api/search/autori autocomplete, create-on-Enter) but self-contained and
// role-parameterized, so it never touches the bespoke authors code. Selected
// existing authors post as `<role>_ids[]`; brand-new names post as `<role>_new[]`.
function initContributorPicker(roleKey) {
    try {
        const el = document.getElementById(roleKey + '_select');
        const hidden = document.getElementById(roleKey + '_hidden');
        if (!el || !hidden || typeof Choices === 'undefined') return false;

        const choice = new Choices(el, {
            searchEnabled: true,
            // Server-side search (see the 'search' handler below): disable the
            // client-side Fuse filter so it can't race the async setChoices and
            // hide fresh results as "no results".
            searchChoices: false,
            removeItemButton: true,
            addItems: true,
            duplicateItemsAllowed: false,
            placeholder: true,
            placeholderValue: <?= json_encode(__('Cerca o aggiungi...'), JSON_HEX_TAG) ?>,
            noChoicesText: <?= json_encode(__('Nessun risultato, premi Invio per aggiungerne uno nuovo'), JSON_HEX_TAG) ?>,
            itemSelectText: <?= json_encode(__('Clicca per selezionare'), JSON_HEX_TAG) ?>,
            shouldSort: false,
            searchResultLimit: -1,
            searchFloor: 1,
            fuseOptions: { threshold: 0.3, distance: 100 }
        });

        function syncHidden(value, label, add) {
            if (!hidden) return;
            const v = String(value == null ? '' : value);
            Array.from(hidden.querySelectorAll('[data-choice-value]')).forEach((i) => {
                if (i.dataset.choiceValue === v) i.remove();
            });
            if (!add || v === '') return;
            const isExisting = /^\d+$/.test(v);
            const input = document.createElement('input');
            input.type = 'hidden';
            input.dataset.choiceValue = v;
            input.dataset.label = (label == null ? '' : String(label)).trim();
            if (isExisting) {
                input.name = roleKey + '_ids[]';
                input.value = v;
            } else {
                input.name = roleKey + '_new[]';
                input.value = (label == null ? v : String(label)).trim() || v;
            }
            hidden.appendChild(input);
        }

        el.addEventListener('addItem', (e) => syncHidden(e.detail.value, e.detail.label, true));
        el.addEventListener('removeItem', (e) => syncHidden(e.detail.value, e.detail.label, false));

        const wrapper = el.closest('.choices');
        const internalInput = wrapper ? wrapper.querySelector('.choices__input--cloned') : null;

        // Choices.js does not create free-text options for a <select multiple>
        // just because addItems=true. Explicitly add a temporary choice and let
        // the controller resolve its label through <role>_new[]. This mirrors
        // the load-bearing Enter handling of the main author picker (#74).
        const createContributorFromInput = (rawValue, silent = false) => {
            const label = String(rawValue || '').trim();
            if (!label) return;
            const duplicate = Array.from(hidden ? hidden.querySelectorAll('input') : [])
                .some((i) => String(i.dataset.label || i.value || '').trim().toLowerCase() === label.toLowerCase());
            if (duplicate) {
                // Feedback parity with the authors picker: a silently-dropped
                // duplicate looks like the keystroke was ignored.
                if (!silent && window.Toast) {
                    window.Toast.fire({ icon: 'info', title: bookFormMessages.contributorAlreadySelected.replace('%s', label) });
                }
                if (internalInput) internalInput.value = '';
                choice.hideDropdown();
                return;
            }
            const tempId = 'new_' + Date.now() + '_' + Math.floor(Math.random() * 1000);
            choice.setChoices([{ value: tempId, label, selected: false }], 'value', 'label', false);
            choice.setChoiceByValue(tempId);
            syncHidden(tempId, label, true);
            if (internalInput) internalInput.value = '';
            if (typeof choice.clearInput === 'function') choice.clearInput();
            choice.hideDropdown();
            // Confirm the new contributor is staged for creation, matching the
            // authors picker's "ready to be created" Toast. Suppressed for the
            // scraping path (silent=true), which reuses this fn but shows its own
            // single "import complete" Toast instead of one per contributor (F016).
            if (!silent && window.Toast) {
                window.Toast.fire({ icon: 'success', title: bookFormMessages.contributorReady.replace('%s', label) });
            }
        };

        if (typeof choice._onEnterKey === 'function') {
            const originalOnEnterKey = choice._onEnterKey.bind(choice);
            choice._onEnterKey = function (event, hasActiveDropdown) {
                const typed = internalInput ? internalInput.value.trim() : '';
                if (!typed) return originalOnEnterKey(event, hasActiveDropdown);
                const dropdown = wrapper ? wrapper.querySelector('.choices__list--dropdown') : null;
                const highlighted = dropdown ? dropdown.querySelector('.choices__item--selectable.is-highlighted') : null;
                if (highlighted) {
                    const nameEl = highlighted.querySelector('.choices__item-text') || highlighted.childNodes[0];
                    const highlightedText = (nameEl ? nameEl.textContent : highlighted.textContent).trim().toLowerCase();
                    if (authorChoiceLabelMatchesInput(highlightedText, typed)) {
                        return originalOnEnterKey(event, hasActiveDropdown);
                    }
                }
                event.preventDefault();
                createContributorFromInput(typed);
            };
        }

        // ISBN scraping runs after picker initialization. Expose a narrow setter
        // so scraped contributors become visible, removable chips instead of
        // invisible legacy hidden values.
        window.__contributorPickers = window.__contributorPickers || {};
        window.__contributorPickers[roleKey] = { addName: createContributorFromInput };

        // Pre-fill existing selections (edit mode).
        let initial = [];
        try { initial = JSON.parse(el.getAttribute('data-initial-contributors') || '[]'); } catch (_) { initial = []; }
        (initial || []).forEach((c) => {
            const id = String(c.id);
            choice.setChoices([{ value: id, label: c.label, selected: true }], 'value', 'label', false);
            syncHidden(id, c.label, true);
        });

        // Server-side search on keystroke (same endpoint as authors).
        let searchTimeout = null;
        choice.passedElement.element.addEventListener('search', function (event) {
            const query = (event.detail && event.detail.value) ? event.detail.value.trim() : '';
            clearTimeout(searchTimeout);
            if (query.length < 2) return;
            searchTimeout = setTimeout(async () => {
                try {
                    const resp = await fetch(`${window.BASE_PATH}/api/search/autori?q=${encodeURIComponent(query)}`);
                    if (!resp.ok) return;
                    const results = await resp.json();
                    const selected = new Set((choice.getValue(true) || []).map((v) => String(v)));
                    const newChoices = (results || [])
                        .filter((a) => !selected.has(String(a.id)))
                        .map((a) => ({ value: String(a.id), label: a.label, selected: false }));
                    // Replace unconditionally (even when empty): with the client
                    // Fuse filter off, skipping the call on a no-results query
                    // would leave the PREVIOUS query's options stale in the
                    // dropdown. clearSearchFlag=false keeps the user's input.
                    choice.setChoices(newChoices, 'value', 'label', true, false);
                } catch (e) {
                    console.error('Contributor search failed (' + roleKey + '):', e);
                }
            }, 300);
        });

        // Search input on its own full-width row below the selected chips.
        stackChoicesInput(wrapper);
        return true;
    } catch (error) {
        console.error('initContributorPicker failed for ' + roleKey + ':', error);
        return false;
    }
}

function initializePublishersChoices() {
    try {
        const element = document.getElementById('editori_select');
        if (!element || typeof Choices === 'undefined') return;

        const preselected = Array.isArray(INITIAL_BOOK.editori) ? INITIAL_BOOK.editori : [];

        publishersChoice = new Choices(element, {
            searchEnabled: true,
            // Server-side search (see the 'search' handler below): disable the
            // client-side Fuse filter so it can't race the async setChoices and
            // hide fresh results as "no results".
            searchChoices: false,
            removeItemButton: true,
            addItems: true,
            duplicateItemsAllowed: false,
            placeholder: true,
            placeholderValue: <?= json_encode(__("Cerca editori esistenti o aggiungine di nuovi..."), JSON_HEX_TAG) ?>,
            noChoicesText: <?= json_encode(__("Nessun editore trovato, premi Invio per aggiungerne uno nuovo"), JSON_HEX_TAG) ?>,
            itemSelectText: <?= json_encode(__("Clicca per selezionare"), JSON_HEX_TAG) ?>,
            addItemText: (value) => `${<?= json_encode(__('Aggiungi'), JSON_HEX_TAG) ?>} <b>"${value}"</b> ${<?= json_encode(__('come nuovo editore'), JSON_HEX_TAG) ?>}`,
            shouldSort: false,
            searchResultLimit: -1,
            searchFloor: 1,
            classNames: { containerInner: 'choices__inner' }
        });

        loadPublishersData(preselected);

        let pubSearchTimeout = null;
        publishersChoice.passedElement.element.addEventListener('search', function(event) {
            const query = (event.detail && event.detail.value) ? event.detail.value.trim() : '';
            clearTimeout(pubSearchTimeout);
            if (query.length < 2) return;
            pubSearchTimeout = setTimeout(async () => {
                try {
                    const resp = await fetch(`${window.BASE_PATH}/api/search/editori?q=${encodeURIComponent(query)}`);
                    if (!resp.ok) return;
                    const serverResults = await resp.json();
                    const selectedValues = new Set((publishersChoice.getValue(true) || []).map(v => String(v)));
                    const newChoices = (serverResults || [])
                        .filter(p => !selectedValues.has(String(p.id)))
                        .map(p => ({ value: String(p.id), label: p.label, selected: false, customProperties: { isNew: false } }));
                    // Replace unconditionally (even when empty): with the client
                    // Fuse filter off, skipping the call on a no-results query
                    // would leave the PREVIOUS query's options stale in the
                    // dropdown. clearSearchFlag=false keeps the user's input.
                    publishersChoice.setChoices(newChoices, 'value', 'label', true, false);
                } catch (e) {
                    console.error('Server-side publisher search failed:', e);
                }
            }, 300);
        });

        const pubWrapper = element.closest('.choices');
        const pubInternalInput = pubWrapper ? pubWrapper.querySelector('.choices__input--cloned') : null;

        // Search input on its own full-width row below the selected chips.
        stackChoicesInput(pubWrapper);

        /**
         * Create a NEW publisher from typed text. A <select multiple> Choices.js
         * does not natively add free-text options, so (like the authors field)
         * we assign a temporary `new_*` value; addPublisherHiddenInput() then
         * records it under editori_new[] for the controller to find-or-create.
         *
         * @param {string} rawValue
         * @returns {void}
         */
        const createPublisherFromInputWithValue = (rawValue) => {
            const name = (rawValue || '').trim();
            if (!name || !publishersChoice) return;
            const already = Array.from(document.querySelectorAll('#editori_hidden [data-label]'))
                .some(i => (i.dataset.label || '').toLowerCase() === name.toLowerCase());
            if (already) {
                if (pubInternalInput) pubInternalInput.value = '';
                publishersChoice.hideDropdown();
                return;
            }
            const tempId = 'new_' + Date.now() + '_' + Math.floor(Math.random() * 1000);
            addPublisherChoice(tempId, name, true);
            if (pubInternalInput) pubInternalInput.value = '';
            publishersChoice.hideDropdown();
            if (typeof publishersChoice.clearInput === 'function') publishersChoice.clearInput();
        };

        // Mirror the authors _onEnterKey instance patch (see the big comment in
        // initializeChoicesJS): needed so Enter creates a new publisher on a
        // <select multiple>, while still selecting an exact-match existing one.
        if (typeof publishersChoice._onEnterKey === 'function') {
            const originalPubEnter = publishersChoice._onEnterKey.bind(publishersChoice);
            publishersChoice._onEnterKey = function (event, hasActiveDropdown) {
                if (!pubInternalInput) return originalPubEnter(event, hasActiveDropdown);
                const inputValue = pubInternalInput.value.trim();
                if (!inputValue) return originalPubEnter(event, hasActiveDropdown);
                const dd = pubWrapper ? pubWrapper.querySelector('.choices__list--dropdown') : null;
                const highlighted = dd ? dd.querySelector('.choices__item--selectable.is-highlighted') : null;
                if (!highlighted) {
                    event.preventDefault();
                    createPublisherFromInputWithValue(inputValue);
                    return;
                }
                const nameEl = highlighted.querySelector('.choices__item-text') || highlighted.childNodes[0];
                const highlightedText = (nameEl ? nameEl.textContent : highlighted.textContent).trim().toLowerCase();
                if (highlightedText === inputValue.toLowerCase()) {
                    return originalPubEnter(event, hasActiveDropdown);
                }
                event.preventDefault();
                createPublisherFromInputWithValue(inputValue);
            };
        }

        element.addEventListener('addItem', function(event) {
            addPublisherHiddenInput(event.detail.value, event.detail.label || event.detail.value);
        });
        element.addEventListener('removeItem', function(event) {
            removePublisherHiddenInput(event.detail.value);
        });

        // Compatibility shim: scraping (applyScrapedData) and the alternatives
        // panel (applyAlternativePublisher) call window.__renderEditorePreview.
        window.__renderEditorePreview = function(label, opts) {
            opts = opts || {};
            if (opts.publisherId != null && String(opts.publisherId) !== '' && String(opts.publisherId) !== '0') {
                addPublisherChoice(String(opts.publisherId), label, false);
            } else {
                addPublisherChoice(label, label, true);
            }
        };
    } catch (e) {
        console.error('initializePublishersChoices error', e);
    }
}

/**
 * Load existing publishers into the Choices control and mark the preselected
 * ones (used both on the create and the edit form).
 *
 * @param {Array<{id:(number|string), label?:string, nome?:string}>} preselected
 * @returns {Promise<void>}
 */
async function loadPublishersData(preselected = []) {
    try {
        const response = await fetch(window.BASE_PATH + '/api/search/editori', { credentials: 'same-origin' });
        if (!response.ok) throw new Error('Network error');
        const publishers = await response.json();
        if (!publishersChoice) return;

        const preMap = new Map();
        preselected.forEach(p => { if (p && p.id) preMap.set(String(p.id), p.label || p.nome || ''); });

        const baseChoices = (publishers || []).map(p => ({
            value: String(p.id),
            label: p.label,
            selected: false,
            customProperties: { isNew: false }
        }));

        // Non-destructive append (replaceChoices=false): a user may have already
        // added a publisher in the brief window before this async load resolves,
        // and replaceChoices=true would wipe it.
        const r = publishersChoice.setChoices(baseChoices, 'value', 'label', false);
        if (r && typeof r.then === 'function') await r;

        // Select the preselected publishers via addPublisherChoice, which
        // guarantees the choice exists before selecting it — the API list may
        // not include a just-created publisher, in which case setChoiceByValue
        // alone would render no chip. addItem then records editori_ids[].
        preMap.forEach((label, id) => {
            addPublisherChoice(String(id), label, false);
        });
    } catch (e) {
        console.error('Error loading publishers:', e);
    }
}

/**
 * Add a publisher to the Choices control and select it: an existing publisher
 * (isNew=false, value is its numeric id) or a newly typed one (isNew=true,
 * value is the label itself).
 *
 * @param {string|number} value
 * @param {string} label
 * @param {boolean} [isNew=false]
 * @returns {void}
 */
function addPublisherChoice(value, label, isNew = false) {
    if (!publishersChoice) return;
    const stringValue = String(value);
    const selectEl = document.getElementById('editori_select');
    if (!selectEl) return;
    const exists = Array.from(selectEl.options).some(opt => opt.value === stringValue);
    if (!exists) {
        publishersChoice.setChoices(
            [{ value: stringValue, label: label || stringValue, selected: false, customProperties: { isNew } }],
            'value', 'label', false
        );
    }
    publishersChoice.setChoiceByValue(stringValue);
}

/**
 * Maintain the hidden inputs the controller reads: editori_ids[] for existing
 * (numeric) publishers, editori_new[] for newly typed names. De-duplicates by
 * the Choices value.
 *
 * @param {string|number} value
 * @param {string} label
 * @returns {void}
 */
function addPublisherHiddenInput(value, label) {
    const container = document.getElementById('editori_hidden');
    if (!container) return;
    const choiceValue = String(value ?? '');
    const normalizedLabel = (label ?? '').trim();
    const existing = Array.from(container.querySelectorAll('[data-choice-value]'))
        .some(i => i.dataset.choiceValue === choiceValue);
    if (existing) return;

    const isExisting = /^\d+$/.test(choiceValue);
    const input = document.createElement('input');
    input.type = 'hidden';
    input.name = isExisting ? 'editori_ids[]' : 'editori_new[]';
    input.value = isExisting ? choiceValue : (normalizedLabel || choiceValue);
    input.dataset.choiceValue = choiceValue;
    input.dataset.label = normalizedLabel || choiceValue;
    container.appendChild(input);
}

/**
 * Remove the hidden input(s) for the publisher identified by its Choices value.
 *
 * @param {string|number} value
 * @returns {void}
 */
function removePublisherHiddenInput(value) {
    const container = document.getElementById('editori_hidden');
    if (!container) return;
    const choiceValue = String(value ?? '');
    Array.from(container.querySelectorAll('[data-choice-value]')).forEach(i => {
        if (i.dataset.choiceValue === choiceValue) i.remove();
    });
}

// Inizializza menu a tendina Genere/Sottogenere con filtro
function initializeGeneriDropdowns() {
  const radiceSelect = document.getElementById('radice_select');
  const genereSelect = document.getElementById('genere_select');
  const sottogenereSelect = document.getElementById('sottogenere_select');
  const pathEl = document.getElementById('genre_path_preview');
  if (!radiceSelect || !genereSelect || !sottogenereSelect) return;

  const initialRadice = parseInt(radiceSelect.dataset.initialRadice || INITIAL_BOOK.radice_id || 0, 10) || 0;
  const initialGenere = parseInt(genereSelect.dataset.initialGenere || INITIAL_BOOK.genere_id || 0, 10) || 0;
  const initialSottogenere = parseInt(sottogenereSelect.dataset.initialSottogenere || INITIAL_BOOK.sottogenere_id || 0, 10) || 0;
  let genereApplied = false;
  let sottogenereApplied = false;

  const genereHidden = document.getElementById('genere_id_hidden');
  const sottogenereHidden = document.getElementById('sottogenere_id_hidden');

  const syncHidden = () => {
    if (genereHidden) genereHidden.value = genereSelect.value || '0';
    if (sottogenereHidden) sottogenereHidden.value = sottogenereSelect.value || '0';
  };

  const resetGenere = (placeholder) => {
    // Note: innerHTML here uses escapeHtml() on the placeholder — safe from XSS
    genereSelect.innerHTML = `<option value="0">${escapeHtml(placeholder)}</option>`;
    genereSelect.disabled = true;
    syncHidden();
  };
  const resetSottogenere = (placeholder) => {
    // Note: innerHTML here uses escapeHtml() on the placeholder — safe from XSS
    sottogenereSelect.innerHTML = `<option value="0">${escapeHtml(placeholder)}</option>`;
    sottogenereSelect.disabled = true;
    syncHidden();
  };

  // 1) Carica radici (parent_id NULL)
  (async () => { try {
    const r = await fetch(window.BASE_PATH + '/api/generi?only_parents=1&limit=500', { credentials: 'same-origin' });
    if (!r.ok) throw new Error('Network error');
    const items = await r.json();
    radiceSelect.innerHTML = `<option value="0">${escapeHtml(__('Seleziona radice...'))}</option>`;
    (items || []).forEach(it => {
      const opt = document.createElement('option');
      opt.value = it.id;
      opt.textContent = it.nome;
      radiceSelect.appendChild(opt);
    });
    if (initialRadice > 0) {
      radiceSelect.value = String(initialRadice);
      radiceSelect.dispatchEvent(new Event('change'));
    }
  } catch (e) { console.error('Failed to load genre roots:', e); } })();

  // 2) Cambio radice => carica generi (figli della radice)
  radiceSelect.addEventListener('change', async function() {
    const rootId = parseInt(this.value || '0', 10);
    resetGenere(__('Seleziona prima una radice...'));
    resetSottogenere(__('Seleziona prima un genere...'));
    if (rootId > 0) {
      try {
        const res = await fetch(`${window.BASE_PATH}/api/generi/sottogeneri?parent_id=${encodeURIComponent(rootId)}`);
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        genereSelect.innerHTML = `<option value="0">${escapeHtml(__("Seleziona genere..."))}</option>`;
        data.forEach(g => {
          const opt = document.createElement('option');
          opt.value = g.id;
          opt.textContent = g.nome;
          genereSelect.appendChild(opt);
        });
        genereSelect.disabled = false;
        updatePath();
        if (!genereApplied && initialGenere > 0) {
          genereSelect.value = String(initialGenere);
          genereApplied = true;
          syncHidden();
          // Verify the value was actually set (option exists in the list)
          if (parseInt(genereSelect.value, 10) === initialGenere) {
            genereSelect.dispatchEvent(new Event('change'));
          } else {
            console.warn('Genre pre-population: initialGenere', initialGenere, 'not found in children of root', rootId);
          }
        }
        syncHidden();
      } catch (e) { console.error('Failed to load genres:', e); }
    }
    updatePath();
  });

  // 3) Cambio genere => carica sottogeneri
  genereSelect.addEventListener('change', async function() {
    const parentId = parseInt(this.value || '0', 10);
    resetSottogenere(__('Seleziona prima un genere...'));
    if (parentId > 0) {
      try {
        const res = await fetch(`${window.BASE_PATH}/api/generi/sottogeneri?parent_id=${encodeURIComponent(parentId)}`);
        if (!res.ok) throw new Error('Network error');
        const data = await res.json();
        sottogenereSelect.innerHTML = `<option value="0">${escapeHtml(bookFormI18n.noSubgenre)}</option>`;
        data.forEach(sg => {
          const opt = document.createElement('option');
          opt.value = sg.id;
          opt.textContent = sg.nome;
          sottogenereSelect.appendChild(opt);
        });
        sottogenereSelect.disabled = false;
        if (!sottogenereApplied && initialSottogenere > 0) {
          sottogenereSelect.value = String(initialSottogenere);
          sottogenereApplied = true;
        }
        syncHidden();
      } catch (e) { console.error('Failed to load subgenres:', e); }
    }
    updatePath();
  });

  function updatePath() {
    const rtext = radiceSelect.options[radiceSelect.selectedIndex]?.text || '';
    const gtext = genereSelect.options[genereSelect.selectedIndex]?.text || '';
    const stext = sottogenereSelect.options[sottogenereSelect.selectedIndex]?.text || '';
    const parts = [];
    if (radiceSelect.value !== '0') parts.push(rtext);
    if (genereSelect.value !== '0') parts.push(gtext);
    if (sottogenereSelect.value !== '0') parts.push(stext);
    pathEl.textContent = parts.length ? `Percorso: ${parts.join(' → ')}` : '';
  }

  // Keep hidden inputs in sync on any user-driven selection change
  genereSelect.addEventListener('change', syncHidden);
  sottogenereSelect.addEventListener('change', syncHidden);
}

function initializeSuggestCollocazione() {
  const btn = document.getElementById('btnSuggestCollocazione');
  if (!btn) return;
  const info = document.getElementById('suggest_info');
  btn.addEventListener('click', async () => {
    const gid = parseInt(document.getElementById('genere_select')?.value || '0', 10) || 0;
    const sid = parseInt(document.getElementById('sottogenere_select')?.value || '0', 10) || 0;
    try {
      const res = await fetch(`${window.BASE_PATH}/api/collocazione/suggerisci?genere_id=${gid}&sottogenere_id=${sid}`);
      if (!res.ok) throw new Error('Network error');
      const data = await res.json();
      if (data && data.scaffale_id) {
        const scaffaleSel = document.querySelector('select[name="scaffale_id"]');
        if (scaffaleSel) {
          scaffaleSel.value = String(data.scaffale_id);
          scaffaleSel.dispatchEvent(new Event('change'));
        }
        const mensolaSel = document.getElementById('mensola_select');
        if (mensolaSel && data.mensola_id) {
          setTimeout(() => {
            mensolaSel.value = String(data.mensola_id);
            mensolaSel.dispatchEvent(new Event('change'));
          }, 100);
        }
        info.textContent = data.collocazione ? `Suggerito: ${data.collocazione}` : `Suggerito scaffale #${data.scaffale_id}`;
        if (window.Toast) window.Toast.fire({icon: 'success', title: __('Collocazione suggerita') });
      } else {
        info.textContent = <?= json_encode(__("Nessun suggerimento disponibile"), JSON_HEX_TAG) ?>;
        if (window.Toast) window.Toast.fire({icon: 'info', title: __('Nessun suggerimento') });
      }
    } catch (e) {
      info.textContent = <?= json_encode(__("Errore suggerimento"), JSON_HEX_TAG) ?>;
    }
  });
}

// Link scaffale -> mensola -> posizione
function initializeCollocationFilters() {
  const scaffaleSel = document.querySelector('select[name="scaffale_id"]');
  const mensolaSel = document.getElementById('mensola_select');
  const posizioneInput = document.getElementById('posizione_progressiva_input');
  const collocazionePreview = document.getElementById('collocazione_preview');
  const autoBtn = document.getElementById('btnAutoPosition');
  if (!scaffaleSel || !mensolaSel || !posizioneInput) return;

  const normalizeNumber = (value) => {
    const num = Number.parseInt(String(value ?? '0'), 10);
    return Number.isNaN(num) ? 0 : num;
  };

  const MENSOLE = (<?php echo json_encode($mensole, JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_AMP); ?> || []).map(m => ({
    id: normalizeNumber(m.id),
    scaffale_id: normalizeNumber(m.scaffale_id),
    numero_livello: normalizeNumber(m.numero_livello)
  }));
  
  function fillOptions(select, items, placeholder, getText) {
    select.innerHTML = '';
    const opt0 = document.createElement('option');
    opt0.value = '0';
    opt0.textContent = placeholder;
    select.appendChild(opt0);
    items.forEach(it => {
      const o = document.createElement('option');
      o.value = String(it.id);
      o.textContent = getText ? getText(it) : String(it.id);
      select.appendChild(o);
    });
  }

  let lastScaffaleCode = '';
  let lastMensolaLevel = 0;

  function updatePreviewLocal() {
    const pos = Number.parseInt(posizioneInput.value, 10);
    if (collocazionePreview && lastScaffaleCode && lastMensolaLevel > 0 && pos > 0) {
      collocazionePreview.value = `${lastScaffaleCode}-${lastMensolaLevel}-${String(pos).padStart(2, '0')}`;
    }
  }

  async function updateAutoPosition(force = false) {
    const sid = normalizeNumber(scaffaleSel.value);
    const mid = normalizeNumber(mensolaSel.value);
    if (sid > 0 && mid > 0) {
      const params = new URLSearchParams({
        scaffale_id: String(sid),
        mensola_id: String(mid)
      });
      const bookId = normalizeNumber(INITIAL_BOOK.id || 0);
      if (bookId) params.append('book_id', String(bookId));
      try {
        const res = await fetch(`${window.BASE_PATH}/api/collocazione/next?${params.toString()}`);
        if (!res.ok) return;
        const data = await res.json();
        if (data.scaffale_code) lastScaffaleCode = data.scaffale_code;
        if (data.mensola_level) lastMensolaLevel = data.mensola_level;
        if (!posizioneInput.dataset.manual || force) {
          posizioneInput.value = data.next_position ?? '';
        }
        if (!posizioneInput.dataset.manual || force) {
          if (data.collocazione) {
            collocazionePreview.value = data.collocazione;
          }
        } else {
          updatePreviewLocal();
        }
      } catch (error) {
        console.error(<?= json_encode(__("Impossibile aggiornare la posizione automatica"), JSON_HEX_TAG) ?>, error);
      }
    } else {
      if (!posizioneInput.dataset.manual || force) {
        posizioneInput.value = '';
      }
      collocazionePreview.value = '';
      lastScaffaleCode = '';
      lastMensolaLevel = 0;
    }
  }

  posizioneInput.addEventListener('input', () => {
    if (posizioneInput.value === '' || Number.parseInt(posizioneInput.value, 10) <= 0) {
      delete posizioneInput.dataset.manual;
    } else {
      posizioneInput.dataset.manual = '1';
      updatePreviewLocal();
    }
  });

  if (autoBtn) {
    autoBtn.addEventListener('click', async () => {
      const sid = normalizeNumber(scaffaleSel.value);
      const mid = normalizeNumber(mensolaSel.value);

      if (sid <= 0 || mid <= 0) {
        if (window.Toast) {
          window.Toast.fire({
            icon: 'warning',
            title: __('Seleziona scaffale e mensola prima')
          });
        }
        return;
      }

      // Show loading state
      autoBtn.disabled = true;
      autoBtn.innerHTML = `<i class="fas fa-spinner fa-spin mr-2"></i>${escapeHtml(__("Generazione..."))}`;

      delete posizioneInput.dataset.manual;
      await updateAutoPosition(true);

      // Restore button state
      autoBtn.disabled = false;
      autoBtn.innerHTML = `<i class="fas fa-sync mr-2"></i>${escapeHtml(__("Genera automaticamente"))}`;

      if (window.Toast && posizioneInput.value) {
        window.Toast.fire({
          icon: 'success',
          title: `${<?= json_encode(__("Posizione generata:"), JSON_HEX_TAG) ?>} ${posizioneInput.value}`
        });
      }
    });
  }

  scaffaleSel.addEventListener('change', () => {
    const sid = normalizeNumber(scaffaleSel.value);
    if (sid > 0) {
      const ms = MENSOLE.filter(m => m.scaffale_id === sid);
      fillOptions(mensolaSel, ms, <?= json_encode(__("Seleziona mensola..."), JSON_HEX_TAG) ?>, m => `${<?= json_encode(__("Livello"), JSON_HEX_TAG) ?>} ${m.numero_livello}`);
      mensolaSel.disabled = false;
      mensolaSel.removeAttribute('disabled');
    } else {
      fillOptions(mensolaSel, [], <?= json_encode(__("Seleziona prima uno scaffale..."), JSON_HEX_TAG) ?>, null);
      mensolaSel.disabled = true;
      mensolaSel.setAttribute('disabled', 'disabled');
    }
    delete posizioneInput.dataset.manual;
    updateAutoPosition(true);
  });

  mensolaSel.addEventListener('change', () => {
    delete posizioneInput.dataset.manual;
    updateAutoPosition(true);
  });

  if (FORM_MODE === 'edit') {
    const initialScaffale = normalizeNumber(INITIAL_BOOK.scaffale_id || 0);
    const initialMensola = normalizeNumber(INITIAL_BOOK.mensola_id || 0);
    const initialPosizione = normalizeNumber(INITIAL_BOOK.posizione_progressiva || 0);
    // Initialize scaffale code/mensola level from existing collocazione for instant preview
    const initialColl = (INITIAL_BOOK.collocazione || '').split('-');
    if (initialColl.length === 3) {
      lastScaffaleCode = initialColl[0];
      lastMensolaLevel = Number.parseInt(initialColl[1], 10) || 0;
    }

    if (initialScaffale) {
      scaffaleSel.value = String(initialScaffale);
      scaffaleSel.dispatchEvent(new Event('change'));

      if (initialMensola) {
        setTimeout(() => {
          mensolaSel.value = String(initialMensola);
          mensolaSel.dispatchEvent(new Event('change'));
          if (initialPosizione) {
            posizioneInput.value = String(initialPosizione);
            posizioneInput.dataset.manual = '1';
            updateAutoPosition(false);
          }
        }, 0);
      }
    } else if (initialPosizione) {
      posizioneInput.value = String(initialPosizione);
      posizioneInput.dataset.manual = '1';
      updateAutoPosition(false);
    }
  } else {
    updateAutoPosition(false);
  }
}

// Enhanced autocomplete helper function
function setupEnhancedAutocomplete(inputId, suggestId, fetchUrl, onSelect, onEmpty, onCreate) {
    const input = document.getElementById(inputId);
    const suggestions = document.getElementById(suggestId);
    let timeout;
    let lastResults = [];
    let highlightedIndex = -1;
    
    if (!input || !suggestions) {
        console.error(`Autocomplete elements not found: ${inputId}, ${suggestId}`);
        return;
    }

    const safeOnSelect = typeof onSelect === 'function' ? onSelect : () => {};
    const safeOnEmpty = typeof onEmpty === 'function' ? onEmpty : () => {};
    const safeOnCreate = typeof onCreate === 'function' ? onCreate : null;

    const clearSuggestions = () => {
        clearTimeout(timeout);
        suggestions.classList.add('hidden');
        suggestions.innerHTML = '';
        lastResults = [];
        highlightedIndex = -1;
    };

    const refreshHighlight = () => {
        const items = suggestions.querySelectorAll('li[data-index]');
        items.forEach((item, idx) => {
            if (idx === highlightedIndex) {
                item.classList.add('bg-gray-100', 'text-gray-900');
            } else {
                item.classList.remove('bg-gray-100', 'text-gray-900');
            }
        });
    };

    const selectResultAtIndex = (index) => {
        if (index < 0 || index >= lastResults.length) return;
        const item = lastResults[index];
        if (item && item.isCreate) {
            if (safeOnCreate) {
                safeOnCreate(item.label);
            }
        } else {
            const payload = item?.raw ?? item;
            const label = payload?.label ?? item?.label ?? '';
            safeOnSelect(payload);
            input.value = label;
        }
        clearSuggestions();
    };

    const createFromCurrentInput = () => {
        const query = input.value.trim();
        if (!query) return;
        if (safeOnCreate) {
            safeOnCreate(query);
        } else if (lastResults.length === 1 && lastResults[0] && !lastResults[0].isCreate) {
            safeOnSelect(lastResults[0]);
            input.value = lastResults[0].label || '';
        }
        clearSuggestions();
    };

    input.addEventListener('input', async function() {
        clearTimeout(timeout);
        const query = input.value.trim();
        
        if (!query) {
            clearSuggestions();
            return;
        }
        
        // Show loading state
        suggestions.innerHTML = `<li class="px-4 py-2 text-gray-500"><i class="fas fa-spinner fa-spin mr-2"></i>${escapeHtml(bookFormI18n.searching)}</li>`;
        suggestions.classList.remove('hidden');
        
        timeout = setTimeout(async () => {
            try {
                const response = await fetch(fetchUrl + encodeURIComponent(query));
                const data = await response.json();

                suggestions.innerHTML = '';

                const normalized = Array.isArray(data) ? data : [];
                if (normalized.length === 0) {
                    safeOnEmpty(query);
                }

                const hasExactMatch = normalized.some(it => (it.label || '').toLowerCase() === query.toLowerCase());
                const combined = [];
                if (safeOnCreate && query && !hasExactMatch) {
                    combined.push({
                        id: null,
                        label: query,
                        isCreate: true
                    });
                }
                normalized.forEach(item => {
                    const itemLabel = typeof item.label === 'string'
                        ? item.label
                        : (typeof item.nome === 'string' ? item.nome : '');
                    combined.push({
                        id: item.id,
                        label: itemLabel,
                        raw: item,
                        isCreate: false
                    });
                });

                lastResults = combined;

                if (combined.length === 0) {
                    const emptyLi = document.createElement('li');
                    emptyLi.className = 'px-4 py-2 text-gray-500';
                    emptyLi.textContent = <?= json_encode(__("Nessun risultato trovato"), JSON_HEX_TAG) ?>;
                    suggestions.appendChild(emptyLi);
                } else {
                    combined.forEach((item, index) => {
                        const li = document.createElement('li');
                        li.dataset.index = String(index);
                        li.dataset.label = item.label || '';
                        if (!item.isCreate && item.id != null) {
                            li.dataset.id = String(item.id);
                        }

                        const baseClasses = 'px-4 py-2 flex items-center gap-2 cursor-pointer border-b border-gray-100 last:border-b-0 transition-colors';
                        li.className = item.isCreate
                            ? `${baseClasses} text-gray-900 font-semibold hover:bg-gray-100`
                            : `${baseClasses} text-gray-900 hover:bg-gray-50`;

                        const icon = document.createElement('i');
                        icon.className = item.isCreate ? 'fas fa-plus-circle text-gray-600' : 'fas fa-building text-gray-400';

                        const text = document.createElement('span');
                        text.textContent = item.isCreate
                            ? `${<?= json_encode(__("Crea nuovo"), JSON_HEX_TAG) ?>} "${item.label}"`
                            : item.label || '';

                        li.appendChild(icon);
                        li.appendChild(text);

                        li.addEventListener('click', () => {
                            selectResultAtIndex(index);
                        });
                        li.addEventListener('mouseenter', () => {
                            highlightedIndex = index;
                            refreshHighlight();
                        });
                        suggestions.appendChild(li);
                    });
                }

                highlightedIndex = combined.length > 0 ? 0 : -1;
                refreshHighlight();
                suggestions.classList.remove('hidden');
            } catch (error) {
                console.error('Autocomplete fetch error:', error);
                const fallback = input.value.trim();
                if (safeOnCreate && fallback) {
                    lastResults = [{id: null, label: fallback, isCreate: true }];
                    suggestions.innerHTML = '';
                    const li = document.createElement('li');
                    li.className = 'px-4 py-2 flex items-center gap-2 cursor-pointer border-b border-gray-100 last:border-b-0 transition-colors text-gray-900 font-semibold hover:bg-gray-100';
                    li.dataset.index = '0';
                    li.dataset.label = fallback;

                    const icon = document.createElement('i');
                    icon.className = 'fas fa-plus-circle text-gray-600';
                    li.appendChild(icon);

                    const text = document.createElement('span');
                    text.textContent = `${<?= json_encode(__("Crea nuovo"), JSON_HEX_TAG) ?>} "${fallback}"`;
                    li.appendChild(text);

                    li.addEventListener('click', () => {
                        selectResultAtIndex(0);
                    });
                    li.addEventListener('mouseenter', () => {
                        highlightedIndex = 0;
                        refreshHighlight();
                    });

                    suggestions.appendChild(li);
                    highlightedIndex = 0;
                    refreshHighlight();
                    suggestions.classList.remove('hidden');
                    safeOnEmpty(fallback);
                } else {
                    suggestions.innerHTML = `<li class="px-4 py-2 text-red-500">${escapeHtml(bookFormI18n.searchError)}</li>`;
                    lastResults = [];
                    highlightedIndex = -1;
                    suggestions.classList.remove('hidden');
                }
            }
        }, 300);
    });
    
    input.addEventListener('keydown', (event) => {
        if (event.key === 'ArrowDown') {
            if (lastResults.length > 0) {
                event.preventDefault();
                if (highlightedIndex < 0 || highlightedIndex >= lastResults.length - 1) {
                    highlightedIndex = 0;
                } else {
                    highlightedIndex += 1;
                }
                refreshHighlight();
            }
        } else if (event.key === 'ArrowUp') {
            if (lastResults.length > 0) {
                event.preventDefault();
                if (highlightedIndex < 0 || highlightedIndex === 0) {
                    highlightedIndex = lastResults.length - 1;
                } else {
                    highlightedIndex -= 1;
                }
                refreshHighlight();
            }
        } else if (event.key === 'Enter') {
            if (highlightedIndex >= 0 && lastResults[highlightedIndex]) {
                event.preventDefault();
                selectResultAtIndex(highlightedIndex);
            } else {
                event.preventDefault();
                createFromCurrentInput();
            }
        } else if (event.key === 'Escape') {
            clearSuggestions();
        }
    });

    // Hide suggestions when clicking outside
    document.addEventListener('click', function(e) {
        if (!input.contains(e.target) && !suggestions.contains(e.target)) {
            clearSuggestions();
        }
    });
}

// Handle duplicate book detection
async function handleDuplicateBook(existingBook) {
    const result = await Swal.fire({
        icon: 'warning',
        title: __('Libro Già Esistente'),
        html: `
            <p class="mb-4">${__('Esiste già un libro con lo stesso identificatore (ISBN/EAN).')}</p>
            <div class="bg-gray-100 p-4 rounded-lg mb-4 text-left">
                <p class="font-semibold mb-2"><i class="fas fa-book mr-2"></i>${__('Libro Esistente:')}</p>
                <p class="text-gray-700 mb-1"><strong>${__('ID:')}</strong> #${existingBook.id}</p>
                <p class="text-gray-700 mb-1"><strong>${__('Titolo:')}</strong> ${escapeHtml(existingBook.title)}</p>
                ${existingBook.isbn13 ? `<p class="text-gray-700 mb-1"><strong>${__('ISBN-13:')}</strong> ${escapeHtml(existingBook.isbn13)}</p>` : ''}
                ${existingBook.ean ? `<p class="text-gray-700 mb-1"><strong>${__('EAN:')}</strong> ${escapeHtml(existingBook.ean)}</p>` : ''}
                ${existingBook.location ? `<p class="text-gray-700 mb-1"><strong>${__('Collocazione:')}</strong> <span class="inline-flex items-center px-2 py-1 bg-blue-100 text-blue-800 rounded-md text-sm"><i class="fas fa-map-marker-alt mr-1"></i>${escapeHtml(existingBook.location)}</span></p>` : `<p class="text-gray-700 mb-1"><strong>${__('Collocazione:')}</strong> <span class="text-gray-400">${__('Non specificata')}</span></p>`}
            </div>
            <p class="text-sm text-gray-600">${__('Vuoi aumentare il numero di copie di questo libro?')}</p>
        `,
        showCancelButton: true,
        showDenyButton: true,
        confirmButtonText: '<i class="fas fa-plus mr-2"></i>' + __('Aumenta Copie'),
        denyButtonText: '<i class="fas fa-eye mr-2"></i>' + __('Visualizza Libro'),
        cancelButtonText: __('Annulla'),
        confirmButtonColor: '#10b981',
        denyButtonColor: '#3b82f6',
        reverseButtons: true
    });

    if (result.isConfirmed) {
        // Show dialog to increase copies
        await increaseCopies(existingBook);
    } else if (result.isDenied) {
        // Redirect to book detail page
        window.location.href = `${window.BASE_PATH}/admin/books/${existingBook.id}`;
    }
}

// Increase copies of existing book
async function increaseCopies(book) {
    const { value: copiesToAdd } = await Swal.fire({
        title: __('Aumenta Copie'),
        html: `
            <p class="mb-4">${__('Quante copie vuoi aggiungere a "%s"?').replace('%s', escapeHtml(book.title))}</p>
            <input type="number" id="copiesToAdd" class="swal2-input" value="1" min="1" max="100" style="width: 150px;">
        `,
        focusConfirm: false,
        showCancelButton: true,
        confirmButtonText: __('Aggiungi'),
        cancelButtonText: __('Annulla'),
        preConfirm: () => {
            const value = parseInt(document.getElementById('copiesToAdd').value);
            if (!value || value < 1) {
                Swal.showValidationMessage(__('Inserisci un numero valido di copie'));
                return false;
            }
            return value;
        }
    });

    if (copiesToAdd) {
        // Show loading
        Swal.fire({
            title: __('Aggiornamento in corso...'),
            text: __('Attendere prego'),
            allowOutsideClick: false,
            showConfirmButton: false,
            willOpen: () => {
                Swal.showLoading();
            }
        });

        try {
            const response = await fetch(`${window.BASE_PATH}/api/libri/${book.id}/increase-copies`, {
                method: 'POST',
                credentials: 'same-origin',
                headers: {
                    'Content-Type': 'application/json',
                    'X-CSRF-Token': CSRF_TOKEN
                },
                body: JSON.stringify({ copies: copiesToAdd })
            });

            const data = await response.json();

            // Check for CSRF/session errors
            if (data.code === 'SESSION_EXPIRED' || data.code === 'CSRF_INVALID') {
                await Swal.fire({
                    icon: 'error',
                    title: __('Errore di sicurezza'),
                    text: data.error || __('Errore di sicurezza'),
                    confirmButtonText: __('OK')
                });
                setTimeout(() => window.location.reload(), 2000);
                return;
            }

            // Check for API errors
            if (!response.ok || data.error) {
                await Swal.fire({
                    icon: 'error',
                    title: __('Errore'),
                    text: data.error || data.message || __('Errore durante l\'aggiornamento delle copie'),
                    confirmButtonText: __('OK')
                });
                return;
            }

            if (data.success) {
                await Swal.fire({
                    icon: 'success',
                    title: __('Copie Aggiunte!'),
                    html: `
                        <p class="mb-2">${__('Hai aggiunto %s copie a "%s"').replace('%s', copiesToAdd).replace('%s', escapeHtml(book.title))}</p>
                        <p class="text-sm text-gray-600">${__('Copie totali:')}: ${data.copie_totali}</p>
                        <p class="text-sm text-gray-600">${__('Copie disponibili:')}: ${data.copie_disponibili}</p>
                    `,
                    confirmButtonText: __('OK')
                });
                // Redirect to book list
                window.location.href = window.BASE_PATH + '/admin/books';
            } else {
                const error = data;
                Swal.fire({
                    icon: 'error',
                    title: __('Errore'),
                    text: error.message || __('Impossibile aggiornare le copie.')
                });
            }
        } catch (error) {
            console.error('Error increasing copies:', error);
            Swal.fire({
                icon: 'error',
                title: __('Errore'),
                text: __('Si è verificato un errore di rete.')
            });
        }
    }
}

// Initialize Form Validation
function initializeFormValidation() {
    
    const form = document.getElementById('bookForm');
    if (!form) return;
    
    form.addEventListener('submit', async function(e) {
        e.preventDefault();
        
        // Validate required fields
        const title = form.querySelector('input[name="titolo"]').value.trim();
        if (!title) {
            Swal.fire({
                icon: 'error',
                title: __('Campo Obbligatorio'),
                text: __('Il titolo del libro è obbligatorio.')
            });
            return;
        }
        
        // Validate ISBN format
        const isbn10 = form.querySelector('input[name="isbn10"]').value.replace(/[-\s]/g, '').toUpperCase();
        const isbn13 = form.querySelector('input[name="isbn13"]').value.replace(/[-\s]/g, '');

        if (isbn10 && !/^\d{9}[\dX]$/.test(isbn10)) {
            Swal.fire({
                icon: 'error',
                title: __('ISBN10 Non Valido'),
                text: __('ISBN10 deve contenere esattamente 10 caratteri (9 cifre + 1 cifra o X).')
            });
            return;
        }
        
        if (isbn13 && !/^\d{13}$/.test(isbn13)) {
            Swal.fire({
                icon: 'error',
                title: __('ISBN13 Non Valido'), 
                text: __('ISBN13 deve contenere esattamente 13 cifre.')
            });
            return;
        }
        
        const issn = form.querySelector('input[name="issn"]').value.replace(/\s/g, '');
        if (issn && !/^\d{4}-\d{3}[\dXx]$/.test(issn)) {
            Swal.fire({
                icon: 'error',
                title: __('ISSN Non Valido'),
                text: __('ISSN deve essere nel formato XXXX-XXXX (8 cifre, l\'ultima può essere X).')
            });
            return;
        }

        // Frontend hierarchy validation for Radice/Genere/Sottogenere
        const radSel = document.getElementById('radice_select');
        const genSel = document.getElementById('genere_select');
        const subSel = document.getElementById('sottogenere_select');
        const rid = radSel ? parseInt(radSel.value || '0', 10) : 0;
        const gid = genSel ? parseInt(genSel.value || '0', 10) : 0;
        const sid = subSel ? parseInt(subSel.value || '0', 10) : 0;
        if (sid > 0 && gid === 0) {
            Swal.fire({icon: 'error', title: __('Selezione non valida'), text: __('Seleziona un Genere prima del Sottogenere.') });
            return;
        }
        if (gid > 0 && rid === 0) {
            Swal.fire({icon: 'error', title: __('Selezione non valida'), text: __('Seleziona una Radice prima del Genere.') });
            return;
        }

        // Show confirmation dialog
        const confirmTitle = FORM_MODE === 'edit' ? __('Conferma Aggiornamento') : __('Conferma Salvataggio');
        const confirmText = FORM_MODE === 'edit'
            ? __('Vuoi aggiornare il libro "%s"?').replace('%s', title)
            : __('Sei sicuro di voler salvare il libro "%s"?').replace('%s', title);
        const confirmButton = FORM_MODE === 'edit' ? __('Sì, Aggiorna') : __('Sì, Salva');

        const result = await Swal.fire({
            title: confirmTitle,
            text: confirmText,
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: confirmButton,
            cancelButtonText: __('Annulla'),
            reverseButtons: true
        });
        
        if (result.isConfirmed) {
            // Show loading
            Swal.fire({
                title: FORM_MODE === 'edit' ? __('Aggiornamento in corso...') : __('Salvataggio in corso...'),
                text: __('Attendere prego'),
                allowOutsideClick: false,
                showConfirmButton: false,
                willOpen: () => {
                    Swal.showLoading();
                }
            });

            // Submit via fetch to handle duplicate detection
            try {
                const formData = new FormData(form);
                const response = await fetch(form.action, {
                    method: form.method || 'POST',
                    credentials: 'same-origin',
                    body: formData
                });

                if (response.status === 409) {
                    // Duplicate book found
                    const data = await response.json();
                    await handleDuplicateBook(data.existing_book);
                } else if (response.ok || response.redirected) {
                    // Success - follow redirect or reload
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else {
                        window.location.href = window.BASE_PATH + '/admin/books';
                    }
                } else {
                    // Other error
                    Swal.fire({
                        icon: 'error',
                        title: __('Errore'),
                        text: __('Si è verificato un errore durante il salvataggio.')
                    });
                }
            } catch (error) {
                console.error('Form submission error:', error);
                Swal.fire({
                    icon: 'error',
                    title: __('Errore'),
                    text: __('Si è verificato un errore di rete.')
                });
            }
        }
    });
    
    // Handle cancel button
    const cancelBtn = document.getElementById('btnCancel');
    if (cancelBtn) {
        cancelBtn.addEventListener('click', async function(e) {
            e.preventDefault();
            const cancelUrl = (FORM_MODE === 'edit' && INITIAL_BOOK.id)
                ? `${window.BASE_PATH}/admin/books/${INITIAL_BOOK.id}`
                : window.BASE_PATH + '/admin/books';
            const result = await Swal.fire({
                title: __('Conferma Annullamento'),
                text: __('Sei sicuro di voler annullare? Tutti i dati inseriti andranno persi.'),
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: __('Sì, Annulla'),
                cancelButtonText: __('Continua'),
                reverseButtons: true
            });
            
            if (result.isConfirmed) {
                window.location.href = cancelUrl;
            }
        });
    }
}

// Sistema Dewey unificato - la funzione initializeDewey() gestisce tutto

// Display scrape source information after successful import
function displayScrapeSourceInfo(data) {
    const sourceInfoPanel = document.getElementById('scrapeSourceInfo');
    const sourceNameEl = document.getElementById('scrapeSourceName');
    const sourcesListEl = document.getElementById('scrapeSourcesList');
    const sourcesListItemsEl = document.getElementById('scrapeSourcesListItems');
    const btnShowAlternatives = document.getElementById('btnShowAlternatives');
    const alternativesPanel = document.getElementById('scrapeAlternativesPanel');
    const btnCloseAlternatives = document.getElementById('btnCloseAlternatives');

    if (!sourceInfoPanel) return;

    // Get source information from response
    const primarySource = data._primary_source || data.source || <?= json_encode(__("Sconosciuto"), JSON_HEX_TAG) ?>;
    const sources = data._sources || (data.source ? [data.source] : []);
    const alternatives = data._alternatives || null;

    // Format source name for display
    const formatSourceName = (source) => {
        const sourceNames = {
            'google-books': 'Google Books',
            'googlebooks': 'Google Books',
            'google': 'Google Books',
            'open-library': 'Open Library',
            'openlibrary': 'Open Library',
            'scraping-pro': 'Scraping Pro',
            'scrapingpro': 'Scraping Pro',
            'api-book-scraper': 'API Book Scraper',
            'custom-api': 'Custom API',
            'z39': 'Z39.50/SRU',
            'sru': 'Z39.50/SRU',
            'sbn': 'SBN Italia',
            'amazon': 'Amazon',
            'goodreads': 'Goodreads',
            'libreria-universitaria': 'Libreria Universitaria'
        };
        const normalized = (source || '').toLowerCase().replace(/[_\s]/g, '-');
        return sourceNames[normalized] || source;
    };

    // Update source name
    sourceNameEl.textContent = formatSourceName(primarySource);

    // Show sources list if multiple sources were consulted
    if (sources.length > 1) {
        sourcesListItemsEl.textContent = sources.map(formatSourceName).join(', ');
        sourcesListEl.classList.remove('hidden');
    } else {
        sourcesListEl.classList.add('hidden');
    }

    // Show alternatives button if alternatives are available
    if (alternatives && Object.keys(alternatives).length > 0) {
        btnShowAlternatives.classList.remove('hidden');

        // Store alternatives for later use
        window._scrapeAlternatives = alternatives;

        // Setup alternatives button click handler (only once)
        if (!btnShowAlternatives.dataset.initialized) {
            btnShowAlternatives.dataset.initialized = 'true';
            btnShowAlternatives.addEventListener('click', () => {
                showAlternativesPanel(window._scrapeAlternatives);
                btnShowAlternatives.setAttribute('aria-expanded', 'true');
            });
        }
    } else {
        btnShowAlternatives.classList.add('hidden');
        // Hide panel and reset state when no alternatives (e.g., new import without alternatives)
        if (alternativesPanel) {
            alternativesPanel.classList.add('hidden');
        }
        window._scrapeAlternatives = null;
        btnShowAlternatives.setAttribute('aria-expanded', 'false');
    }

    // Setup close alternatives button (only once)
    if (btnCloseAlternatives && !btnCloseAlternatives.dataset.initialized) {
        btnCloseAlternatives.dataset.initialized = 'true';
        btnCloseAlternatives.addEventListener('click', () => {
            alternativesPanel.classList.add('hidden');
            btnShowAlternatives.setAttribute('aria-expanded', 'false');
        });
    }

    // Show the source info panel
    sourceInfoPanel.classList.remove('hidden');
}

// Show alternatives panel with data from different sources
function showAlternativesPanel(alternatives) {
    const panel = document.getElementById('scrapeAlternativesPanel');
    const content = document.getElementById('alternativesContent');

    if (!panel || !content || !alternatives) return;

    // Build alternatives content
    let html = '';

    for (const [source, sourceData] of Object.entries(alternatives)) {
        const formatSourceName = (s) => {
            const names = {
                'google-books': 'Google Books',
                'open-library': 'Open Library',
                'scraping-pro': 'Scraping Pro',
                'api-book-scraper': 'API Book Scraper'
            };
            return names[s] || s;
        };

        html += `<div class="p-3 bg-white rounded border border-blue-100">
            <div class="font-medium text-blue-800 mb-2">${escapeHtml(formatSourceName(source))}</div>
            <div class="space-y-1 text-xs text-gray-600">`;

        // Show key fields from this source (using data-* attributes for event delegation)
        if (sourceData.title && typeof sourceData.title === 'string') {
            html += `<div><span class="font-medium">${<?= json_encode(__("Titolo:"), JSON_HEX_TAG) ?>}</span> ${escapeHtml(sourceData.title)}
                <button type="button" class="ml-2 text-gray-800 hover:underline apply-alt-value" data-field="titolo" data-value="${escapeAttr(sourceData.title)}">${<?= json_encode(__("Usa"), JSON_HEX_TAG) ?>}</button></div>`;
        }
        if (sourceData.publisher && typeof sourceData.publisher === 'string') {
            html += `<div><span class="font-medium">${<?= json_encode(__("Editore:"), JSON_HEX_TAG) ?>}</span> ${escapeHtml(sourceData.publisher)}
                <button type="button" class="ml-2 text-gray-800 hover:underline apply-alt-publisher" data-publisher="${escapeAttr(sourceData.publisher)}">${<?= json_encode(__("Usa"), JSON_HEX_TAG) ?>}</button></div>`;
        }
        // Show cover only if it's not an SBN/LibraryThing cover (requires API key)
        // Also sanitize URL to prevent javascript: and other unsafe protocols
        const safeImage = sanitizeUrl(sourceData.image);
        if (safeImage && !safeImage.includes('librarything.com/devkey')) {
            html += `<div><span class="font-medium">${<?= json_encode(__("Copertina:"), JSON_HEX_TAG) ?>}</span>
                <a href="${escapeAttr(safeImage)}" target="_blank" rel="noopener noreferrer" class="text-gray-800 hover:underline">${<?= json_encode(__("Vedi"), JSON_HEX_TAG) ?>}</a>
                <button type="button" class="ml-2 text-gray-800 hover:underline apply-alt-cover" data-cover="${escapeAttr(safeImage)}">${<?= json_encode(__("Usa"), JSON_HEX_TAG) ?>}</button></div>`;
        }
        if (sourceData.description && typeof sourceData.description === 'string') {
            const shortDesc = sourceData.description.substring(0, 100) + (sourceData.description.length > 100 ? '...' : '');
            html += `<div><span class="font-medium">${<?= json_encode(__("Descrizione:"), JSON_HEX_TAG) ?>}</span> ${escapeHtml(shortDesc)}
                <button type="button" class="ml-2 text-gray-800 hover:underline apply-alt-value" data-field="descrizione" data-value="${escapeAttr(sourceData.description)}">${<?= json_encode(__("Usa"), JSON_HEX_TAG) ?>}</button></div>`;
        }

        html += `</div></div>`;
    }

    if (html === '') {
        html = `<p class="text-gray-500">${<?= json_encode(__("Nessuna alternativa disponibile"), JSON_HEX_TAG) ?>}</p>`;
    }

    content.innerHTML = html;

    // Setup delegated event handlers for alternative buttons (only once per content element)
    if (!content.dataset.delegated) {
        content.dataset.delegated = 'true';
        content.addEventListener('click', (e) => {
            const btn = e.target.closest('button');
            if (!btn) return;

            if (btn.classList.contains('apply-alt-value')) {
                const field = btn.dataset.field;
                const value = btn.dataset.value;
                if (field && value) applyAlternativeValue(field, value);
            } else if (btn.classList.contains('apply-alt-publisher')) {
                const publisher = btn.dataset.publisher;
                if (publisher) applyAlternativePublisher(publisher);
            } else if (btn.classList.contains('apply-alt-cover')) {
                const cover = btn.dataset.cover;
                if (cover) applyAlternativeCover(cover);
            }
        });
    }

    panel.classList.remove('hidden');
}

// Helper functions for alternatives
function escapeHtml(str) {
    const div = document.createElement('div');
    div.textContent = str;
    return div.innerHTML.replace(/"/g, '&quot;').replace(/'/g, '&#39;');
}

function escapeAttr(str) {
    return (str || '')
        .replace(/&/g, '&amp;')         // escape ampersand first
        .replace(/</g, '&lt;')          // escape less than
        .replace(/>/g, '&gt;')          // escape greater than
        .replace(/\r?\n/g, ' ')         // normalize newlines to space
        .replace(/"/g, '&quot;')        // escape double quote
        .replace(/'/g, '&#39;');        // escape single quote
}

// Sanitize URL to only allow safe protocols (http, https, relative paths)
function sanitizeUrl(url) {
    const value = (url || '').trim();
    if (!value) return '';
    if (value.startsWith('/')) return value;
    if (/^https?:\/\//i.test(value)) return value;
    return ''; // reject javascript:, data:, etc.
}

function applyAlternativeValue(fieldName, value) {
    const input = document.querySelector(`[name="${fieldName}"]`);
    if (input) {
        input.value = value;
        // Sync TinyMCE if applying to description field
        if (fieldName === 'descrizione' && typeof tinymce !== 'undefined') {
            const editor = tinymce.get('descrizione');
            if (editor) {
                // Sanitize external content before inserting into TinyMCE (XSS prevention)
                let safeValue = value;
                if (window.DOMPurify) {
                    safeValue = DOMPurify.sanitize(value, {
                        ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'ul', 'ol', 'li', 'a', 'b', 'i'],
                        ALLOWED_ATTR: ['href', 'title', 'target', 'rel']
                    });
                }
                editor.setContent(safeValue);
            }
        }
        if (window.Toast) {
            window.Toast.fire({ icon: 'success', title: __('Valore applicato') });
        }
    }
}

function applyAlternativePublisher(name) {
    if (window.__renderEditorePreview) {
        window.__renderEditorePreview(name, { isNew: true });
        if (window.Toast) {
            window.Toast.fire({ icon: 'success', title: __('Editore applicato') });
        }
    }
}

function applyAlternativeCover(url) {
    const safeUrl = sanitizeUrl(url);
    if (!safeUrl) return; // reject unsafe URLs
    const coverHidden = document.getElementById('copertina_url');
    const scrapedCoverInput = document.getElementById('scraped_cover_url');
    if (coverHidden) coverHidden.value = safeUrl;
    if (scrapedCoverInput) scrapedCoverInput.value = safeUrl;
    // Choosing a new cover cancels any pending removal — last action wins (#F007)
    const rc = document.getElementById('remove_cover'); if (rc) rc.value = '0';
    displayScrapedCover(safeUrl);
    if (window.Toast) {
        window.Toast.fire({ icon: 'success', title: __('Copertina applicata') });
    }
}

// Initialize ISBN Import functionality
function initializeIsbnImport() {

    const btn = document.getElementById('btnImportIsbn');
    const input = document.getElementById('importIsbn');

    if (!btn || !input) return;
    const defaultBtnLabel = FORM_MODE === 'edit' ? __('Aggiorna Dati') : __('Importa Dati');

    // Barcode scanners append a carriage return (Enter) after the code. Left
    // unhandled, that Enter submits the whole form, which — the form is
    // novalidate — trips the custom JS "title is required" SweetAlert before
    // anything is filled in (issue #164). Swallow the Enter here and trigger
    // the import instead — which is exactly what scanning into this field is
    // meant to do.
    input.addEventListener('keydown', function(event) {
        if (event.key === 'Enter') {
            event.preventDefault();
            if (!btn.disabled) {
                btn.click();
            }
        }
    });

    btn.addEventListener('click', async function() {
        const isbn = input.value.trim();
        if (!isbn) {
            Swal.fire({
                icon: 'warning',
                title: __('Codice mancante'),
                text: __('Inserisci un codice ISBN o EAN per continuare.')
            });
            return;
        }
        
        // Show loading state
        btn.disabled = true;
        btn.innerHTML = `<i class="fas fa-spinner fa-spin mr-2"></i>${escapeHtml(FORM_MODE === 'edit' ? __('Aggiornamento...') : __('Importazione...'))}`;
        
        try {
            const response = await fetch(`${window.BASE_PATH}/api/scrape/isbn?isbn=${encodeURIComponent(isbn)}`, {
                credentials: 'same-origin'  // Include session cookies for authentication
            });

            let data;

            try {
                data = await response.json();
            } catch (parseError) {
                throw new Error(isbnImportMessages.invalidResponse);
            }

            if (!response.ok) {
                // Even on error, try to populate ISBN fields from the response
                // (the API now returns calculated isbn10/isbn13 variants even on 404)
                if (data) {
                    try {
                        const isbn10Input = document.querySelector('input[name="isbn10"]');
                        const isbn13Input = document.querySelector('input[name="isbn13"]');
                        if (data.isbn13 && isbn13Input) {
                            isbn13Input.value = data.isbn13.replace(/[-\s]/g, '');
                        }
                        if (data.isbn10 && isbn10Input) {
                            isbn10Input.value = data.isbn10.replace(/[-\s]/g, '');
                        }
                        // Also try the generic isbn field
                        if (data.isbn) {
                            const cleanIsbn = data.isbn.replace(/[-\s]/g, '');
                            if (cleanIsbn.length === 10 && isbn10Input && !isbn10Input.value) {
                                isbn10Input.value = cleanIsbn;
                            } else if (cleanIsbn.length === 13 && isbn13Input && !isbn13Input.value) {
                                isbn13Input.value = cleanIsbn;
                            }
                        }
                    } catch (isbnErr) {
                        console.error('ISBN population failed:', isbnErr);
                    }
                }

                // Use API error message if available, otherwise use default message
                let message = isbnImportMessages.genericError;
                if (data && data.error) {
                    message = data.error;
                } else if (response.status === 404 || response.status === 503) {
                    message = isbnImportMessages.notFound;
                }
                throw new Error(message);
            }

            if (data && data.error) {
                throw new Error(data.error);
            }

            // Title
            if (data.title) {
                const titleInput = document.querySelector('input[name="titolo"]');
                if (titleInput) {
                    titleInput.value = data.title;
                }
            }

            // Subtitle
            const subtitleInput = document.querySelector('input[name="sottotitolo"]');
            if (subtitleInput && data.subtitle) {
                subtitleInput.value = data.subtitle;
            }

            // Description - update TinyMCE if initialized (sanitize external data)
            if (data.description) {
                const descInput = document.querySelector('textarea[name="descrizione"]');
                if (descInput) {
                    // Sanitize description from external sources (XSS prevention)
                    let safeDescription;
                    if (window.DOMPurify) {
                        safeDescription = DOMPurify.sanitize(data.description, {
                            ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'ul', 'ol', 'li', 'a', 'b', 'i'],
                            ALLOWED_ATTR: ['href', 'title', 'target', 'rel']
                        });
                    } else {
                        // Fallback: strip all HTML tags for safety
                        const tempDiv = document.createElement('div');
                        tempDiv.textContent = data.description;
                        safeDescription = tempDiv.innerHTML;
                    }
                    descInput.value = safeDescription;
                    // Also update TinyMCE editor if available
                    if (window.tinymce && tinymce.get('descrizione')) {
                        tinymce.get('descrizione').setContent(safeDescription);
                    }
                }
            }
            
            // Handle publisher (multi-publisher aware, issue #143)
            if (data.publisher) {
                document.getElementById('scraped_publisher').value = data.publisher;

                try {
                    const publishers = await fetchJSON(`${window.BASE_PATH}/api/search/editori?q=${encodeURIComponent(data.publisher)}`);
                    if (publishers && publishers.length > 0) {
                        if (window.__renderEditorePreview) {
                            window.__renderEditorePreview(publishers[0].label || data.publisher, {
                                isNew: false,
                                publisherId: publishers[0].id
                            });
                        }
                    } else if (window.__renderEditorePreview) {
                        window.__renderEditorePreview(data.publisher, { isNew: true });
                    }
                } catch (error) {
                    console.error('Error searching publishers:', error);
                    if (window.__renderEditorePreview) {
                        window.__renderEditorePreview(data.publisher, { isNew: true });
                    }
                }
            }
            
            // Normalize person names: "Surname, Name" → "Name Surname" (shared by authors, translator, illustrator)
            const normalizeAuthorName = (name) => {
                name = (name || '').trim();
                if (name.includes(',')) {
                    const parts = name.split(',', 2);
                    if (parts.length === 2) {
                        const surname = parts[0].trim();
                        const firstName = parts[1].trim();
                        if (surname && firstName) {
                            return firstName + ' ' + surname;
                        }
                    }
                }
                return name;
            };

            // Handle authors (support multiple authors array) - select all at once
            try {
                if (authorsChoice && (Array.isArray(data.authors) ? data.authors.length > 0 : !!data.author)) {
                    let authorsRaw = Array.isArray(data.authors) && data.authors.length > 0 ? data.authors : [data.author];

                    // Normalize and deduplicate authors (case-insensitive)
                    const seenNormalized = new Set();
                    const authorsToProcess = [];
                    for (const rawName of authorsRaw) {
                        const normalized = normalizeAuthorName(rawName);
                        const key = normalized.toLowerCase();
                        if (normalized && !seenNormalized.has(key)) {
                            seenNormalized.add(key);
                            authorsToProcess.push(normalized);
                        }
                    }

                    const ensureChoiceFn = typeof window.ensureAuthorChoice === 'function'
                        ? window.ensureAuthorChoice
                        : null;

                    const selectElement = document.getElementById('autori_select');
                    if (!selectElement) {
                        return;
                    }

                    authorsChoice.removeActiveItems();
                    const hiddenContainer = document.getElementById('autori_hidden');
                    if (hiddenContainer) {
                        hiddenContainer.innerHTML = '';
                    }


                        for (const name of authorsToProcess) {
                        const label = (name || '').trim();
                        if (!label) {
                            continue;
                        }
                        let assignedId = null;

                        try {
                            const found = await fetchJSON(`${window.BASE_PATH}/api/search/autori?q=${encodeURIComponent(label)}`);

                            if (found && found.length > 0) {
                                const existing = found[0];
                                assignedId = String(existing.id);
                                if (ensureChoiceFn) {
                                    await ensureChoiceFn(assignedId, existing.label || label);
                                } else {
                                    authorsChoice.setChoices([
                                        {value: assignedId, label: existing.label || label, selected: false }
                                    ], 'value', 'label', false);
                                }
                            } else {
                                assignedId = 'new_' + Date.now() + '_' + Math.floor(Math.random() * 1000);
                                if (ensureChoiceFn) {
                                    await ensureChoiceFn(assignedId, label, {isNew: true });
                                } else {
                                    authorsChoice.setChoices([
                                        {value: assignedId, label, selected: false, customProperties: {isNew: true } }
                                    ], 'value', 'label', false);
                                }
                            }
                        } catch (err) {
                            assignedId = 'new_' + Date.now() + '_' + Math.floor(Math.random() * 1000);
                            if (ensureChoiceFn) {
                                await ensureChoiceFn(assignedId, label, {isNew: true });
                            } else {
                                authorsChoice.setChoices([
                                    {value: assignedId, label, selected: false, customProperties: {isNew: true } }
                                ], 'value', 'label', false);
                            }
                        }

                        if (assignedId) {
                            authorsChoice.setChoiceByValue(assignedId);
                        }
                    }
                } else if (!authorsChoice) {
                } else {
                }
            } catch (err) {
            }
            
            // Handle cover image - store URL for backend download
            try {
                if (data.image) {
                    const scrapedCoverInput = document.getElementById('scraped_cover_url');
                    if (scrapedCoverInput) {
                        scrapedCoverInput.value = data.image;
                    }
                    const coverHidden = document.getElementById('copertina_url');
                    if (coverHidden) {
                        coverHidden.value = data.image;
                    }
                    // A re-scraped cover cancels any pending removal — last action wins (#F007)
                    const rc = document.getElementById('remove_cover'); if (rc) rc.value = '0';
                    displayScrapedCover(data.image);
                } else {
                }
            } catch (err) {
            }

            // Handle EAN - populate form field directly
            try {
                if (data.ean) {
                    const eanInput = document.querySelector('input[name="ean"]');
                    if (eanInput) {
                        eanInput.value = data.ean;
                    }
                    const scrapedEan = document.getElementById('scraped_ean');
                    if (scrapedEan) {
                        scrapedEan.value = data.ean;
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle publication date - store Italian format directly
            try {
                if (data.pubDate) {
                    const pubDateInput = document.querySelector('input[name="data_pubblicazione"]');
                    if (pubDateInput) {
                        pubDateInput.value = data.pubDate;
                    }
                    const scrapedPubDate = document.getElementById('scraped_pub_date');
                    if (scrapedPubDate) {
                        scrapedPubDate.value = data.pubDate;
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle price - populate form field directly
            try {
                if (data.price) {
                    // Parse price: remove currency symbols, codes (EUR, USD, etc.), and spaces
                    // Examples: "9.99 EUR" -> "9.99", "€12,50" -> "12.50", "$15.99" -> "15.99"
                    let priceValue = data.price.toString().trim();
                    priceValue = priceValue.replace(/[€$£¥\s]/g, ''); // Remove currency symbols and spaces
                    priceValue = priceValue.replace(/[A-Z]{3}/g, ''); // Remove 3-letter currency codes (EUR, USD, GBP, etc.)
                    priceValue = priceValue.replace(',', '.'); // Convert comma to dot for decimal
                    priceValue = priceValue.trim(); // Remove any remaining whitespace

                    const priceInput = document.querySelector('input[name="prezzo"]');
                    if (priceInput) {
                        priceInput.value = priceValue;
                    }
                    const scrapedPrice = document.getElementById('scraped_price');
                    if (scrapedPrice) {
                        scrapedPrice.value = priceValue;
                    }

                    if (window.Toast) {
                        window.Toast.fire({
                            icon: 'success',
                            title: bookFormMessages.priceImported.replace('%s', data.price)
                        });
                    }
                }
            } catch (err) {
            }

            // Handle format - populate form field directly
            try {
                if (data.format) {
                    const formatInput = document.querySelector('input[name="formato"]');
                    if (formatInput) {
                        formatInput.value = data.format;
                    }
                    const scrapedFormat = document.getElementById('scraped_format');
                    if (scrapedFormat) {
                        scrapedFormat.value = data.format;
                    }
                } else {
                }
            } catch (err) {
            }

            // Auto-set tipo_media from scraped data
            try {
                if (data.tipo_media) {
                    const tipoMediaSelect = document.getElementById('tipo_media');
                    if (tipoMediaSelect) {
                        tipoMediaSelect.value = data.tipo_media;
                    }
                }
            } catch (err) {
            }

            // Handle series (collana)
            try {
                if (data.series) {
                    // collana is now a Choices autocomplete (#179) — set it via the
                    // exposed setter so the value shows in the control; fall back to
                    // the hidden input if the autocomplete hasn't initialised.
                    if (window.__seriesAutocomplete && window.__seriesAutocomplete.collana) {
                        window.__seriesAutocomplete.collana(data.series);
                    } else {
                        const seriesInput = document.getElementById('collana');
                        if (seriesInput) seriesInput.value = data.series;
                    }
                    const scrapedSeries = document.getElementById('scraped_series');
                    if (scrapedSeries) {
                        scrapedSeries.value = data.series;
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle numero_serie (series volume number)
            try {
                if (data.numero_serie) {
                    const input = document.querySelector('input[name="numero_serie"]');
                    if (input) input.value = data.numero_serie;
                    const scraped = document.getElementById('scraped_numero_serie');
                    if (scraped) scraped.value = data.numero_serie;
                }
            } catch (err) { }

            // Handle dimensions
            try {
                if (data.dimensions) {
                    const input = document.querySelector('input[name="dimensioni"]');
                    if (input) input.value = data.dimensions;
                    const scraped = document.getElementById('scraped_dimensions');
                    if (scraped) scraped.value = data.dimensions;
                }
            } catch (err) { }

            // Handle pages
            try {
                if (data.pages) {
                    const pagesInput = document.querySelector('input[name="numero_pagine"]');
                    if (pagesInput) {
                        pagesInput.value = data.pages;
                    }
                    const scrapedPages = document.getElementById('scraped_pages');
                    if (scrapedPages) {
                        scrapedPages.value = data.pages;
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle author bio - store for backend to update author record
            try {
                if (data.author_bio) {
                    const scrapedAuthorBio = document.getElementById('scraped_author_bio');
                    if (scrapedAuthorBio) {
                        scrapedAuthorBio.value = data.author_bio;
                    }
                }
            } catch (err) {
            }

            // Handle notes
            try {
                const noteField = document.querySelector('textarea[name="note_varie"]');
                const noteParts = [];
                if (noteField && noteField.value.trim() !== '') {
                    noteParts.push(noteField.value.trim());
                }
                if (data.notes) {
                    noteParts.push(data.notes.trim());
                }
                if (data.tipologia) {
                    noteParts.push(`Tipologia: ${data.tipologia.trim()}`);
                }
                if (noteField && noteParts.length > 0) {
                    const uniqueNotes = [];
                    noteParts.forEach(part => {
                        const clean = part.trim();
                        if (!clean) return;
                        const exists = uniqueNotes.some(existing => existing.toLowerCase() === clean.toLowerCase());
                        if (!exists) {
                            uniqueNotes.push(clean);
                        }
                    });
                    noteField.value = uniqueNotes.join('\n');
                }
                const tipologiaHidden = document.getElementById('scraped_tipologia');
                if (tipologiaHidden) {
                    tipologiaHidden.value = data.tipologia ? data.tipologia.trim() : '';
                }
            } catch (err) {
            }

            // Handle ISBN values - check all possible fields (isbn, isbn10, isbn13)
            try {
                const isbn10Input = document.querySelector('input[name="isbn10"]');
                const isbn13Input = document.querySelector('input[name="isbn13"]');

                // Direct isbn13 field (from SBN, Open Library, etc.)
                if (data.isbn13 && isbn13Input) {
                    isbn13Input.value = data.isbn13.replace(/[-\s]/g, '');
                }
                // Direct isbn10 field
                if (data.isbn10 && isbn10Input) {
                    isbn10Input.value = data.isbn10.replace(/[-\s]/g, '');
                }
                // Generic isbn field (fallback, length-based routing)
                if (data.isbn) {
                    const isbn = data.isbn.replace(/[-\s]/g, '');
                    if (isbn.length === 10 && isbn10Input && !isbn10Input.value) {
                        isbn10Input.value = isbn;
                    } else if (isbn.length === 13 && isbn13Input && !isbn13Input.value) {
                        isbn13Input.value = isbn;
                    }
                }
            } catch (err) {
                console.error('ISBN field population failed:', err);
            }

            // Handle year (anno_pubblicazione) - numeric year for filtering/sorting
            try {
                if (data.year) {
                    const yearInput = document.querySelector('input[name="anno_pubblicazione"]');
                    if (yearInput) {
                        yearInput.value = data.year;
                    } else {
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle language (lingua) - book's original language
            try {
                if (data.language) {
                    const languageInput = document.querySelector('input[name="lingua"]');
                    if (languageInput) {
                        languageInput.value = data.language;
                    } else {
                    }
                } else {
                }
            } catch (err) {
            }

            // Handle keywords (parole_chiave) - from Google Books, Discogs, MusicBrainz
            try {
                const kw = data.keywords || data.parole_chiave;
                if (kw) {
                    const keywordsInput = document.querySelector('input[name="parole_chiave"]');
                    if (keywordsInput) {
                        keywordsInput.value = kw;
                    }
                }
            } catch (err) {
            }

            // Handle translator (traduttore) — normalize same as authors
            try {
                if (data.translator) {
                    const normalized = normalizeAuthorName(data.translator);
                    const translatorInput = document.querySelector('input[name="traduttore"]');
                    if (translatorInput) {
                        translatorInput.value = normalized;
                    }
                    const scrapedTranslator = document.getElementById('scraped_translator');
                    if (scrapedTranslator) {
                        scrapedTranslator.value = normalized;
                    }
                    if (window.__contributorPickers && window.__contributorPickers.traduttori) {
                        window.__contributorPickers.traduttori.addName(normalized, true);
                    }
                }
            } catch (err) {
            }

            // Handle illustrator (illustratore) — normalize same as authors
            try {
                if (data.illustrator) {
                    const normalized = normalizeAuthorName(data.illustrator);
                    const illustratorInput = document.querySelector('input[name="illustratore"]');
                    if (illustratorInput) {
                        illustratorInput.value = normalized;
                    }
                    const scrapedIllustrator = document.getElementById('scraped_illustrator');
                    if (scrapedIllustrator) {
                        scrapedIllustrator.value = normalized;
                    }
                    if (window.__contributorPickers && window.__contributorPickers.illustratori) {
                        window.__contributorPickers.illustratori.addName(normalized, true);
                    }
                }
            } catch (err) {
            }

            // Handle Dewey classification (classificazione_dewey) - from SBN or other sources
            try {
                if (data.classificazione_dewey) {
                    if (typeof window.setDeweyCode === 'function') {
                        await window.setDeweyCode(data.classificazione_dewey, null);
                    } else {
                        // Fallback if setDeweyCode not available
                        const deweyHidden = document.getElementById('classificazione_dewey');
                        if (deweyHidden) {
                            deweyHidden.value = data.classificazione_dewey;
                        }
                    }
                }
            } catch (err) {
                // Silently fail - Dewey is optional
            }

            // Data di acquisizione is not from scraping - it's when WE acquire the book
            // Set it to today's date automatically
            try {
                const today = new Date().toISOString().split('T')[0];
                const acquisitionInput = document.querySelector('input[name="data_acquisizione"]');
                if (acquisitionInput) {
                    acquisitionInput.value = today;
                } else {
                }
            } catch (err) {
            }

            // Summary of fields populated
            const fieldsPopulated = [];
            if (data.title) fieldsPopulated.push('title');
            if (data.subtitle) fieldsPopulated.push('subtitle');
            if (data.description) fieldsPopulated.push('description');
            if (data.publisher) fieldsPopulated.push('publisher');
            if (data.authors && data.authors.length > 0) fieldsPopulated.push('authors (' + data.authors.length + ')');
            if (data.image) fieldsPopulated.push('cover image');
            if (data.ean) fieldsPopulated.push('EAN');
            if (data.pubDate) fieldsPopulated.push('publication date');
            if (data.price) fieldsPopulated.push('price');
            if (data.format) fieldsPopulated.push('format');
            if (data.series) fieldsPopulated.push('series');
            if (data.numero_serie) fieldsPopulated.push('numero_serie');
            if (data.dimensions) fieldsPopulated.push('dimensions');
            if (data.classificazione_dewey) fieldsPopulated.push('classificazione_dewey');
            if (data.pages) fieldsPopulated.push('pages');
            if (data.notes) fieldsPopulated.push('notes');
            if (data.isbn) fieldsPopulated.push('ISBN');
            if (data.year) fieldsPopulated.push('year');
            if (data.language) fieldsPopulated.push('language');
            if (data.keywords) fieldsPopulated.push('keywords');
            if (data.translator) fieldsPopulated.push('translator');
            if (data.illustrator) fieldsPopulated.push('illustrator');

            // Show source information panel
            displayScrapeSourceInfo(data);

            // Show success toast (small notification)
            if (window.Toast) {
                window.Toast.fire({
                    icon: 'success',
                    title: __('Importazione completata con successo!')
                });
            }

        } catch (error) {
            const fallbackMessage = __("Errore durante l'importazione dati");
            const message = error && typeof error.message === 'string' && error.message.trim() !== ''
                ? error.message
                : fallbackMessage;
            if (window.Toast) {
                window.Toast.fire({
                    icon: 'error',
                    title: message
                });
            }
        } finally {
            btn.disabled = false;
            btn.innerHTML = `<i class="fas fa-download mr-2"></i>${escapeHtml(defaultBtnLabel)}`;
        }
    });
}

// Display scraped cover image
function displayScrapedCover(imageUrl) {

    if (!imageUrl) return;

    // Block unsafe URL schemes (javascript:, data:, vbscript:, etc.)
    // Only allow http(s) URLs and local paths starting with /
    if (!/^(https?:\/\/|\/)/i.test(imageUrl)) {
        console.warn('displayScrapedCover: blocked unsafe URL scheme:', imageUrl);
        return;
    }

    const container = document.getElementById('cover-preview-container');
    if (!container) return;

    // Clear existing content — safe: all dynamic values are escaped via escapeHtml/escapeAttr
    container.innerHTML = '';

    // Create image element
    const img = document.createElement('img');
    let imageSrc = imageUrl;

    if (imageUrl.startsWith('/')) {
        // Local image - avoid double base path
        const base = window.BASE_PATH || '';
        imageSrc = imageUrl.startsWith(base + '/')
            ? window.location.origin + imageUrl
            : window.location.origin + base + imageUrl;
    } else if (imageUrl.startsWith('http')) {
        // External image - use plugin proxy (no domain whitelist)
        imageSrc = `${window.BASE_PATH}/api/plugins/proxy-image?url=${encodeURIComponent(imageUrl)}`;
    }

    img.src = imageSrc;
    img.alt = <?= json_encode(__("Copertina recuperata automaticamente"), JSON_HEX_TAG) ?>;
    img.className = 'max-h-48 object-contain border border-gray-200 rounded-lg shadow-sm';
    
    img.onload = function() {
    };
    
    img.onerror = function() {
        console.error('Failed to load scraped cover:', imageSrc);
        container.innerHTML = `
            <div class="bg-gray-100 border-2 border-dashed border-gray-300 rounded-lg p-6 text-center">
                <div class="text-gray-400 mb-2">
                    <i class="fas fa-image text-3xl"></i>
                </div>
                <p class="text-sm text-gray-600 mb-2">${<?= json_encode(__("Anteprima non disponibile"), JSON_HEX_TAG) ?>}</p>
                <p class="text-xs text-gray-500 mb-3">${<?= json_encode(__("L'immagine verrà scaricata al salvataggio"), JSON_HEX_TAG) ?>}</p>
                <a href="${escapeAttr(imageSrc)}" target="_blank" rel="noopener noreferrer" class="text-xs text-gray-700 hover:text-gray-900 underline break-all">${escapeHtml(imageUrl)}</a>
            </div>
        `;
        return;
    };
    
    // Create container with image and info
    container.innerHTML = `
        <div class="inline-flex flex-col items-start space-y-2">
            <div class="relative">
                ${img.outerHTML}
            </div>
            <div class="flex items-center gap-4">
                <div class="flex items-center gap-2 text-sm text-gray-600">
                    <i class="fas fa-globe text-gray-600"></i>
                    <span>${<?= json_encode(__("Copertina recuperata automaticamente"), JSON_HEX_TAG) ?>}</span>
                </div>
                <button type="button" onclick="removeCoverImage()" class="text-xs text-red-600 hover:text-red-800 hover:underline flex items-center gap-1">
                    <i class="fas fa-trash"></i>
                    <?= __('Rimuovi') ?>
                </button>
            </div>
        </div>
    `;
}

// Utility function for fetching JSON
async function fetchJSON(url) {
    const response = await fetch(url, {
        credentials: 'same-origin'  // Include session cookies for authentication
    });
    if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
}

// Convert Italian date format to ISO (YYYY-MM-DD)
function convertItalianDateToISO(italianDate) {
    if (!italianDate) return null;
    
    const monthNames = {
        'gennaio': '01', 'febbraio': '02', 'marzo': '03', 'aprile': '04',
        'maggio': '05', 'giugno': '06', 'luglio': '07', 'agosto': '08',
        'settembre': '09', 'ottobre': '10', 'novembre': '11', 'dicembre': '12'
    };
    
    // Match format like "26 agosto 2025"
    const match = italianDate.match(/(\d{1,2})\s+(\w+)\s+(\d{4})/i);
    if (match) {
        const day = match[1].padStart(2, '0');
        const monthName = match[2].toLowerCase();
        const year = match[3];
        const month = monthNames[monthName];
        
        if (month) {
            return `${year}-${month}-${day}`;
        }
    }
    
    return null;
}

// Add some CSS for loading states and animations
const style = document.createElement('style');
style.textContent = `
    .fade-in {
        animation: fadeIn 0.5s ease-in-out;
    }
    
    .slide-in-up {
        animation: slideInUp 0.5s ease-out;
    }
    
    @keyframes fadeIn {
        from {opacity: 0; }
        to {opacity: 1; }
    }
    
    @keyframes slideInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .btn-primary:disabled,
    .btn-secondary:disabled {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none !important;
    }
    
    /* Choices.js styling to match form inputs */
    .choices__inner {
        background-color: white !important;
        border: 1px solid #d1d5db !important;
        border-radius: 0.375rem !important;
        font-size: 0.875rem !important;
        padding: 8px !important;
        min-height: 44px !important;
    }

    /* Desktop: use flex layout */
    @media screen and (min-width: 769px) {
        .choices__inner {
            display: flex !important;
            align-items: center !important;
            padding: 0 !important;
        }
    }
    
    .choices__list--multiple .choices__item {
        background-color: #1e293b !important;
        border: 1px solid #334155 !important;
        border-radius: 9999px !important;
        color: #f1f5f9 !important;
        font-size: 0.75rem !important;
        margin: 2px !important;
        padding: 4px 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    /* Style for new authors (to be created) */
    .choices__list--multiple .choices__item[data-custom-properties*="isNew\":true"] {
        background-color: #1f2937 !important;
        border-color: #1d4ed8 !important;
        color: white !important;
    }

    .choices__input {
        background-color: transparent !important;
        margin: 0 8px !important;
        font-size: 0.875rem !important;
        flex: 1 1 auto !important;
        min-width: 200px !important;
    }

    .choices__input--cloned {
        flex: 1 1 auto !important;
        min-width: 200px !important;
    }

    .choices__placeholder {
        color: #9ca3af !important;
        margin: 0 8px !important;
    }

    /* Dropdown styling */
    .choices__list--dropdown {
        background-color: white !important;
        border: 1px solid #d1d5db !important;
        border-radius: 0.375rem !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
        z-index: 100 !important;
    }

    .choices__list--dropdown .choices__item {
        color: #111827 !important;
        font-size: 0.875rem !important;
        padding: 8px 12px !important;
    }

    .choices__list--dropdown .choices__item--selectable {
        background-color: white !important;
        color: #111827 !important;
    }

    .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: #dbeafe !important;
        color: #111827 !important;
    }

    .choices__list--dropdown .choices__item--selectable:hover {
        background-color: #f3f4f6 !important;
        color: #111827 !important;
    }

    .choices__list--dropdown .choices__item--selectable:active {
        background-color: #e5e7eb !important;
        color: #111827 !important;
    }

    .choices__list--dropdown .choices__item--selectable:focus {
        background-color: #dbeafe !important;
        color: #111827 !important;
    }

    .choices__item,
    .choices__item:hover,
    .choices__item:active,
    .choices__item:focus,
    .choices__item.is-highlighted,
    .choices__item.is-selected {
        color: #111827 !important;
    }

    /* Editore chip styling */
    .editore-chip {
        transition: all 0.2s ease-in-out;
        align-items: center;
    }

    .editore-chip:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .editore-chip button {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 12px;
        line-height: 1;
    }

    /* Mobile styles for Choices.js chips */
    @media screen and (max-width: 768px) {
        .choices .choices__inner,
        div.choices__inner,
        .choices__inner {
            display: block !important;
            padding: 8px !important;
            min-height: auto !important;
            height: auto !important;
            flex-direction: unset !important;
            align-items: unset !important;
        }

        .choices__list.choices__list--multiple,
        .choices__list--multiple {
            display: block !important;
            width: 100% !important;
            margin-bottom: 8px !important;
        }

        .choices__list--multiple .choices__item,
        .choices__list--multiple .choices__item--selectable {
            display: flex !important;
            width: 100% !important;
            max-width: 100% !important;
            white-space: normal !important;
            padding: 8px 12px !important;
            font-size: 0.875rem !important;
            justify-content: space-between !important;
            align-items: center !important;
            border-radius: 8px !important;
            margin-bottom: 6px !important;
            box-sizing: border-box !important;
        }

        .choices__list--multiple .choices__item .choices__button {
            flex-shrink: 0 !important;
            margin-left: 8px !important;
        }

        .choices__input,
        .choices__input--cloned,
        input.choices__input--cloned {
            min-width: 0 !important;
            width: 100% !important;
            display: block !important;
        }

        /* Editore chips mobile */
        #editore_chip_list {
            display: block !important;
            width: 100% !important;
        }

        .editore-chip {
            display: flex !important;
            width: 100% !important;
            max-width: 100% !important;
            justify-content: space-between !important;
            margin-bottom: 6px !important;
        }
    }
`;
document.head.appendChild(style);
</script>

<!-- TinyMCE is loaded by layout.php; only initialize here -->
<script>
// Initialize TinyMCE for book description (iframe editor with toolbar)
let tinyMceInitAttempts = 0;
const TINYMCE_MAX_RETRIES = 8;
if (typeof window.TINYMCE_BASE === 'undefined') {
    window.TINYMCE_BASE = <?= json_encode(assetUrl("tinymce"), JSON_HEX_TAG | JSON_HEX_AMP) ?>;
}
const TINYMCE_BASE = window.TINYMCE_BASE;

function initBookTinyMCE() {
    if (!window.tinymce) {
        if (!document.getElementById('tinymce-fallback-loader')) {
            const s = document.createElement('script');
            s.id = 'tinymce-fallback-loader';
            s.src = `${TINYMCE_BASE}/tinymce.min.js`;
            document.head.appendChild(s);
        }
        if (tinyMceInitAttempts < TINYMCE_MAX_RETRIES) {
            tinyMceInitAttempts += 1;
            setTimeout(initBookTinyMCE, 200);
        } else {
            console.error('TinyMCE non disponibile dopo i tentativi di caricamento');
        }
        return;
    }

    const textarea = document.getElementById('descrizione');
    if (!textarea) {
        return;
    }

    const existing = tinymce.get('descrizione');
    if (existing) {
        return;
    }

    tinymce.init({
        selector: '#descrizione',
        // #299: never rewrite URLs against the admin page's base_url — it
        // prefixes links/placeholders with /admin and double-prefixes on re-edit.
        convert_urls: false,
        base_url: TINYMCE_BASE,
        suffix: '.min',
        model: 'dom',
        license_key: 'gpl',
        height: 360,
        menubar: false,
        toolbar_mode: 'wrap',
        toolbar_sticky: true,
        plugins: [
            'advlist', 'autolink', 'lists', 'link', 'preview', 'code', 'fullscreen'
        ],
        toolbar: 'undo redo | blocks | bold italic underline | bullist numlist | link | removeformat | code preview fullscreen',
        content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; font-size: 15px; line-height: 1.6; }',
        branding: false,
        promotion: false,
        statusbar: true,
        placeholder: <?= json_encode(__("Descrizione del libro..."), JSON_HEX_TAG) ?>,
        setup: function (editor) {
            editor.on('change keyup setcontent', () => {});
        }
    });
}
// Wait for DOM then init TinyMCE
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
        // Wait for full load to avoid other scripts mutating DOM
        window.addEventListener('load', function() {
            setTimeout(initBookTinyMCE, 200);
        }, { once: true });
    });
} else {
    window.addEventListener('load', function() {
        setTimeout(initBookTinyMCE, 200);
    }, { once: true });
}

// Initialize star rating
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initStarRating);
} else {
    initStarRating();
}

function initStarRating() {
    const ratingSelect = document.getElementById('book-rating');
    if (ratingSelect && typeof StarRating !== 'undefined') {
        new StarRating(ratingSelect, {
            clearable: true,
            maxStars: 5
        });
    }
}

</script>