

<div class="col-sm-8">
    <div class="row gray">
        <div class="col-sm-12">
            <ul class="nav nav-tabs">
                <li id="learnerFreeCourse" class="active"><a data-toggle="tab" href="#view_free_course">Free Video Course </a></li>
                
                <li id="learnerRegisterCourse" class="<?php
//                if ($learner_tab == 'registration') {
//                    echo 'active';
//                }
                ?>"><a data-toggle="tab" href="#view_register_course">Register Video Course</a></li>

                <li id="learnerPaidCourse" class="<?php
//                if ($learner_tab == 'paid') {
//                    echo 'active';
//                }
                ?>"><a data-toggle="tab" href="#view_paid_course">Paid Video Course</a></li>

                
            </ul>

            <div style="padding: 0px;opacity: 1; display: none" id="loading_image">
                <img src="<?php echo base_url()?>image/course-loader.gif" 
                     height="60" width="60" style="margin: 20% 45%;">
            </div>
            <input type="hidden" id="courseViewUrl" value="<?php //echo base_url('user/learner-course-view');  ?>">
        </div>



        <div class="col-sm-12">
            <div class="tab-content">
                <div id="view_free_course" class="tab-pane active">
                    <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-9">Title</div>
                        <div class="col-sm-3">Action</div>
                    </div>
                    <div class="col-sm-12"><br></div> 

                    <div class="col-sm-12 padding-zero" id=view_learner_free_course>

                        <div class="col-sm-12 padding-zero text-center" style="background-color: #D3EDB0;">
                            <div class="col-sm-12">
                                <div class="col-sm-9" style="padding-top: 10px ">
                                    <a href="" target="_blank" >
                                        <span id="courseNameView">
                                            Free Video Course Title 1
                                        </span>
                                    </a>

                                    <input type="hidden" id="hiddenCourseName<?php //echo $sess_course_info->url  ?>" value="<?php //echo $sess_course_info->course_name  ?>">
                                </div>


                                <div class="col-sm-3 text-center" style="padding-top: 10px">

                                    <a href="javascript:void(0)"  data-toggle="modal" data-target="#deleteFreeCourse<?php //echo $sess_course_info->url;  ?>" >
                                        <i class="fa  fa-remove" title="Cancel"></i>
                                    </a>&nbsp;&nbsp;&nbsp;
                                </div>
                            </div>

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

                        <div class="col-sm-12 white text-center">
                            <div class="col-sm-9" style="padding-top: 10px ">
                                <a href="<?php //echo base_url() . $course_value->url;  ?>" target="_blank" >
                                    <span id="courseNameView<?php //echo $course_value->url  ?>">
                                        Free Video Course Title 2
                                    </span>
                                </a>

                                <input type="hidden" id="hiddenCourseName<?php //echo $course_value->url  ?>" value="<?php //echo $course_value->course_name  ?>">
                            </div>

                            <div class="col-sm-3" style="padding-top: 10px">

                                <a href="javascript:void(0)"  data-toggle="modal" data-target="#deleteFreeCourse<?php //echo $course_value->url;  ?>" >
                                    <i class="fa  fa-remove" title="Cancel"></i>
                                </a>&nbsp;&nbsp;&nbsp;
                            </div>

                        </div>

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

                    </div>
                </div>




                <!--menu 1 Tab-->
                <div id="view_paid_course" class="tab-pane <?php
