
<?php
$quiz_total_time = 0;
foreach ($quiz_questions as $value) {
    $quiz_total_time += $value->time_limit;
}
?>

<div class="row ">
    <div class="col-sm-12 padding-zero text-left"><h3>Course Quiz Result</h3></div>

    <div class="col-sm-12 padding-zero"><br></div>
    <div class="col-sm-12 gray">
        <form action="quiz_test_multiple_choice_question.html" method="post">
            <div class="col-sm-8  padding-zero text-left">

                <input type="hidden" name="quiz_running" id="quiz_running" value="<?php echo $this->session->userdata('running_quiz_status'); ?>" >
                <input type="hidden" name="quiz_running" id="quiz_running" value="<?php echo ($quiz_total_time * 60); ?>" >
                <input type="hidden" name="quiz_question_time" id="quiz_question_time" value="" >
                <input type="hidden" name="skillPercentage" id="skillPercentage" value="<?php echo round($correct_percentage, 2); ?>" >

                <div class="col-sm-12 text-left" style="padding: 0 0 5px 20px;">
                    <h3>Status On Questions</h3>  
                    <p>Total question : <?php echo $total_question; ?></p>
                    <p>Total correct answer : <?php echo $correct_ans; ?></p>
                    <p>Total  wrong answer : <?php echo $wrong_ans; ?></p>
                    <p>Total unanswer question: <?php echo $unanswered; ?></p>
                    <p>Taken Time: <?php echo $taken_time . '/' . ($quiz_total_time * 60); ?></p>
                    <p>Correct answer percentage: <span id="skillP"><?php echo round($correct_percentage, 2); ?>%</span></p>
                </div>
                <div class="col-sm-12">  <hr><br>  </div>

                <?php if ($grade) { ?>

                    <div class="col-sm-12 text-left" style="padding: 0 0 5px 20px;">
                        <h3>Status On Marks</h3>  
                        <p>Total Marks : <?php echo $total_marks; ?></p>
                        <p>Receive Marks : <?php echo $receive_marks; ?></p>
                        <p>Grade : <?php echo $grade->grade_name; ?></p>
                        <p><a href="demo3.html">View Certificate</a></p>
                        <p>Receive Marks percentage: <?php echo round($correct_percentage, 2) . '' . '%'; ?></p>
                    </div>

                <?php } ?>

                <div class="col-sm-12 text-left" style="padding:10px 0 10px 20px;">
                    <a href="javascript:void(0)" onclick="load_quiz_question();" > <span class="btn btn-success" >Retake Quiz</span></a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="javascript:void(0)" onclick="finishQuiz();" > <span class="btn btn-success" >Finish</span></a>
                </div>

                <div class="col-sm-12 text-left" style="padding:10px 0 10px 20px;">
                </div>

                <!--                <div class="form-group " style="width:30%;">
                                    <a href="javascript:void(0)" onclick="CheckAnswer();" class="form-control btn btn-success"  aria-describedby="basic-addon1">Check your answer</a>
                                </div>-->

            </div>
        </form>    

        <div class="col-sm-4 padding-zero">

            <div class="row">
                <div class="col-sm-12"><br><br><br></div>
                <div class="col-sm-12" style="padding: 0">
                    <div id="testPercentage" class="circlestat " data-dimension="200" data-text="" data-width="30" data-fontsize="38" data-fgcolor="#fc0a0a" data-percent="50"  data-bgcolor="#eee" data-fill="#ddd"></div>

                </div>
            </div>
        </div>
    </div>

    <div class="col-sm-12"><br></div>

    <div id="answer_view" style="display:none">

        <p class="text-justify" style="line-height: 25px">
            1. Choose the correct HTML element for the largest heading:<br>
            h1<br>
            <label style="color: green"> Correct Answer!</label>
        </p>

        <p class="text-justify" style="line-height: 25px">
            2. Choose the correct HTML element for the largest heading:<br>
            h1<br>
            <label style="color: green"> Correct Answer!</label>
        </p>


        <p class="text-justify" style="line-height: 25px">
            3. Choose the correct HTML element for the largest heading:<br>
            Hyper Text Markup Language<br>
            <label class="text-red"> Wrong Answer!</label><br>
            <label style="color: green"> Correct Answer : h1</label>
        </p>


        <p class="text-justify" style="line-height: 25px">
            2. Choose the correct HTML element for the largest heading:<br>
            h1<br>
            <label style="color: green"> Correct Answer!</label>
        </p>


        <p class="text-justify" style="line-height: 25px">
            3. Choose the correct HTML element for the largest heading:<br>
            Hyper Text Markup Language<br>
            <label class="text-red"> Wrong Answer!</label><br>
            <label style="color: green"> Correct Answer : h1</label>
        </p>
    </div>

</div>



