<div class="col-sm-8">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-sm-12 gray_ttc">
                <div class="course-detail-tab margin-zero ">
                    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                        <h3 class="text-left label" style="color: #8CC73F;font-size: 18px; font-family: Times New Roman; font-weight: normal">Add Video</h3>
                    </ul>
                    <div id="my-tab-content" class="tab-content">
                        <div class="tab-pane active" id="add_video_work_file">
                            <div class="tab-content panel-body">
                                <div class="col-sm-12">

                                    
                    <!-- --------------------Video Course Category Start-------------------- -->
                                    <div class="col-sm-12 white" id="course_category_view">
                                        <div class="form-group col-sm-10">
                                            <div class="input-group">
                                                <select class="form-control"
                                                        name="video_course_category_id" 
                                                        id="video_course_category_id">
                                                    <option value="">Select Category</option>
                                                    <option value="1">Video Course Category 1</option>
                                                    <option value="1">Video Course Category 2</option>
                                                </select>
                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-book"></i></span>
                                            </div>
                                        </div>



                                        <div class="col-sm-12 form-group"></div>
                                        <div class="form-group col-sm-10">
                                            <div class="input-group">
                                                <select class="form-control" 
                                                        name="video_course_id" 
                                                        id="video_course_id"
                                                        onchange="getVideoCourseId(this.value, '<?php echo base_url() . 'view-video-course-section'; ?>')" >
                                                    <option value="">Select Course</option>
                                                    <option value="1">Video Course 1</option>
                                                    <option value="1">Video Course 2</option>
                                                </select>
                                                <input type="hidden" id="video_course_validate" value="">
                                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-book"></i></span>
                                            </div>
                                        </div>
                                    </div>
                    <!-- --------------------Video Course Category End-------------------- -->


                    <!-- --------------------Video Course Section Area Start-------------------- -->
                                    <div id="video_section_area">
                                        <div id="upload_video_section1">
                                        </div>
                                    </div>
                                    <div class="col-sm-12"><br></div>
                    <!-- --------------------Video Course Section Area End-------------------- -->                



                                    <div class="col-sm-12">
                                        <div class="form-group col-sm-6 text-center" style="color: red" id="section_error">
                                        </div>
                                        <div class="form-group col-sm-6">
                                            <a type="button" class="btn btn-success" onclick="addMoreVideoSection('<?php echo base_url() . 'add-more-video-section' ?>')"  style="margin-left: 156px;" >Add More Section </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-12"><br><br></div>

                                    <div class="col-sm-12 padding-zero">
                                        <div class="form-group col-sm-12 text-center" id="submit_error" style="color: red;">
                                            
                                        </div>
                                        <div class="form-group col-sm-4 col-sm-offset-4">
                                            <button type="submit" class="green-btn btn btn-default">Add Video</button>
                                        </div>
                                    </div>
                                </div>
                            </div>   
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
</div>
<script type="text/javascript" src="<?php echo base_url(); ?>video_course_asset/video_course_front_end/video_course_js/add_video.js"></script>