//                if ($learner_tab == 'paid') {
//                    echo 'active';
//                }
                ?>">


                    <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-5">Title</div>
                        <div class="col-sm-3">Price</div>
                        <div class="col-sm-2">Payment Status</div>
                        <div class="col-sm-2">Action</div>
                    </div>
                    <div class="col-sm-12"><br></div> 

                    <div class="col-sm-12 padding-zero" id=view_learner_paid_course>

                        <div class="col-sm-12 padding-zero" style="background-color: #D3EDB0;">
                            <div class="col-sm-12 text-left">
                                <div class="col-sm-5 text-center" style="padding-top: 10px ">
                                    <a href="<?php //echo base_url() . $sess_course_info->url;  ?>" target="_blank" >
                                        <span id="courseNameView<?php //echo $sess_course_info->url  ?>">
                                            <a href="">
                                                Paid Video Course Title 1
                                            </a>
                                        </span>
                                    </a>

                                    <input type="hidden" id="hiddenCourseName<?php //echo $sess_course_info->url  ?>" value="<?php //echo $sess_course_info->course_name  ?>">
                                </div>

                                <div class="col-sm-3 text-center" style="padding-top: 10px">
                                    10000 
                                </div>

                                <div class="col-sm-2 text-center" style="padding-top: 10px">
                                    Paid 
                                </div>
                                <div class="col-sm-2 text-center">
                                    <a href="<?php echo base_url();?>learner-view-invoice" target="_blank"><i class="fa fa-dollar" title="View Invoice"></i></a>&nbsp;
                                    <a href="javascript:void(0)" id="cancelInvoice<?php //echo $random_num['random_number'];  ?>"><i class="glyphicon glyphicon-remove" title="Cancel"></i></a>
                                </div>
                            </div>

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

                        <div class="col-sm-12 <?php //echo ($j % 2) ? 'gray' : 'white';  ?> text-left">
                            <div class="col-sm-5 text-center" style="padding-top: 10px ">
                                <a href="<?php //echo base_url() . $course_value->url;  ?>" target="_blank" >
                                    <span id="courseNameView<?php //echo $course_value->url  ?>">
                                        <a href="">Paid Video Course Title 2</a>
                                    </span>
                                </a>

                                <input type="hidden" id="hiddenCourseName<?php //echo $course_value->url  ?>" value="<?php //echo $course_value->course_name  ?>">
                            </div>


                            <div class="col-sm-3 text-center" style="padding-top: 10px">
                                10000 
                            </div>

                            <div class="col-sm-2 text-center" style="padding-top: 10px">
                                Unpaid 
                            </div>
                            <div class="col-sm-2 text-center">
                                <a href="<?php echo base_url();?>learner-view-invoice" target="_blank"><i class="fa fa-dollar" title="View Invoice"></i></a>&nbsp;

                                <a href="javascript:void(0)" id="cancelInvoice<?php //echo $random_num['random_number'];  ?>"><i class="glyphicon glyphicon-remove" title="Cancel"></i></a>
                            </div>
                        </div>

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

                    </div>


                </div>

                <!--Menu 2 Tab ...-->




                <div id="view_register_course" class="tab-pane <?php
//                if ($learner_tab == 'registration') {
//                    echo 'active';
//                }
                ?>">
                    <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-5">Title</div>
                        <div class="col-sm-3">Price</div>
                        <div class="col-sm-2">Payment Status</div>
                        <div class="col-sm-2">Action</div>
                    </div>
                    <div class="col-sm-12"><br></div> 

                    <div class="col-sm-12 padding-zero" id=view_learner_register_course>

                        <div class="col-sm-12 padding-zero" style="background-color: #D3EDB0;">
                            <div class="col-sm-12 text-left">
                                <div class="col-sm-5 text-center" style="padding-top: 10px ">
                                    <a href="<?php //echo base_url() . $sess_course_info->url;  ?>" target="_blank" >
                                        <span id="courseNameView<?php //echo $sess_course_info->url  ?>">
                                            Registered Video Course Title 1
                                        </span>
                                    </a>

                                    <input type="hidden" id="hiddenCourseName<?php //echo $sess_course_info->url  ?>" value="<?php //echo $sess_course_info->course_name  ?>">
                                </div>

                                <div class="col-sm-3 text-center" style="padding-top: 10px">10000</div>
                                <div class="col-sm-2 text-center" style="padding-top: 10px">Paid</div>
                                <div class="col-sm-2 text-center" style="padding-top: 10px">
                                    <a href="<?php echo base_url();?>learner-view-invoice" target="_blank">
                                        <i class="fa fa-dollar" title="View Invoice"></i>
                                    </a>
                                    <a href="">
                                        <i class="fa fa-remove" title="Remove"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-12"><br></div> 
                        </div>
                        <div class="col-sm-12"><br></div> 
                        <div class="col-sm-12 <?php //echo ($j % 2) ? 'gray' : 'white';  ?> text-left">
                            <div class="col-sm-5 text-center" style="padding-top: 10px ">
                                <a href="<?php //echo base_url();?>" target="_blank" >
                                    <span id="courseNameView<?php //echo $course_value->url  ?>">
                                        Registered Video Course Title 2
                                    </span>
                                </a>

                                <input type="hidden" id="hiddenCourseName<?php //echo $course_value->url  ?>" value="<?php //echo $course_value->course_name  ?>">
                            </div>

                            <div class="col-sm-3 text-center" style="padding-top: 10px">1000</div>
                            <div class="col-sm-2 text-center" style="padding-top: 10px">Unpaid</div>
                            <div class="col-sm-2 text-center" style="padding-top: 10px">
                                <a href="<?php echo base_url();?>learner-view-invoice" target="_blank">
                                    <i class="fa fa-dollar" title="View Invoice"></i>
                                </a>
                                <a href="javascript:void(0)"  data-toggle="modal" data-target="#deleteFreeCourse<?php //echo $course_value->url;  ?>" >
                                    <i class="fa fa-remove" title="Cancel"></i>
                                </a>
                            </div>
                        </div>

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

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

