<div class="col-sm-10">
    
    <div class="row " id="MoveVideoForm" style="display: none">
        <div class="col-sm-12 ">
            <div class="col-sm-12 ">

                <div class="col-sm-12 gray_ttc ">
                    <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 data-errormessage-value-missing="Video Section is required!"
                                    class="form-control validate[required]"
                                    name="">
                                <option value="">--Select Video Section--</option>
                                <option value="1">Video Section 1 </option>
                                <option value="2">Video Section 2</option>
                                <option value="3">Video Section 3</option>
                                <option value="4">Video Section 4</option>
                                <option value="5">Video Section 5</option>

                            </select>
                        </div>
                    <div class="form-group col-sm-6">
                        <select onchange="AfterVideo(this.value)" data-errormessage-value-missing="Video Order is required!"
                                    class="form-control validate[required]"
                                    name="">
                                <option value="">--Select Video Order--</option>
                                <option value="1">First</option>
                                <option value="2">After</option>
                                <option value="3">Last</option>
                            </select>
                    </div>
                    <div class="form-group col-sm-6" id="VideoList" style="display: none">
                            <select data-errormessage-value-missing="Video Name is required!"
                                    class="form-control validate[required]"
                                    name="">
                                <option value="">--Select Video Name--</option>
                                <option value="1">Video 1</option>
                                <option value="1">Video 2</option>
                                <option value="1">Video 3</option>
                                <option value="1">Video 4</option>
                            </select>
                    </div>
                    <div class="form-group col-sm-12">
                        <div class="form-group col-sm-3 col-sm-offset-3">
                            <button type="button" class="green-btn btn btn-default">Move Video</button>
                        </div>
                        <div class="form-group col-sm-3">
                            <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>
    
    <div class="row ">

        <div class="col-sm-12 "><br></div>
        <div class="col-sm-12 ">
            <div class="col-sm-12" ><br>  <hr></div>
            <div class="col-sm-12" id="view_course">
                <div class="col-sm-12 gray_ttc" style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold">
                    <div class="col-sm-1">Serial</div>        
                    <div class="col-sm-3">Section Name</div>        
                    <div class="col-sm-3">Video Name</div>        
                    <div class="col-sm-4">Work file Name</div>        
                    <div class="col-sm-1">Action</div>
                </div>
                <div class="col-sm-12"><br></div>
                <?php
                foreach ($all_uploaded_video as $uploaded_video_value) {
                    $serial++;
                    ?>
                    <div class="col-sm-12 gray_ttc " style="padding-top: 10px;padding-bottom: 10px;">
                        <div class="col-sm-1"><?php echo $serial; ?></div>
                        <div class="col-sm-3">
                            <?php
                            echo $uploaded_video_value->upload_video_section_name;
                            ?>
                        </div>
                        <div class="col-sm-3">
                            <?php
                            echo $uploaded_video_value->upload_video_name;
                            ?>
                        </div>
                        <div class="col-sm-4">
                            <?php
                            if (isset($video_work_file[$uploaded_video_value->upload_video_id]->work_files_name)) {
                                echo $video_work_file[$uploaded_video_value->upload_video_id]->work_files_name . '&nbsp;';
                                ?>
                            <a href="javascript:void(0)"
                               onclick="deleteSingleWorkFile('<?php echo base_url().'remove-video-course-work-file' ?>','<?php echo $video_work_file[$uploaded_video_value->upload_video_id]->work_files_management_id ?>')"><i class="fa fa-times-circle"></i></a>
                                <?php
                            } else {
                                echo 'No work File';
                            }
                            ?>
                        </div>

                        <div class="col-sm-1">
                            <a href="javascript:void(0)" id="BtnMoveVideo"><i class="fa fa-exchange" title="Move Video"></i></a>
                  
                            <a href="javascript:void(0)"
                               onclick="deleteSingleUploadVideo('<?php echo base_url() . 'remove-video-course' ?>','<?php echo $uploaded_video_value->upload_video_id ?>')" >
                                <i class="fa fa-trash" title="Delete"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                    <?php
                }
                ?>



            </div>



        </div>
    </div>

    <div class="col-sm-12 "><br></div>
    <div class="col-sm-12 ">
        <div class="col-sm-12 gray" style="padding-left: 10px">
            <a href="<?php echo base_url(); ?>super_admin">Dashboard</a>->> <span> View Course Work File </span>
        </div>
    </div>
    <div class="col-sm-12 "><br></div>

</div>
<!--
        AfterVideo function start
        By Suddam Hossain
        16-05-2016
        for video list option none or block
-->

<script>
    function AfterVideo(Obj){
        var VideoList = document.getElementById("VideoList");
        if(Obj === '2'){
            VideoList.style.display = "block"; 
        }
        else{
            VideoList.style.display = "none"; 
        }
    }
</script>

<!--AfterVideo function end-->


<!--
        jquery onclick function start
        By Suddam Hossain
        16-05-2016
        for video order form open or close
-->
<script>

    $(document).ready(function ()
    {
        $("#BtnMoveVideo").click(function ()
        {
            $("#MoveVideoForm").slideDown('slow'); //slideUp() method slides-down the selected elements.
        });
        $("#CancelBtn").click(function ()
        {
            $("#MoveVideoForm").slideUp('slow'); //slideUp() method slides-down the selected elements.
            
        });
    });
    
 </script>
 
 <!--jquery onclick function end-->

<script type="text/javascript" src="<?php echo base_url(); ?>back_end_resource/course/video_course.js">
</script>