<div class="col-sm-10">
    <div class="row gray_ttc">
        <div class="col-sm-12 row"><br>
            <nav class="text-justify">
                <div class="col-sm-12" style="padding: 0">
                    <span class="col-sm-4 col-sm-offset-4" title="Video Information" style="padding: 0">
                        <span class="text-left label" style="color: #8CC73F;font-size: 18px; font-family: Times New Roman; font-weight: bold">Update Video Information</span>
                    </span>
                </div>
            </nav>
        </div>
        <div class="col-sm-12"><hr></div>
        <div class="col-sm-12"><br></div>
        <div class="col-sm-12" id="add_video_area" >
            <div class="col-sm-12 form-group" id="video_counter_1">
                <div class="col-sm-10 padding-zero white" style="margin-left: 10px;">
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Title Start---------- -->    
                    <div class="form-group col-sm-8">
                        <div class="input-group">
                            <input type="text" 
                                   class="form-control"
                                   id="course_upload_video_title"
                                   name="course_upload_video_title"
                                   value=""
                                   placeholder=" Please Type Video Title.." >
                            <span class="input-group-addon"><i class="fa fa-file"></i></span>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Title End---------- -->    


                <!-- ---------Video Course Upload Video File Start---------- -->   
                    <div class="form-group col-sm-6 " >
                        <input type="file"
                               class="" data-icon="false"
                               name="video_file"
                               id="video_file"
                               tabindex="-1" style="position: absolute; clip: rect(0px 0px 0px 0px);">
                        <div class="bootstrap-filestyle input-group">
                            <input type="text" disabled class="form-control" 
                                   id="view_video_file_name" value="">
                            <span class="group-span-filestyle input-group-btn" tabindex="1" >
                                <label for="video_file" class="btn btn-default ">
                                    <span class="buttonText">Choose Video</span>
                                </label>
                            </span>
                        </div>
                        <span><label style="color: #666;">[ Upload Video ]</label></span>
                    </div>
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video File End---------- -->   


                <!-- ---------Video Course Upload Video Payment Type Start---------- -->   
                    <div class="form-group col-sm-6">
                        <div class="form-group col-sm-5 text-left" style="margin-top: 10px">  <label >Video Payment Type  :</label></div>
                        <div class="form-group radio radio-success col-sm-7">
                            <input  type="radio" 
                                    name="course_upload_video_payment_type" 
                                    id="free" value="1" >
                            <label for="Free">Free</label>
                            <span style="margin-right: 30px"></span>
                            <input  type="radio" 
                                    name="course_upload_video_payment_type" 
                                    id="paid" 
                                    value="2">
                            <label for="Paid">Paid</label>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Payment Type End---------- -->   


                <!-- ---------Video Course Upload Video Work FIle Status Start---------- -->   
                    <div class="form-group col-sm-6">
                        <div class="form-group col-sm-4 text-left" style="margin-top: 10px">  <label > Work files  :</label></div>
                        <div class="form-group radio radio-success col-sm-8"  >
                            <input  onclick="getWorkFileStatus(this.value, 'counter')" 
                                    type="radio" 
                                    name="course_upload_video_work_file" 
                                    id="course_upload_video_work_file" 
                                    value="1" >
                            <label>Yes</label>
                            <span style="margin-right: 30px"></span>
                            <input  onclick="getWorkFileStatus(this.value, 'counter')" 
                                    type="radio" 
                                    name="course_upload_video_work_file" 
                                    id="course_upload_video_work_file" 
                                    value="2">
                            <label>No</label>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Work File Status End---------- -->   

                <div class="col-sm-12" id="work_file_video_1" style="display: none">
                <!-- ---------Video Course Upload Video Work File Name Start---------- -->   
                        <div class="form-group col-sm-6">
                            <div class="input-group">
                                <input type="text" 
                                       class="form-control"
                                       id="work_file_name"
                                       name="work_file_name"
                                       oninput="getWorkFileName(this.value)"
                                       placeholder="Please Type Work File Name"  >
                                <span class="input-group-addon "  title="Please Type Work File Name"><i class="fa fa-file"></i></span>
                            </div>
                        </div>
                        <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Work File Name End---------- --> 


                <!-- ---------Video Course Upload Video Work File Browse Start---------- -->   
                        <div class="col-sm-6"> 
                            <input tabindex = "-1"
                                   style = "position: absolute; clip: rect(0px, 0px, 0px, 0px);"
                                   id="work_file"
                                   data-icon = "false" type = "file" value = ""
                                   onchange="getVideoWorkFile(this, '', '', '')" >
                            <div class = "bootstrap-filestyle input-group">
                                <input class = "form-control " disabled type = "text" 
                                       id="view_work_file_name" value="">
                                <span tabindex = "0" class = "group-span-filestyle input-group-btn">
                                    <label for = "work_file" class = "btn btn-default ">
                                        <span class = "buttonText">Choose file</span>
                                    </label>
                                </span>
                            </div>
                            <span ><label style="color: #666;">[ Upload work file ]</label></span>
                        </div>
                        <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Work File Browse End---------- --> 


                <!-- ---------Video Course Upload Video Work File Payment Type Start---------- -->   
                        <div class="form-group col-sm-6">
                            <div class="form-group col-sm-7 text-left" style="margin-top: 10px">  <label >Work File Payment Type  :</label></div>
                            <div class="form-group radio radio-success col-sm-5">
                                <input  type="radio" 
                                        name="work_file_payment_type" 
                                        id="free" value="1" >
                                <label for="Free">Free</label>
                                <span style="margin-right: 30px"></span>
                                <input  type="radio" 
                                        name="work_file_payment_type" 
                                        id="paid" 
                                        value="2">
                                <label for="Paid">Paid</label>
                            </div>
                        </div>
                        <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Work File Payment Type End---------- --> 
                    </div>

                <!-- ---------Video Course Upload Video Status Start---------- -->   
                    <div class="form-group col-sm-6">
                        <div class="form-group col-sm-5 text-left" style="margin-top: 10px">  <label >Video Status  :</label></div>
                        <div class="form-group radio radio-success col-sm-7">
                            <input  type="radio" 
                                    name="course_upload_video_status" 
                                    id="draft" value="1" >
                            <label for="draft">Draft</label>
                            <span style="margin-right: 30px"></span>
                            <input  type="radio" 
                                    name="course_upload_video_status" 
                                    id="active" 
                                    value="2">
                            <label for="active">Active</label>
                        </div>
                    </div>
                    <div class="col-sm-12"><br></div>
                <!-- ---------Video Course Upload Video Status End---------- -->   
                </div>
            </div>
        </div>
        <div class=" col-sm-12"><br></div>
        <div class="col-sm-12">
            <div class="form-group col-sm-6">
                <a type="button" 
                   class="btn btn-success" 
                   onclick="addMoreVideo('<?php echo base_url() . 'super-admin/add-more-single-video_back_end' ?>')" 
                   style="margin-left: 156px;" >Add More Video</a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?php echo base_url(); ?>video_course_asset/video_course_back_end/video_course_back_end_js/add_video_back_end.js"></script>
<link href="<?php echo base_url();?>video_course_asset/video_course_back_end/video_course_back_end_css/video_course_back_end.css" rel="stylesheet" type="text/css"/>