var tierIndex = parseInt(document.getElementById('wizard-project-monetization-cfg').dataset.tierCount, 10);

function updatePricingUI() {
    var model = document.getElementById('pricing-model').value;

    var sections = [
        { id: 'buy-once-fields', active: model === 'buy_once' },
        { id: 'pwyw-fields', active: model === 'pwyw' },
        { id: 'subscription-fields', active: model === 'subscription' }
    ];

    sections.forEach(function(s) {
        var el = document.getElementById(s.id);
        el.classList.toggle('hidden', !s.active);
        // Disable hidden inputs so they don't block form validation
        var inputs = el.querySelectorAll('input, select');
        inputs.forEach(function(inp) { inp.disabled = !s.active; });
    });
}

function addTierForm() {
    var container = document.getElementById('tier-forms');
    var html = '<div class="tier-form-row">' +
        '<div class="form-group"><label>Tier Name</label>' +
        '<input type="text" name="tier_name_' + tierIndex + '" placeholder="e.g. Supporter" required></div>' +
        '<div class="form-group"><label>Price ($/month)</label>' +
        '<input type="number" name="tier_price_' + tierIndex + '" min="1" step="0.01" placeholder="5.00" required></div>' +
        '<div class="form-group"><label>Description</label>' +
        '<input type="text" name="tier_desc_' + tierIndex + '" placeholder="What members get..."></div>' +
        '</div>';
    container.insertAdjacentHTML('beforeend', html);
    tierIndex++;
}

updatePricingUI();