jQuery(function($){$('.dqp-ui-quiz').each(function(){let b=$(this),q,i=0,score=0;let applyLink=b.data('link');let welcomeMsg=b.data('msg')||'🎉 Welcome! You are qualified for this exam.';try{q=JSON.parse(b.attr('data-questions'));}catch(e){b.html('Invalid JSON');return;}
function result(){if(score<9){b.html(`
    <div class="result-box fail">
     <h2>❌ Try Again</h2>
     <p>Your Score: ${score}/${q.length}</p>
     <button class="retry-btn" onclick="location.reload()">Try Again</button>
    </div>`);}else if(score===q.length){b.html(`
    <div class="result-box pass">
     <h2>🎉 Congratulations!</h2>
     <p class="welcome">${welcomeMsg}</p>
     <p>Your Score: ${score}/${q.length}</p>
     ${applyLink ? `<a class="apply-btn"href="${applyLink}">Apply for Job</a>` : ''}
    </div>`);}}
function render(){let p=Math.round((i/q.length)*100);b.html(`
   <div class="quiz-ui">
    <div class="progress-wrap"><div class="progress-bar" style="width:${p}%"></div></div>
    <h2 class="quiz-question">${q[i].q}</h2>
    <div class="quiz-options"></div>
    <button class="quiz-next">NEXT</button>
   </div>`);q[i].options.forEach((o,x)=>{b.find('.quiz-options').append(`
    <label class="quiz-option">
     <span>${o}</span>
     <span class="radio"></span>
     <input type="radio" name="quiz" value="${x}">
    </label>`);});b.find('.quiz-option').click(function(){b.find('.quiz-option').removeClass('selected');b.find('input').prop('checked',false);$(this).addClass('selected').find('input').prop('checked',true);});b.find('.quiz-next').click(function(){let sel=b.find('input:checked');if(!sel.length)return alert('Select option');let x=sel.val(),opt=sel.closest('.quiz-option');if(x==q[i].answer){opt.addClass('correct');score++;}
else{opt.addClass('wrong');b.find(`input[value='${q[i].answer}']`).closest('.quiz-option').addClass('correct');}
setTimeout(()=>{i++;if(i>=q.length)result();else render();},700);});}
render();});});