<div id="upload_WorkFile<?php echo $counter; ?>">
    <div class="col-sm-12" style="padding: 0;" ><br>
        <div class="col-sm-12 padding-zero white" ><br>


            <div class="form-group col-sm-2 col-sm-offset-10" id="cancelWorkFile<?php echo $counter; ?>">
                <a href="javascript:void(0)" id="deleteWorkFile<?php echo $counter; ?>">
                    <i class="fa fa-times-circle fa-2x"></i>
                </a>
                <div class="modal fade" style="" id="viewDeleteWorkFile<?php echo $counter; ?>" 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($counter, $message2);
                    ?>
                </div>
            </div>


            <div class="form-group col-sm-6" >
                <div class="input-group">
                    <input type="text" 
                           class="form-control"
                           id="work_file_name<?php echo $counter; ?>"
                           name="work_file_name[<?php echo $counter; ?>]"
                           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 id="file_name_error<?php echo $counter; ?>" style="color: red; display: none;"></div>
            </div>
            <div class="col-sm-12"><br> </div>




            <div class="form-group col-sm-12">
                <div class="text-left padding-zero col-sm-1">  <label>Status  :  &nbsp;&nbsp;</label></div>
                <div class="radio radio-success col-sm-8 margin-zero">
                    <input  type="radio" 
                            name="work_file_access_level[<?php echo $counter; ?>]" 
                            id="Free" 
                            value="1" >
                    <label for="Free">Free</label>
                    <?php
                    if ($course_type == 1) {
                        ?>
                        <span style="margin-right: 20px"></span>
                        <input   type="radio" 
                                 name="work_file_access_level[<?php echo $counter; ?>]" 
                                 id="Paid" 
                                 value="2">
                        <label for="Paid">Paid</label>
                        <?php
                    }
                    ?>
                </div>
                <div class="col-sm-12" id="work_file_access_level_error<?php echo $counter; ?>" style="margin-left: 50px; color: red;display: none;"> </div>
            </div>
            <div class="col-sm-12"><br> </div>




            <div class="form-group col-sm-12" >
                <div class="form-group col-sm-6 padding-zero" >
                    <div class="bootstrap-filestyle input-group">
                        <input id="upload_work_file<?php echo $counter; ?>" name="upload_work_file[]" type="file"
                               style="display:none;">
                        <input type="text" disabled="1"
                               class="form-control"
                               id="uploadedFileName<?php echo $counter; ?>" > 
                        <span class="group-span-filestyle input-group-btn" tabindex="1" >
                            <label for="upload_work_file<?php echo $counter; ?>" class="btn btn-default ">
                                <span class="buttonText">Choose file</span>
                            </label>
                        </span>
                    </div>
                </div>
                <div class="col-sm-5" >
                    <div class="col-sm-12" id="progressBar<?php echo $counter; ?>" style="display: none">
                        <div class="progress">
                            <div id="loadingProgressBar<?php echo $counter; ?>" class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" 
                                 aria-valuemin="0" aria-valuemax="100" style="width:90%">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="upload_work_file_error<?php echo $counter; ?>" style="color: red;display: none;" class="col-sm-12"></div>
            <div id="remaining_work_file_size<?php echo $counter; ?>" style="color: green; display: none" class="col-sm-12"></div>
        </div>
        <div class="col-sm-12"><br> </div>
    </div>
</div>