<?php 
/*  if(!isset($row))
        return;*/
?>

<head>
<style>
.progress-extended {
    font-size:12px; 
}
</style>
</head>


    
<div>
<form action="" enctype="multipart/form-data" id="form-upload-activity">
    <!-- The file upload form used as target for the file upload widget -->
        <input type="hidden" id="activity_id" value="<?php echo $id; ?>">
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
            <div class="col-lg-7">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button">
                    <i style="margin-bottom: 3px;" class="fa fa-file"></i>
                    <span>Choose File...</span>
                    <input id="uploadFile" type="file" name="uploadFile[]" multiple>
                </span>
                <button type="reset" id="UP" onclick="return showActivityDocs()" class="btn btn-primary start">
                    <i class="fa fa-upload" style="margin-bottom: 5px;"></i>
                    <span>Add Doc</span>
                </button>
                <button id="btnActivityCancelUpload" onclick="return cancelActivityDocs()" class="btn btn-warning cancel">
                    <span>Cancel</span>
                </button>
                <span class="fileupload-process"></span>
            </div>
            <!-- The global progress state -->
            <div class="col-lg-5 fileupload-progress fade">
                <!-- The global progress bar -->
                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                </div>
                <!-- The extended global progress state -->
                <div class="progress-extended">&nbsp;</div>
            </div>
        </div>
        <!-- The table listing the files available for upload/download -->
        <table role="presentation" class="table table-striped">
            <tbody id="activity_docs_upload">
            </tbody>
        </table>
    <br>
</form>    
</div>
<div id="activity_doc_upload_status" style="margin-top:10px;display:none">
                            <div style="margin-top:10px"><img src="image/uploading.gif"></div>
</div>
<div id="uploadMsg" style="color: blue;"></div>
<div id="errorMsg" style="color: red; margin-bottom: 20px"></div>

<hr>

<h4>Document List</h4>
<table role="presentation" class="table table-striped">
    <thead>
        <tr>
            <th width="60%">File Name</th>
            <th width="30%">Document Ref.</th>
            <th width="10%">&nbsp;</th>
        </tr>
    </thead>
    
    <tbody id="activity_docs_list">
    <tr></tr>
        <?php 
             echo $this->generateShowUploadDocViewActivityRows($docs);
        ?>
    </tbody>
</table>

<script>
</script>
