(function () {
    var qtyInput = document.getElementById('Quantity');
    var amtInput = document.getElementById('Amount');
    var preview = document.getElementById('batchPreview');
    var prevQty = document.getElementById('prevQty');
    var prevAmt = document.getElementById('prevAmt');
    var prevTotal = document.getElementById('prevTotal');

    function updatePreview() {
        var qty = parseInt(qtyInput.value, 10);
        var amt = parseFloat(amtInput.value);
        if (qty > 0 && amt > 0) {
            prevQty.textContent = qty;
            prevAmt.textContent = '$' + amt.toFixed(2);
            prevTotal.textContent = '$' + (qty * amt).toFixed(2);
            preview.style.display = '';
        } else {
            preview.style.display = 'none';
        }
    }

    if (qtyInput && amtInput) {
        qtyInput.addEventListener('input', updatePreview);
        amtInput.addEventListener('input', updatePreview);
        updatePreview();
    }

    // Disable submit button after first click to prevent double-submit during long creation
    var form = document.querySelector('form');
    var submitBtn = document.getElementById('submitBtn');
    if (form && submitBtn) {
        form.addEventListener('submit', function () {
            submitBtn.disabled = true;
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Creating...';
        });
    }
}());