{% set error = errors[field.field_name] %}
{#- Labels for the prefill message, from the form, so it names fields as the
    form does. -#}
{% set form_labels = {} %}
{% for f in h.scheming_get_dataset_schema('dataset').dataset_fields %}
  {% set ignored = form_labels.update({f.field_name: h.scheming_language_text(f.label)}) %}
{% endfor %}
<div class="form-group control-full{% if error %} error{% endif %}">
  <label class="form-label" for="field-zenodo-doi">{{ h.scheming_language_text(field.label) }}</label>
  <div class="controls">
    <div class="input-group">
      <input
        id="field-zenodo-doi"
        type="text"
        name="zenodo_doi"
        value="{{ data['zenodo_doi'] or '' }}"
        placeholder="e.g. 10.5281/zenodo.1234567"
        class="form-control"
      />
      <button
        type="button"
        id="zenodo-prefill-btn"
        class="btn btn-secondary"
        onclick="marineZenodoPrefill()"
      >{{ _('Prefill from Zenodo') }}</button>
    </div>
    {%- snippet 'scheming/form_snippets/help_text.html', field=field -%}
    {% if error %}
      <span class="error-block">{{ error[0] }}</span>
    {% endif %}
    <p id="zenodo-prefill-msg" style="display: none; margin-top: 6px;"></p>
  </div>
</div>

<script>
(function () {
  var LABELS = {{ form_labels | tojson }};
  var FAILED = {{ _('The record could not be fetched from Zenodo. Check the DOI, or fill in the form by hand.') | tojson }};

  function getField(name) {
    return document.querySelector('[name="' + name + '"]');
  }

  function setField(name, value) {
    var el = getField(name);
    if (el && value !== undefined && value !== null && value !== '') {
      el.value = value;
      return true;
    }
    return false;
  }

  /* Auto-trigger on blur so the user doesn't need to click the button. */
  document.addEventListener('DOMContentLoaded', function () {
    var doiInput = document.getElementById('field-zenodo-doi');
    if (doiInput) {
      doiInput.addEventListener('blur', function () {
        if (doiInput.value.trim()) window.marineZenodoPrefill();
      });
      doiInput.addEventListener('keydown', function (e) {
        if (e.key === 'Enter') { e.preventDefault(); window.marineZenodoPrefill(); }
      });
    }
  });

  window.marineZenodoPrefill = function () {
    var doiInput = document.getElementById('field-zenodo-doi');
    var doi = doiInput ? doiInput.value.trim() : '';
    if (!doi) return;

    var btn = document.getElementById('zenodo-prefill-btn');
    var msgEl = document.getElementById('zenodo-prefill-msg');

    btn.disabled = true;
    btn.textContent = {{ _('Fetching…') | tojson }};
    msgEl.style.display = 'none';
    msgEl.textContent = '';

    fetch('/api/action/marinerg_zenodo_prefill?doi=' + encodeURIComponent(doi))
      .then(function (r) { return r.json(); })
      .then(function (data) {
        if (!data.success) {
          var err = data.error || {};
          msgEl.textContent = (err.doi && err.doi[0]) || FAILED;
          msgEl.className = 'text-danger';
          msgEl.style.display = 'block';
          return;
        }

        var r = data.result;
        var populated = [];

        ['title', 'notes', 'tag_string', 'license_id', 'url', 'author',
         'source_kind', 'publication_date'].forEach(function (name) {
          if (setField(name, r[name])) populated.push(LABELS[name] || name);
        });

        /* Replace a pasted URL with the bare DOI, which is the form the field accepts. */
        setField('zenodo_doi', r.zenodo_doi);

        if (populated.length) {
          msgEl.textContent = {{ _('Filled in from Zenodo:') | tojson }} + ' ' + populated.join(', ') + '. ' + {{ _('Check them before you save.') | tojson }};
          msgEl.className = 'text-success';
        } else {
          msgEl.textContent = {{ _('The Zenodo record has nothing to fill in on this form.') | tojson }};
          msgEl.className = 'text-muted';
        }
        msgEl.style.display = 'block';
      })
      .catch(function (err) {
        msgEl.textContent = FAILED;
        msgEl.className = 'text-danger';
        msgEl.style.display = 'block';
      })
      .finally(function () {
        btn.disabled = false;
        btn.textContent = {{ _('Prefill from Zenodo') | tojson }};
      });
  };
}());
</script>