<div class="col-sm-8">
    <div class="row gray">
        <div class="col-sm-12 ">
            <div class="col-sm-12">
                <nav class="text-justify">
                    <div class="col-sm-12" style="padding: 0">
                        <span class="clo-sm-3" title="Add Videos" style="padding: 0">
                            <h2 style="text-align: center !important; color:#99CD56">View videos</h2>
                            <hr/>
                            <input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
                        </span><br>
                    </div>
                </nav>
            </div>

            <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">
                            </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">Update</button>
                            </div>
                            <div class="form-group col-sm-2">
                                <button id="CancelBtn" type="button" class="green-btn btn btn-default">Cancel</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                </div>

            </div>
            <div class="col-sm-12 ">
                <div class="col-sm-12 gray_ttc padding-zero" style="font-size: 14px;font-weight: bold;border-bottom: 2px solid #80C12C">
                    <div class="col-sm-12 form-group"></div>
                    <div class="form-group col-sm-3">
                        Folder Name
                    </div>
                    <div class="form-group col-sm-4">
                        File Name
                    </div>
                    <div class="form-group col-sm-3">
                        File Size
                    </div>
                    <div class="form-group col-sm-2">
                        Action
                    </div>
                </div>
                <div class="col-sm-12 form-group"></div>

                <div id="viewVideoFile">

                    <div id="singleVideoFile" class="col-sm-12 padding-zero " >
                        <div class="col-sm-12"><br></div>
                        <div class="form-group col-sm-3">
                            Video Folder Name
                        </div>

                        <div class="form-group col-sm-4">
                            Video File Name
                        </div>
                        <div class="form-group col-sm-3">
                            File Size
                        </div>
                        <div class="form-group col-sm-2">
                            <input type="hidden" id="incValue" value="">
                            <a href="javascript:void(0)" id="btnMove"><i class="fa fa-exchange" title="Move Video"></i></a>
                            <span>&nbsp;&nbsp;</span>
                            <a href="javascript:void(0)" id="btnDelete"><i class="fa fa-trash" title="Delete"></i></a>
                        </div>
                    </div>
                    <div class="modal fade" style="" id="viewDeleteVideoFile" tabindex="-1" role="dialog" aria-labelledby="changeRole" aria-hidden="true">
                        <?php
                        $message2 = '<span style="text-align:center">Are you sure you want to delete course work file?</span>';
                        $this->cf->view_modal('', $message2);
                        ?>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="<?php echo base_url() ?>video_course_asset/video_course_front_end/video_course_js/video_ordering.js" type="text/javascript"></script>