<div class="col-sm-10 ">
   

        <div class="col-sm-12 gray_ttc" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 0 0 5px 20px;">
                <h3><?php echo $quiz_info->quiz_name; ?></h3> 
                <p>BY: <?php echo $creator_info->person_first_name . ' ' . $creator_info->person_last_name ?></p>
            </div>
            <div class="col-sm-12 text-left" style="padding:0 0 0 20px;">
                <p>Quiz Topic Area: <?php echo $quiz_info->topic_name; ?></p>
            </div>
            <?php if (count($quiz_questions) >= $quiz_info->total_number_of_question) { ?>
                <div class="col-sm-12 text-left" style="padding:10px 0 10px 20px;">
                    <a href="<?php echo base_url() . 'quiz/' . $quiz_info->quiz_public_id . '/start-quiz'; ?>"> <span class="btn btn-success" >Start Quiz</span></a>
                </div>
            <?php } else { ?>
                <div class="col-sm-12 text-left" style="padding:10px 0 10px 20px;">
                    <span>This quiz have no Question added yet!! <a href="<?php echo base_url() . 'all-quiz'; ?>">Try Another Quiz</a></span>
                </div>
            <?php } ?>
        </div>

        <div class="col-sm-12"><br></div>
        <div class="col-sm-12 gray_ttc form-group" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 0 0 5px 20px;">
                <h3>Quiz Description</h3> 
                <hr> 
            </div>
            <div class="col-sm-12 text-justify" style="padding:0 0 0 20px;">
                <p><?php echo $quiz_info->quiz_description; ?></p>
                <hr>
                <p>
                    <span class="pull-left" style="margin-left: 20px;margin-bottom: 10px">  
                        <a href="<?php echo base_url() . 'all-quiz'; ?>">  Browse All Test</a>
                    </span>
                </p>
            </div>

        </div>
        <div class="col-sm-12"><br></div>
        <div class="col-sm-12">
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- TT three -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-3140114751019908"
                 data-ad-slot="2044561420"
                 data-ad-format="auto"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>

        </div>
        <div class="col-sm-12"><br></div>
        <div class="col-sm-12" >
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- TT four -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-3140114751019908"
                 data-ad-slot="8060742220"></ins>
            <script>
                                    (adsbygoogle = window.adsbygoogle || []).push({});
            </script>

        </div>


  
</div>