<div class="col-sm-12 row" style="height: 60px" >
    <div class="form-group col-sm-6  col-sm-offset-3">
<!--        <input tabindex="-1" 
               style="position: absolute; clip: rect(0px, 0px, 0px, 0px);" 
               id="assignment_file"
               name="assignment_file"
               class="filestyle" data-icon="false" type="file" value=""
               onchange="getAssignmentFileName(this)" >-->
        <div class="bootstrap-filestyle input-group">
            <input id="assignment_file" type="file"
                   onchange="getAssignmentFileName(this)"
                   style="display:none;">
            <input class="form-control " disabled type="text" id="file_name"> 
            <span tabindex="0" class="group-span-filestyle input-group-btn">
                <label for="assignment_file" class="btn btn-default ">
                    <span class="buttonText">Choose file</span>
                </label>
            </span>
        </div>
    </div>
    <input type="hidden" id="post_type" value="3">
    <input type="hidden" id="timeZone" value="">
    <!--Progress bar start-->

    <div class="col-sm-6 col-sm-offset-3">
        <div class="progress" style="height: 5px; ">
            <div id="progressBar" 
                 class="progress-bar progress-bar-success progress-bar-striped" 
                 role="progressbar" aria-valuenow="40" 
                 aria-valuemin="0" 
                 aria-valuemax="100" 
                 style="">
                <input type="hidden" name="hidden_uploaded_file_id" id="hidden_uploaded_file_id" value="">
            </div>
        </div>
    </div>
    <div class="col-sm-3">
    </div>
</div>
<div class="col-sm-12">
    <span id="assignment_file_error" style="color:red"></span>
</div>
<div class="col-sm-6 col-sm-offset-1 text-left" style="padding-top: 10px;font-size: 15px">
    <a href="javascript:void(0)" onclick="getPublicationStatus('1')"><i class="fa  fa-globe" title="Public"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="javascript:void(0)" onclick="getPublicationStatus('2')"><img src="<?php echo base_url() ?>image/dashboard-tt-icon.png" title="TT User" alt="TT User"></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="javascript:void(0)" onclick="getPublicationStatus('4')"><i class="fa  fa-users" title="Group"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="javascript:void(0)" onclick="getPublicationStatus('3')"><i class="fa  fa-link" title="Link"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="hidden" id="publication_status" value="">
    <span id="publication_status_error" style="color:red"></span>
</div>
<div class="col-sm-6 text-left" style="padding-top: 10px;font-size: 16px;" id="View_User">
    <span id="status_green" style="color: #80c12c"></span>
    <span id="status_red" style="color: #a70b0c"></span>
</div>
<!--<div class="form-group col-sm-12"></div>-->


<div class="form-group col-sm-12" style="margin: 10px 0 0 38px">
    <div class="form-group col-sm-7">
        <span id="GroupForm" style="display: none">
            <input class="col-sm-12" type="hidden" name="to_address" id="to_address" value="" >
            <select name="tokenize_placeholder" style="width: 280px;padding: 8px;" id="tokenize_placeholder" 
                    data-errormessage-value-missing="Group Name is Required!"
                    class="tokenize-sample validate[]"
                    title="" 
                    multiple="multiple" style="margin: 0px; padding: 0px; border: 0px; display: none;">
                        <?php
                        foreach ($all_approved_group as $value) {
                            echo '<option value="' . $value->group_id . '">' . $value->group_name . '</option>';
                        }
                        ?>
            </select>
        </span>
        <span id="group_error" style="color:red"></span>
    </div>
    <div class="col-sm-5 form-group" style="padding-left: 2px;">  
        <button type="button" 
                onclick="return addAssignment('<?php echo base_url() . 'save-assignment/' . $person_id; ?>')"
                class="btn btn-success  " id="btn"> Upload Assignment</button>
    </div>
</div>
<input type="hidden" name="upload_status" id="upload_status" value="">
<div class="col-sm-12" style="color: red" id="upload_status_error"></div>
<div class="col-sm-12"><hr><br></div>