<style>
    .ulp-question-given-answer.correct {
        color: #008005;
    }
    
    .ulp-question-given-answer.incorrect {
        color: #ff0000;
    }
    
    .ulp-question-correct-answer {
        color: #008005;
    }
    .ulp-question-wrapp.results {
        padding: 10px 10px;
    }
    
    .results .ulp-question-content {
        padding: 10px 0 5px 0;
    }
</style>
<div class="ulp-quiz-print-grade">
	<!--label><?php echo esc_html($data['label']);?></label-->
	<div>
		<?php if ($data['quiz_passed']):?>
			<?php esc_html_e('You have passed the Quiz with ', 'ulp'); echo esc_html($data['grade']);?>
		<?php else:?>
			<?php esc_html_e('You have failed the Quiz with ', 'ulp');  echo esc_html($data['grade']);?>
		<?php endif;?>
		Please check the answers below.
	</div>

</div>
<?php //echo "<pre>"; print_r($data['que_answers']); 
$i = 1;
    foreach($data['que_answers'] as $que_answers){
?>
    <div class="ulp-question-wrapp results">
    
    	<div class="ulp-question-input">
    
    		<div class="ulp-question-content">Question <?php echo $i.': '.$que_answers['q_content']; ?></div>
    
            <div class="ulp-question-given-answer <?php echo (!$que_answers['is_correct']) ? 'incorrect' : 'correct'; ?>">Given Answer: <?php echo $que_answers['g_ans']; ?></div>
            <?php if(!$que_answers['is_correct']){ ?>
    		<div class="ulp-question-correct-answer">Correct Answer: <?php echo $que_answers['c_ans']; ?></div>
    		
    		<div class="ulp-question-incorrect-answer-explaination">Explanation: <?php echo $que_answers['c_ans_exp']; ?></div>
    		<?php } ?>
    	</div>
    
    </div>
<?php $i++; } ?>    