<div class="col-sm-8 ">
    <div class="row gray_ttc">
        <div class="col-sm-12 row"><br>
            <nav class="text-justify">
                <center>
                    <div class="col-sm-12" style="padding: 0">
                        <span class="clo-sm-4" title="Meta Information" style="padding: 0">
                            <span class="text-left label" style="color: #8CC73F;font-size: 18px; font-family: Times New Roman; font-weight: normal">Assign Video to a Course</span>
                            <input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
                        </span>
                    </div>
                </center>
            </nav>
        </div>
        <div class="col-sm-12"><hr></div>

        <div class="col-sm-12"><br><br></div>
        <div class="col-sm-12">
            <div class="col-sm-12">
                
                <!-- ---------------- Video Parent Topic Start---------------- -->
                <div class="form-group col-sm-6">
                    <label>Video Parent Topic</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="topic_name"
                                name="topic_name">
                            <option value="">Select Video Parent Topic</option>
                            <option value="1">Video Parent Topic 1</option>
                            <option value="2">Video Parent Topic 2</option>
                            <option value="3">Video Parent Topic 3</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- ------------------------Video Parent Topic End---------------------- -->
        
        <!-- ---------------- Video Topic Start---------------- -->
                <div class="form-group col-sm-6">
                    <label>Video Topic</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="topic_name"
                                name="topic_name">
                            <option value="">Select Video Topic</option>
                            <option value="1">Video Topic 1</option>
                            <option value="2">Video Topic 2</option>
                            <option value="3">Video Topic 3</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- ------------------------Video Topic End---------------------- -->
                
              <!-- ----------------Video Title Start---------------- -->
                <div class="form-group col-sm-6">
                    <label>Video Title</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="video_course_title"
                                name="video_course_title">
                            <option value="">Select Video Title</option>
                            <option value="1">Video Title 1</option>
                            <option value="2">Video Title 2</option>
                            <option value="3">Video Title 3</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>

          <!-- ----------------Video Title End---------------- -->  
          
          <!-- ----------------Section Name Start ---------------- -->
                <div class="form-group col-sm-6">
                    <label>Section Name</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="section_name"
                                name="section_name">
                            <option value="">Select Section Name</option>
                            <option value="1">Section Name 1</option>
                            <option value="2">Section Name 2</option>
                            <option value="3">Section Name 3</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>

        <!-- ----------------Section Name Start End---------------- -->  
          
        <!-- ----------------Video Name Start---------------- -->
            <div class="form-group col-sm-6">
                <label>Video Name</label>
                <div class="input-group col-sm-12">
                    <select class="form-control"
                            id="course_upload_video_title"
                            name="course_upload_video_title"
                            onclick="select_order(this.value)">
                        <option value="">Select Video Name</option>
                        <option value="1">Video Name 1</option>
                        <option value="2">Video Name 2</option>
                        <option value="3">Video Name 3</option>                            
                    </select>
                </div>
            </div>
            <div class="col-sm-12"><br></div>

        <!-- ----------------Video Name End---------------- -->
        
        <!-- ---------------- Select Order Start---------------- -->
        <div class="form-group col-sm-12">
            <div class="row" id="viewVideoOrder" style="display: none">

                <div class="col-sm-12">
                    <div class="col-sm-12 gray_ttc padding-zero">
                        <!--<div class="col-sm-12 form-group text-left"><h3>Video Section Name : Video Name</h3></div>-->
                        <div class="form-group col-sm-6">
                            <select id="order" name="file_order"
                                    class="form-control"
                                    onclick="select_video(this.value)">
                                <option value="">Select Order</option>
                                <option value="1">Top</option>
                                <option value="2">After</option>
                                <option value="3">Bottom</option>
                            </select>
                            <span id="order_error" style="color: red;display: none;"></span>
                        </div>
                        <div class="form-group col-sm-6" id="VideoNameView" style="display: none;">
                            <select name="selected_file" id="selected_file" class="form-control">
                                <option value="">Select File Name</option>
                                <option value="">After</option>
                                <option value="">Before</option>
                            </select>
                            <span id="selected_file_error" style="color: red;display: none;"></span>
                        </div>
                        <input type="hidden" id="random_number" name="random_number" value="">
                        <div class="col-sm-12"><br></div>
                        <div class="form-group col-sm-12">
                            <div class="col-sm-1"></div>
                            <div class="form-group col-sm-2">
                                <button id="updateWorkFile" type="submit" class="green-btn btn btn-default btn_update">Update</button>
                            </div>
                            <div class="form-group col-sm-2">
                                <button id="CancelBtn" type="button" class="green-btn btn btn-default btn_cancel">Cancel</button>
                            </div>
                        </div>
                    </div>
                    
                </div>

            </div>
        </div>
           
        <!-- ------------------------Select Order End---------------------- -->
          <div class="col-sm-12"><br></div>
                     <div class="form-group col-sm-4 col-sm-offset-4">
                         <button type="submit" class="btn btn-default meta_button"><i class="fa fa-save" title="Assign Video"></i></button><br/><br/>
                     </div>
                     <?php echo form_close(); ?>
            </div>
        </div>
    </div>
</div>
<link href="<?php echo base_url();?>video_course_asset/video_course_back_end/video_course_back_end_css/assign_video_to_course_back_end.css" rel="stylesheet" type="text/css"/>
<script src="<?php echo base_url();?>video_course_asset/video_course_back_end/video_course_back_end_js/assign_video_course_back_end.js" type="text/javascript"></script>