<section class="col-sm-12">
    <div class="col-sm-12">
        <!-- --------------------Left Side Menu start--------------------------- -->
        <div class="col-sm-3 form-group">

            <!-- --------------------Categories part start--------------------------- -->
            <!--            <div class="gray col-sm-12">
                            <h3 style="text-align: left !important;padding-left: 20px; font-size: 18px;">Categories</h3>
                            <ul id="category_view" style="text-align: left !important;padding-left: 22px; font-size: 16px">
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-globe" title="All"></i> &nbsp; 
                                        All Courses
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-book"></i> &nbsp; 
                                        Php Video Course Topic
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-12 form-group"></div>-->
            <!-- --------------------Categories part End--------------------------- -->


            <!-- --------------------Resource Person Other Courses start--------------------------- -->
            <!--            <div class="white  col-sm-12">
                            <h3 style="text-align: left !important;padding-left: 20px; font-size: 18px;">Resource Persons Other Courses</h3>
                            <ul id="category_view" style="text-align: left !important;padding-left: 22px; font-size: 16px">
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-file-video-o"></i> &nbsp; 
                                        Php Video Course 3
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-file-video-o"></i> &nbsp; 
                                        Php Video Course 4
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-12 form-group"></div>-->
            <!-- --------------------Resource Person Other Courses End--------------------------- -->


            <!-- --------------------Similer Topic's Videos part start--------------------------- -->        
            <!--            <div class="gray  col-sm-12">
                            <h3 style="text-align: left !important;padding-left: 20px; font-size: 18px;">Similer Topic's Videos</h3>
                            <ul id="category_view" style="text-align: left !important;padding-left: 22px; font-size: 16px">
                                <li>
                                    <a href="javascript:void(0)" id="video_name"
                                        onclick="videoLoad()" >
                                        <i class="fa fa-play-circle"></i>
                                        Php Video 2
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" id="video_name"
                                        onclick="videoLoad()" >
                                         <i class="fa fa-play-circle"></i>
                                             Php Video 3
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-12 form-group"></div>-->
            <!-- --------------------Similer Topic's Videos part End--------------------------- -->                

        </div>
        <!-- --------------------Left Side Menu End--------------------------- -->


        <!-- --------------------Middle Part Start--------------------------- -->
        <div class="col-sm-10 col-sm-offset-1  form-group">
            <div class="row">
                <div class="col-sm-12">

                    <!-- -----------Video Player section part Start------------- -->
                    <div class="gray col-sm-12 course_name_side">
                        <div class="col-sm-12 ">
                            <div class="col-sm-12 form-group">
                                <center>
                                    <span class="h2" >
                                        <?php
                                        if (isset($video_course_details)) {
                                            echo $video_course_details->video_course_title;
                                        }
                                        ?>
                                    </span>&nbsp;
                                    <span>
                                        <a href="">
                                            <img src="<?php echo base_url() ?>image/registration-icon.png"> 
                                        </a>
                                    </span>
                                </center>
                            </div>

                            <div class="col-sm-10 col-sm-offset-1 text-center form-group" id="video-container">
                                <div class="row">
                                    <video poster="<?php echo base_url('image/tt_single_video_view.png'); ?>" controls>
                                        <source src="<?php //echo base_url() . 'content-library/' . $course_creator_url . $free_video_info->upload_video_location;  ?>" type="video/mp4">                                                              
                                    </video>
                                </div>

                                <div class="col-sm-12 text-center form-group">
                                    Section 1 : Php Video 1
                                </div>
                            </div>

                            <!-- -----------Video course Share part Start------------- -->
                            <?php
                            $share_video_url = base_url();
                            //                        $share_video_url = 'http://talhatraining.com/bangla-video-training-object-oriented-programming-with-php-and-mysql';
                            ?>
                            <div class="col-sm-8 col-sm-offset-2 form-group" style="text-align: center">
                                <a class="btn btn-facebook-custom" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode($share_video_url); ?>">
                                    <i class="fa fa-facebook"></i>
                                </a>
                                <a class="btn btn-google-custom" target="_blank" href="https://plus.google.com/share?url=<?php echo urlencode($share_video_url); ?>">
                                    <i class="fa fa-google-plus"></i>
                                </a> 
                                <a class="btn btn-twitter-custom" target="_blank" href="https://twitter.com/intent/tweet?text='<?php echo $share_video_url; ?>'">
                                    <i class="fa fa-twitter"></i>
                                </a> 
                            </div>
                            <!-- -----------Video course Share part End------------- -->

                        </div>
                    </div>
                    <!-- -----------Video Player section part End------------- -->


                    <div class="row tab-bg">
                        <div class="col-sm-4" style="padding-top:35px;">
                            <div class="col-sm-12" style="border: 2px solid #eee;">
                                <br>

                                <!-- -----------Video Course section Search Start------------- -->                    
                                <div class="input-group">
                                    <input type="text" 
                                           class="form-control" 
                                           placeholder="Search Video.."
                                           id="search_video_course"
                                           name="search_video_course"
                                           oninput="searchVideo(this.value)">
                                    <span class="input-group-addon" style="background-color:#80c12c">
                                        <i style="color:#fff" class="fa fa-search"></i>
                                    </span>
                                </div>
                                <!-- -----------Video Course section Search End------------- -->                    
                                <br>


                                <div id="view_video_menu">

                                    <!-- -----------------Video Course section part Start------------- -->                        
                                    <div class="col-sm-12 panel-group" 
                                         id="accordion" role="tablist" 
                                         aria-multiselectable="true">
                                        <div class="panel panel-default">
                                            <div class="panel-heading" role="tab" id="heading">
                                                <i class="indicator fa fa-caret-down"></i>
                                                <a class="accordion-toggle" data-toggle="collapse" 
                                                   href="#collapseSec" aria-expanded="true">
                                                    Section 1
                                                </a>
                                            </div>

                                            <div id="collapseSec" class="panel-collapse collapse in" 
                                                 role="tabpanel" aria-labelledby="headingOne">

                                                <div class="panel-body">
                                                    <a href="javascript:void(0)" class="col-sm-12" id="video_name"
                                                       onclick="videoLoad()" >
                                                        <i class="fa fa-play-circle"></i>
                                                        Php Video
                                                        <span class="pull-right"></span>
                                                    </a><br>
                                                    <a href="javascript:void(0)" class="col-sm-12" id="video_name"
                                                       onclick="videoLoad()" >
                                                        <i class="fa fa-play-circle"></i>
                                                        Php Video 2
                                                        <span class="pull-right"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- -----------------Video Course section part End------------- -->                        
                                </div>

                            </div>
                        </div>

                        <div class="col-sm-8" style="padding-left:0;">
                            <div class="course-detail-tab">
                                <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                                    <li class="active"><a href="#course-detail" data-toggle="tab">Course detail</a></li>
                                    <li><a href="#work-files" data-toggle="tab">Work files</a></li>
                                    <li><a href="#video_course_category" data-toggle="tab">Video Course Category</a></li>
                                    <li><a href="#similar_resource_person_video" data-toggle="tab"><?php
                                            if (isset($similar_resource_person_video_course['resource_person'])) {
                                                echo $similar_resource_person_video_course['resource_person']->person_first_name . 's' . ' ';
                                            }
                                            ?>other video course</a></li>
                                </ul>
                                <div id="my-tab-content" class="tab-content">

                                    <!-- ------------------course-detail-tab-Start--------------------- -->
                                    <div class="tab-pane active" id="course-detail">

                                        <div class="tab-content panel-body">
                                            <div class="gray col-sm-12 resource_person">

                                                <div class="col-sm-12"></div>
                                                <?php
                                                if (isset($video_course_details) && $video_course_details->video_course_payment_type == 2) {
                                                    ?>
                                                    <div class="col-sm-6 text-left">
                                                        <span>
                                                            <strong>Course Price :</strong>
                                                                <?php echo $video_course_details->price; ?>
                                                        </span> <br> <br>
                                                    </div>

                                                    <?php
                                                } else {
                                                    ?>
                                                    <div class="col-sm-6 text-left">
                                                        <span>
                                                            <strong>Course Price :</strong>
                                                    <?php echo 'Free'; ?>
                                                        </span> <br> <br>
                                                    </div>
                                                    <?php
                                                }
                                                ?>
                                                <div class="col-sm-12 text-left" >
                                                    <span >
                                                        <strong>Course Description :</strong>
                                                        <?php
                                                        if (isset($video_course_details)) {
                                                            echo $video_course_details->video_course_description;
                                                        }
                                                        ?>
                                                    </span>
                                                    <br>
                                                </div>

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


                                            </div>
                                        </div>

                                    </div>
                                    <!-- ------------------course-detail-tab-End--------------------- -->


                                    <!-- -------------------work-files-tab-Start----------------------- -->
                                    <div class="tab-pane" id="work-files">
                                        <div class="tab-content panel-body text-left">
                                            <div class="gray col-sm-12 resource_person">

                                                <h4>Work Files:</h4>
                                                <?php
                                                if (isset($video_course_work_files)) {
                                                    foreach ($video_course_work_files as $v_video_course_work_files) {
                                                        ?>
                                                        <p class="text-justify">

                                                            <a href="javascript:void(0)" target="_blank" onclick="downloadWorkFile('<?php echo base_url() . 'download-manage-admin-video-workfile/' ?>', '<?php echo $v_video_course_work_files->work_file_id; ?>')">
                                                                <i class="fa fa-download"></i>
                                                                    <?php
                                                                    echo $v_video_course_work_files->work_file_name;
                                                                    ?>
                                                            </a>
                                                        </p>
                                                        <?php
                                                    }
                                                }
                                                ?>

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

                                            </div>
                                        </div>
                                    </div>
                                    <!-- -------------------work-files-tab-End----------------------- -->

                                    <!-- -------------------Video-Course-Tab-Start----------------------- -->
                                    <div class="tab-pane" id="video_course_category">
                                        <div class="tab-content panel-body text-left">
                                            <div class="gray col-sm-12 resource_person">
                                                <h4>Other Video Course Of Category:</h4>
                                                <?php
                                                if (isset($similar_parent_topic_video_course)) {
                                                    foreach ($similar_parent_topic_video_course as $v_similar_parent_topic_video_course) {
                                                        ?>
                                                        <h5><a href="<?php echo base_url() ?>super-admin/video-course-detail/<?php echo $v_similar_parent_topic_video_course->video_course_id; ?>"><?php echo $v_similar_parent_topic_video_course->video_course_title; ?></a></h5>
                                                        <?php
                                                    }
                                                }
                                                ?>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- -------------------Video-Course-Tab-End----------------------- -->

                                    <!-- -------------------Similar-Resource-Person-Tab_Start----------------------- -->
                                    <div class="tab-pane" id="similar_resource_person_video">
                                        <div class="tab-content panel-body text-left">
                                            <div class="gray col-sm-12 resource_person">
                                                <h4>Other Video Course:</h4>
                                                <?php
                                                if (isset($similar_resource_person_video_course['similar_video_course']) || empty($similar_resource_person_video_course['similar_video_course'])) {
                                                    foreach ($similar_resource_person_video_course['similar_video_course'] as $v_similar_resource_person_video_course) {
                                                        ?>
                                                        <h5><a href="<?php echo base_url() ?>super-admin/video-course-detail/<?php echo $v_similar_resource_person_video_course->video_course_id; ?>"><?php echo $v_similar_resource_person_video_course->video_course_title; ?></a></h5>

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

                                            </div>
                                        </div>
                                    </div>
                                    <!-- -------------------Similar-Resource-Person-Tab-End----------------------- -->

                                </div>
                            </div><!-- /.course-detail-tab -->
                        </div><!-- /.col-md-8 .col-sm-12 -->


                        <!--// for google adsense-->
                        <div class="col-sm-12"><br>
                            <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>
                            <br>
                        </div>
                        <!--// for google adsense-->


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

            </div>

        </div>
        <!-- --------------------Middle Part End--------------------------- -->
    </div>
</section> 
<script src="<?php echo base_url('resource_library/js-video-player/plyr.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>back_end_resource/all_video_course/all_video_course.js"></script>
<link href="<?php echo base_url(); ?>back_end_resource/all_video_course/all_video_course.css" rel="stylesheet" type="text/css"/>


