<div id="upload_video_area">
    <div class="col-sm-12 padding-zero margin-top-20 white">
        <div class="col-sm-12"><br> </div>
        <div class="form-group col-sm-10">
            <div class="input-group">
                <input type="hidden" name="previous_video_file_name[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" id="previous_video_file_name<?php echo $section_counter . $video_counter; ?>" value="">
                <input type="text" 
                       name="video_title[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                       id="video_title<?php echo $section_counter . $video_counter; ?>"
                       data-errormessage-value-missing="Video Folder Name is Required!"
                       class="form-control tokenize-sample validate[required, custom[videoFileName], custom[videoFileNameExist[video_file_name_exist<?php echo $section_counter . $video_counter; ?>]]]" 
                       placeholder=" Please Type Video Title Name.."  oninput="checkVideoFileName(this.value, '<?php echo $section_counter; ?>','<?php echo $video_counter; ?>')">
                <span class="input-group-addon"  title="Please Type Video Title Name"><i class="fa fa-file"></i></span>
                <input type="hidden" name="video_file_name_exist" id="video_file_name_exist<?php echo $section_counter . $video_counter; ?>" value="2">
            </div>
        </div>

        <div class="form-group col-sm-2">
            <a onclick="checkForDelete(<?php echo $section_counter; ?>, <?php echo $video_counter; ?>)">
                <i class="fa fa-times-circle fa-2x"></i>
            </a>
        </div>

        <div class="col-sm-12"><br></div>

        <div class="form-group col-sm-6 " >
            <input type="file" 
                   onchange="uploadVideo(this.value, '<?php echo $section_counter; ?>', '<?php echo $video_counter; ?>', '<?php echo $file_counter; ?>');"
                   class="" data-icon="false" 
                   name="video_file[<?php echo $section_counter; ?>][]" 
                   id="file<?php echo $section_counter . $video_counter ?>"
                   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="uploadedVideoFileName<?php echo $section_counter . $video_counter ?>"> 
                <span class="group-span-filestyle input-group-btn" tabindex="1" >
                    <label for="file<?php echo $section_counter . $video_counter ?>" class="btn btn-default ">
                        <span class="buttonText">Choose Video</span>
                    </label>
                </span>
            </div>
            <span class="pull-left">[ Upload Video ]</span><br>
        </div>

        <div class="col-sm-4">
            <div class="col-sm-12">
                <div id="videoProgressBar<?php echo $section_counter . $video_counter; ?>" 
                     class="progress-bar progress-bar-success progress-bar-striped active" 
                     role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="">
                </div>

                <span id="videoStatus<?php echo $section_counter . $video_counter; ?>">
                    <input type="hidden" name="upload_video_id[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                           id="upload_video_id<?php echo $section_counter . $video_counter; ?>" 
                           value="">
                    <input type='hidden' name='upload_video_path[<?php echo $section_counter ?>][<?php echo $video_counter ?>]' id='upload_video_path<?php echo $section_counter . $video_counter; ?>' value=''/>
                    <input type='hidden' name='upload_video_size[<?php echo $section_counter ?>][<?php echo $video_counter ?>]' id='upload_video_size<?php echo $section_counter . $video_counter; ?>' value=''/>
                    <span id="upload_status<?php echo $section_counter . $video_counter; ?>"> </span>
                </span>
            </div>
        </div>

        <div class="form-group col-sm-12" style="color:red">
            <span id="videoMessage<?php echo $section_counter . $video_counter; ?>">

            </span>
        </div>

        <div class="form-group col-sm-12" >
            <div class="input-group text-left" id="" >
                <label>Video Transcript</label>
                <textarea class="form-control"
                          name="video_transcript[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                          id="video_transcript<?php echo $section_counter . $video_counter; ?>"  
                          placeholder="Video Training Objective" rows="7"><?php
                              if (set_value('video_transcript')) {
                                  echo set_value('video_transcript');
                              }
                              ?></textarea>
            </div>
        </div>

        <div class="col-sm-12"><br></div>

        <div class="form-group col-sm-12 ">
            <div class="form-group col-sm-4 text-left padding-zero" style="margin-top: 10px">  <label > Video Accessibility  :  &nbsp;&nbsp;</label></div>

            <div class="form-group radio radio-success col-sm-6">
                <input  data-errormessage-value-missing="Video Accessibility is Required!"
                        class="tokenize-sample validate[required]"
                        type="radio" 
                        name="upload_video_access_level[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                        id="free<?php echo $video_counter; ?>" value="1"  checked="1">
                <label for="free">Free</label>

                <?php if ($video_course_info->video_course_type == 1) { ?>
                    <span style="margin-right: 30px"></span>
                    <input  data-errormessage-value-missing="Upload Video Access Level is Required!"
                            class="tokenize-sample validate[required]"
                            type="radio" 
                            name="upload_video_access_level[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                            id="paid<?php echo $video_counter; ?>" value="2" checked="1">
                    <label for="paid">Paid</label>
                <?php } ?>
            </div>

        </div>

        <!--<div class="col-sm-12"><br></div>-->

        <div class="form-group col-sm-12 ">

            <div class="form-group col-sm-4 text-left padding-zero" style="margin-top: 10px">  <label > Work files  :  &nbsp;&nbsp;</label></div>

            <div class="form-group radio radio-success col-sm-6 text-left"  >
                <input  onclick="uploadWorkFileArea(this.value, '<?php echo $section_counter; ?>', '<?php echo $video_counter; ?>', '<?php echo $file_counter; ?>')" 
                        data-errormessage-value-missing="Work Files Status is Required!"
                        class="tokenize-sample validate[required]"
                        type="radio" 
                        name="work_file_status[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                        id="yes<?php echo $section_counter.$video_counter; ?>" value="1" >
                <label for="yes">Yes</label>

                <span style="margin-right: 30px"></span>

                <input  data-errormessage-value-missing="Work Files Status is Required!"
                        class="tokenize-sample validate[required]"
                        onclick="uploadWorkFileArea(this.value, '<?php echo $section_counter; ?>', '<?php echo $video_counter; ?>', '<?php echo $file_counter; ?>')" type="radio" 
                        name="work_file_status[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]"
                        id="no<?php echo $section_counter.$video_counter; ?>" value="0" checked="1">
                <label for="no">No</label>
            </div>

        </div>

        <?php $file_counter++; ?>

        <!--WORK FILE INFORMATION-->
        <div id="work_fileArea<?php echo $section_counter . $video_counter; ?>"   style="display: none">  
            <!--WORK FILE-->
            <div class="form-group col-sm-6">
                <div class="input-group">
                    <input type="hidden" name="previous_work_file_name[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" id="previous_work_file_name<?php echo $section_counter . $video_counter; ?>" value="">
                    <input type="text" 
                           data-errormessage-value-missing="Work Files Name is Required!"
                           class="form-control tokenize-sample validate[required, custom[workFileName], custom[workFileFolderNameExist[work_file_name_exist<?php echo $section_counter . $video_counter; ?>]]]"
                           placeholder="Please Type Work File Name" oninput="checkWorkFileName(this.value, '<?php echo $section_counter; ?>','<?php echo $video_counter; ?>')"
                           name="work_file_name[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                           id="work_file_name<?php echo $section_counter . $video_counter; ?>">
                    <span class="input-group-addon "  title="Please Type Work File Name"><i class="fa fa-file"></i></span>
                    <input type="hidden" name="work_file_name_exist" id="work_file_name_exist<?php echo $section_counter . $video_counter; ?>" value="2">
                </div>
            </div>

            <div class="col-sm-12"><br></div>


            <div class="col-sm-12">
                <div class="form-group col-sm-6 padding-zero" >
                    <input type="file" class="" data-icon="false" name="work_file[][]" id="work_file<?php echo $section_counter . $video_counter ?>" 
                           tabindex="-1" style="position: absolute; clip: rect(0px 0px 0px 0px);"
                           onchange="uploadFile(this.value, '<?php echo $section_counter; ?>', '<?php echo $video_counter; ?>', '<?php echo $file_counter; ?>');">
                    <div class ="bootstrap-filestyle input-group">
                        <input type="text" disabled class="form-control " id="uploadedFileName<?php echo $section_counter . $video_counter; ?>"> 
                        <span class="group-span-filestyle input-group-btn" tabindex="1" >
                            <label for="work_file<?php echo $section_counter . $video_counter ?>" class="btn btn-default ">
                                <span class="buttonText">Choose file</span>
                            </label>
                        </span>
                    </div>
                    <span class="pull-left">[ Upload File ]</span>
                </div>
                <div class="col-sm-4">
                    <div class="col-sm-12">
                        <div id="workFileProgressBar<?php echo $section_counter . $video_counter ?>" 
                             class="progress-bar progress-bar-success progress-bar-striped active" 
                             role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="">
                        </div>

                        <span id="workFileStatus<?php echo $section_counter . $video_counter ?>">
                            <input type="hidden" 
                                   name="work_files_management_id[<?php echo $section_counter; ?>][<?php echo $video_counter; ?>]" 
                                   id="work_files_management_id<?php echo $section_counter . $video_counter; ?>" 
                                   value="">
                            <input type='hidden' name='upload_file_path[<?php echo $section_counter ?>][<?php echo $video_counter ?>]' id='upload_file_path<?php echo $section_counter . $video_counter ?>' value=''/>
                            <input type='hidden' name='upload_file_size[<?php echo $section_counter ?>][<?php echo $video_counter ?>]' id='upload_file_size<?php echo $section_counter . $video_counter ?>' value=''/>
                            <span id="file_upload_status<?php echo $section_counter . $video_counter; ?>"> </span>
                        </span>
                    </div>
                </div>
            </div>
            <!--WORK FILE-->
        </div>
        <div class="form-group col-sm-12" style="color:red">
            <span id="workFileMessage<?php echo $section_counter . $video_counter; ?>">

            </span>
        </div>
        <!--WORK FILE INFORMATION-->
        <div class=" col-sm-12"><br></div>
    </div>
</div>