<div class="col-sm-12 padding-zero margin-top-20 "  >
    <div class="col-sm-12 padding-zero white" ><br>
        
    <!-- --------------------Video Section Name Start-------------------- -->                
        <div class="form-group col-sm-10">
            <div class="input-group">
                <input type="text" 
                       class="form-control"
                       id="video_section_name"
                       name="video_section_name"
                       placeholder="Type Video Section Name.." >
                <span class="input-group-addon"><i class="fa fa-folder"></i></span>
            </div>
        </div>

        <div class="form-group col-sm-2" >
            <a href="javascript:void(0)">
                <i class="fa fa-times-circle fa-2x"></i>
            </a>
        </div>
    <!-- --------------------Video Section Name End-------------------- -->            


    <!-- --------------------Video Upload Part Start-------------------- -->  
        <div id="upload_video_section1">
            <div id="upload_video_area" class="col-sm-12 form-group">
                <div class="col-sm-10 padding-zero margin-top-20 white" style="margin-left: 10px">
                    
            <!-- --------------------Video name Start-------------------- -->      
                    <div class="col-sm-12"><br> </div>
                    <div class="form-group col-sm-10">
                        <div class="input-group">
                            <input type="text" 
                                   class="form-control"
                                   id="video_name_sec"
                                   name="upload_video_name"
                                   value=""
                                   placeholder=" Please Type Video Title.." >
                            <span class="input-group-addon"><i class="fa fa-file"></i></span>
                        </div>
                    </div>


                    <div class="form-group col-sm-2" >
                        <a href="javascript:void(0)">
                            <i class="fa fa-times-circle fa-2x"></i>
                        </a>
                    </div>
            <!-- --------------------Video name End-------------------- -->      
                    
            
            <!-- --------------------Video transcripts Start-------------------- -->      
                    <div class="col-sm-12"><br> </div>
                    <div class="form-group col-sm-10">
                        <textarea class="form-control"
                                  id="upload_video_transcript<?php echo $section_counter . '_video' . $video_counter ?>"
                                  name="upload_video_transcript[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]"
                                  rows="4" placeholder=" Please Type Video transcripts.."></textarea>
                    </div>
            <!-- --------------------Video transcripts End-------------------- -->      

                    
            <!-- --------------------Video File Upload Start-------------------- -->      
                    <div class="form-group col-sm-12 padding-zero" >
                        <div class="col-sm-7"> 
                            <input tabindex = "-1"
                                   style = "position: absolute; clip: rect(0px, 0px, 0px, 0px);"
                                   id="videoFile_sec"
                                   data-icon = "false" type = "file" value = "">
                            <div class = "bootstrap-filestyle input-group">
                                <input class = "form-control" disabled type = "text" 
                                       id="view_video_file_name" value="">
                                <span tabindex = "0" class = "group-span-filestyle input-group-btn">
                                    <label for = "videoFile_sec" class = "btn btn-default ">
                                        <span class = "buttonText">Choose file</span>
                                    </label>
                                </span>
                            </div>
                            <span><label style="color: #666;">[ Upload Video ]</label></span>
                        </div>
                    </div>
                    <div class="col-sm-12"></div>
            <!-- --------------------Video File Upload End-------------------- -->      
                    
                <div class=" col-sm-12"><br></div>
                </div>
            </div>
        </div>
    <!-- --------------------Video Upload Part End-------------------- -->  
    
        <div class="col-sm-12">
            <div class="form-group col-sm-6 text-center" style="color: red;" id="video_course_submit_error<?php echo $section_counter ?>"></div>
            <div class="form-group col-sm-6">
                <a type="button" 
                   class="btn btn-success" 
                   onclick="addMoreVideo('<?php echo base_url() . 'add-more-single-video' ?>')" 
                   style="margin-left: 156px;" >Add More Video</a>
            </div>
        </div>
    </div>
</div>