
<div class="col-sm-12 padding-zero white" ><br>
    <div class="form-group col-sm-10">
        <div class="input-group">
            <input type="text" 
                   data-errormessage-value-missing="Tutorial Topics Name is Required!"
                   class="form-control tokenize-sample validate[required]"
                   placeholder="Type Tutorial Topics Name.." 
                   name="topic_title[]" id="topic_title<?php echo $topic_counter ?>"/>
            <span class="input-group-addon"  title="Type Video Section Name"><i class="fa fa-folder"></i></span>
        </div>
    </div>
    <div class="col-sm-12"><br> </div>
    <div class="form-group col-sm-6 ">
        <div class="input-group">
            <input onkeyup="checkUrl(this.value, 'url_status')" id="TopicsURLCounter0" type="text" name="topics_url[]" data-errormessage-value-missing="Tutorial Topic URL is required!" 
                   class="form-control validate[required,custom[groupurl]] text-input" placeholder="Type your Topics URL.." aria-describedby="basic-addon1">
            <span class="input-group-addon" id="basic-addon1" title="Type your Topics URL"><i class="fa fa-link"></i></span>
        </div>
    </div>
    <div class="form-group col-sm-6 " id="url_status">

    </div>


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



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

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

        <div class="input-group screen1280" id="screen01280"  >
            <center>  <textarea id="TopicsEditorCounter<?php echo $topic_counter ?>" name="topics_description[]" class="form-control  resoulation1280 " rows="4"></textarea></center>
        </div>

    </div>

    <div class="col-sm-12"><br> </div>
    <div class="form-group col-sm-6">
        
        <label for="tutorial_topic_status">Tutorial Topic Status</label><span class="required"> *</span>
        <input  type="radio" 
                data-errormessage-value-missing="Tutorial topic Status is Required!" 
                class="validate[required] text-input"  
                name="tutorial_topic_status[0]" 
                id="tutorial_topic_s"
                value="1"/>Published
        <input type="radio" 
               data-errormessage-value-missing="Tutorial topic Status is Required!" 
               class="validate[required] text-input"  
               name="tutorial_topic_status[0]" 
               id="tutorial_topic_s" 
               value="0"/>Unpublished

    </div>
            <!--<div class="form-group col-sm-2" ><a onclick="deleteSection('<?php // echo $topic_counter;                                  ?>')"><i class="fa fa-times-circle fa-2x"></i></a></div>-->
</div>

<div id="video_area<?php echo $topic_counter ?>">
    <input type="hidden" name="number_of_topic_file[<?php echo $topic_counter; ?>]" 
           id="number_of_topic_file<?php echo $topic_counter; ?>" value="0"/>
    <div id="video<?php echo $topic_counter . $file_counter ?>">
        <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="text" 
                               name="tutorial_work_file_name[<?php echo $topic_counter; ?>][]" 
                               id="tutorial_work_file_name<?php echo $topic_counter . $file_counter; ?>"
                               data-errormessage-value-missing="Tutorial work file name is Required!"
                               class="form-control tokenize-sample validate[required, custom[folderName]]" 
                               placeholder=" Please Type Tutorial work file name" >
                        <span class="input-group-addon"  title="Please Type Tutorial work file name"><i class="fa fa-file"></i></span>
                    </div>
                </div>
                <div class="form-group col-sm-2" >
                    <a onclick="checkForDelete('<?php echo $topic_counter; ?>', '<?php echo $file_counter; ?>')">
                        <i class="fa fa-times-circle fa-2x"></i>
                    </a>
                </div>

                <div class="col-sm-12"><br> <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="file<?php echo $topic_counter . $file_counter; ?>" 
                               tabindex="-1" style="position: absolute; clip: rect(0px 0px 0px 0px);"
                               onchange="uploadFile(this.value, '<?php echo $topic_counter; ?>', '<?php echo $file_counter; ?>', '<?php echo $file_counter; ?>');
                                       readWorkFile(this.value, '<?php echo $topic_counter; ?>', '<?php echo $file_counter; ?>', '<?php echo $file_counter; ?>');">

                        <div class="bootstrap-filestyle input-group">
                            <input type="text" class="form-control " id="uploadedFileName<?php echo $topic_counter . $file_counter; ?>"> 
                            <span class="group-span-filestyle input-group-btn" tabindex="1" >
                                <label for="file<?php echo $topic_counter . $file_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 $topic_counter . $file_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 $topic_counter . $file_counter ?>">
                                <input type='hidden' name='upload_file_path[<?php echo $topic_counter ?>][]' id='upload_file_path<?php echo $topic_counter . $file_counter ?>' value=''/>
                                <input type='hidden' name='upload_file_size[<?php echo $topic_counter ?>][]' id='upload_file_size<?php echo $topic_counter . $file_counter ?>' value=''/>
                            </span>
                        </div>
                    </div>
                </div>



                <div class="form-group col-sm-12 "><br></div>
                <div class="form-group col-sm-6 ">
                    <div class="form-group col-sm-6 text-left" style="margin-top: 10px">  <label > Status :  &nbsp;&nbsp;</label></div>

                    <div class="form-group radio radio-success col-sm-6"  >
                        <input  data-errormessage-value-missing="Status Field is Required!"
                                class="tokenize-sample validate[required]"
                                type="radio" 
                                name="upload_video_access_level[<?php echo $topic_counter; ?>][]" 
                                id="Acive<?php echo $file_counter; ?>" value="1" >
                        <label for="Active">Active</label>

                        <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 $topic_counter; ?>][]" 
                                id="Inactive<?php echo $file_counter; ?>" value="0">
                        <label for="Inactive">Inactive</label>

                    </div>

                </div>

                <?php $file_counter++; ?>
                <div class="col-sm-12"><br></div>
            </div>
        </div>
    </div>
</div>

<div id="add_video_message<?php echo $topic_counter; ?>"></div>
<div class="form-group col-sm-3 ">
    <a class="btn btn-success" onclick="addMoreVideo('<?php echo $topic_counter; ?>')"> Add More </a>
</div>