<div class="col-sm-10">
    <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">
                        <h4>Add Video Course Work File</h3>
                    </ul>
                    <div id="my-tab-content" class="tab-content">
                        <!-- add_work_file tab -->
                        <div class="tab-pane active" id="add_video_work_file">
                            <div class="tab-content panel-body">
                                <div class="col-sm-10  "><br>
                                </div>
                                <div class="col-sm-10">

                                    <?php
                                    $url1 = 'add-video-work-file';
                                    echo form_open_multipart($url1, 'class="cmxform"  name="add_video_course_work_form" onsubmit="return checkVideoCourseWorkFIle()"');
                                    ?>

                                    <div class="col-sm-12 white" id="course_category_view">
                                        <div class="form-group col-sm-10">
                                            <div class="input-group">
                                                <select data-errormessage-value-missing="Category is required!"  
                                                        class="form-control"
                                                        onchange="getCategoryId(this.value, '<?php echo base_url(); ?>get-video-course-value')"
                                                        name="course_category_id" 
                                                        id="course_category_id">
                                                    <option value="">Select Category</option>
                                                    <?php
                                                    foreach ($all_course_category as $course_category_value) {
                                                        echo '<option value="' . $course_category_value->course_category_id . '">' . $course_category_value->course_category_name . '</option>';
                                                    }
                                                    ?>
                                                </select>
                                                <span class="input-group-addon" id="basic-addon1" title="Please Select Course category "><i class="fa fa-book"></i></span>
                                            </div>
                                            <input type="hidden" id="course_category_validate" value="">
                                            <span style="color: red;" id="category_id_error"><?php echo form_error('course_category_id'); ?></span>
                                        </div>



                                        <div class="col-sm-12 form-group"></div>
                                        <div class="form-group col-sm-10">
                                            <div class="input-group">
                                                <select data-errormessage-value-missing="Category is required!"  
                                                        class="form-control" 
                                                        name="course_id" 
                                                        id="course_id"
                                                        onchange="getCourseId(this.value, '<?php echo base_url() . 'view-video-section'; ?>')" >
                                                    <option value="">Select Course</option>
                                                </select>
                                                <input type="hidden" id="video_course_validate" value="">
                                                <span class="input-group-addon" id="basic-addon1" title="Please Select Course category "><i class="fa fa-book"></i></span>
                                            </div>
                                            <span style="color: red;" id="course_id_error"><?php echo form_error('course_id'); ?></span>
                                        </div>
                                    </div>




                                    <div id="video_section_area">
                                        <div id="upload_video_section<?php echo $section_counter; ?>">
                                        </div>
                                    </div>
                                    <div class="col-sm-12"><br></div>




                                    <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">
                                            <input type="hidden"
                                                   name="all_section_counter"
                                                   id="allSectionCounter" value="<?php echo $section_counter; ?>">
                                            <a type="button" 
                                               class="btn btn-success" 
                                               onclick="addMoreVideoSection('<?php echo base_url() . 'add-section-area' ?>')" 
                                               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 Course Work file</button>
                                        </div>
                                    </div>
                                    <input type="hidden" name="video_course_url_check" id="video_course_url_check" value="">

                                    <?php echo form_close(); ?>

                                </div>


                            </div>   
                        </div>
                        <!-- /.work tab -->
                    </div>
                </div>

            </div>
        </div>


    </div>
    <br>
    <div class="row gray">
        <div class="col-sm-12 ">
            <label><a href="dashboard.html">Dashboard </a> ->> <a href="">Manage Video Management </a>->>Add Video Management </label>
        </div>
    </div>
    <br> <br>

</div>
<script type="text/javascript" src="<?php echo base_url(); ?>back_end_resource/video_course/video_course.js">
</script>
<script>
    viewCourseCategoryURL = '<?php echo base_url(); ?>view-video-course-category';
    videoFileSizeResponseURL = '<?php echo base_url(); ?>view-video-course-file-size';
    removeUploadWorkFileURl = '<?php echo base_url(); ?>remove-video-course-work-file';
</script>