<script>
  (function () {
    const preOrdineInput = document.getElementById('pre-ordine-input');
    const preOrdineResult = document.getElementById('pre-ordine-result');
    if (!preOrdineInput || !preOrdineResult) return;

    window.cercaPreOrdine = function () {
      const codice = preOrdineInput.value.trim();
      if (codice.length < 3) {
        preOrdineResult.innerHTML = '';
        return;
      }

      preOrdineResult.innerHTML = '<div class="cassa-sb-preordine-loading">Ricerca in corso...</div>';
      $("#pre-ordine-result").load(@json($cercaPreOrdineRoute) + "?codice=" + encodeURIComponent(codice));
    };

    preOrdineInput.addEventListener('input', function () {
      window.cercaPreOrdine();
    });

    window.importaPreOrdine = function (codice) {
      $.ajax({
        url: @json($importaPreOrdineRoute),
        type: "POST",
        data: {
          codice: codice,
          _token: "{{ csrf_token() }}",
          attivita_id: "{{ $ordine->attivita_id }}",
          dispositivo_id: "{{ $ordine->dispositivo_id }}",
          ordine_id: "{{ $ordine->id }}",
        },
        success: function (response) {
          if (response.success) {
            new Notyf({
              duration: 2000,
              position: { x: 'right', y: 'top' }
            }).success(response.message);
            window.location.reload();
          } else {
            new Notyf({
              duration: 2000,
              position: { x: 'right', y: 'top' }
            }).error(response.message);
          }
        },
        error: function (xhr) {
          new Notyf({
            duration: 2000,
            position: { x: 'right', y: 'top' }
          }).error(xhr.responseText || 'Errore durante l\'importazione');
        }
      });
    };
  })();
</script>
