<div class="col-sm-8">
    <div class="row ">
        <div class="col-sm-12 " style="padding: 0">
            <div class="col-sm-12" >
                <h3>
                    Total Grade Information
                        <!--<a href=""> <span class="pull-right" style="font-size: 18px">Create Quiz</span></a>-->
                </h3>
                <hr>
            </div>

            <div class="col-sm-12" >
                <div class="col-sm-12 gray_ttc text-center" style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold">
                    <div class="col-sm-3" style="padding:10px 0">Quiz Name</div>
                    <div class="col-sm-3" style="padding:10px 0">Total Grade </div>
                    <div class="col-sm-2" style="padding:10px 0">Total Number</div>
                    <div class="col-sm-4" style="padding:10px 0">Action</div>
                </div>
                <div class="col-sm-12"><br></div> 

                <?php
                if ($all_quizes) {
                    foreach ($all_quizes as $v_quiz) {
                        ?>
                        <div class="col-sm-12 gray text-center" >

                            <div class="col-sm-3" style="padding:10px 0"><a href="<?php echo base_url() ?>view-test"><?php echo $v_quiz->quiz_name; ?></a></div>
                            <div class="col-sm-3" style="padding:10px 0">
                                <?php
                                foreach ($quiz_grades[$v_quiz->quiz_id] as $v_grade) {
                                    echo $v_grade->grade_name . '(' . $v_grade->grade_number . '), ';
                                    $grade_total_number = $v_grade->grade_total_number;
                                }
                                ?>
                            </div>
                            <div class="col-sm-2" style="padding:10px 0"><?php echo $grade_total_number; ?></div>

                            <div class="col-sm-4" style="padding:10px 0">

                                <a href="<?php echo base_url() . 'quiz/' . $v_quiz->url . '/edit-grade' ?>"><i class="fa fa-edit" title="Edit"></i></a>
                                <span>&nbsp;&nbsp;</span>

                                <a href="<?php echo base_url() . 'quiz/' . $v_quiz->url . '/grade-details' ?>"><i class="fa  fa-th" title="View Grade"></i></a>
                            </div>
                        </div>
                        <div class="col-sm-12"><br></div> 
                            <?php
                        }
                    }
                    ?>

                <!--                <nav class="course-pagination">
                                    <ul class="pagination">
                                        <li>
                                            <a href="#" aria-label="Previous">
                                                <span aria-hidden="true" title="First Page">&laquo;&laquo;</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" aria-label="Previous">
                                                <span aria-hidden="true" title="Previous Page">&laquo;</span>
                                            </a>
                                        </li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li>
                                            <a href="#" aria-label="Next">
                                                <span aria-hidden="true" title="Next Page">&raquo;</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" aria-label="Next">
                                                <span aria-hidden="true" title="Last Page">&raquo;&raquo;</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>-->

            </div>


        </div><!-- /.row gray -->


    </div>

</div>