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

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

<div>
    <h4>Quotation Attachment</h4>
</div>

<div class="col-lg-12" style="padding-left:0px;">
    <a style="cursor:pointer;color: #5867dd;text-decoration: underline;" id="btnSalesQuotationPreview" onclick="javascript:previewSalesQuotationPDF();">
        <?php echo $pdf_filename; ?>
    </a>
</div>

<br>

<div>
    <h4>Additional Attachment</h4>
</div>
    
<div>
<form action="" enctype="multipart/form-data" id="form-upload-salesquotation">
    <!-- The file upload form used as target for the file upload widget -->
        <input type="hidden" id="salesquotation_id" value="<?php if (isset($row)) echo $row[SalesQuotationTable::C_ID];else echo $Idx[0][SalesQuotationTable::C_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 addSalesQuotationDocs()" class="btn btn-primary start">
                    <i class="fa fa-upload" style="margin-bottom: 5px;"></i>
                    <span>Add Doc</span>
                </button>
                <button id="btnJobCentreCancelUpload" onclick="return cancelSalesQuotationDocs()" 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="salesquotation_docs_upload">
            </tbody>
        </table>
</form>    
</div>
<div id="salesquotation_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>

<h3>Doc List</h3>
<table role="presentation" class="table table-striped">
    <!-- <thead>
        <tr>
            <th width="60%">File Name</th>
            <th width="10%">&nbsp;</th>
        </tr>
    </thead> -->
    
    <tbody id="salesquotation_docs_list">
    <tr></tr>
        <?php 
             echo $this->generateAddUploadDocViewSalesQuotationRows($docs);
        ?>
    </tbody>
</table>

<script>
</script>
