g<script>

function changeTotalAmtPayable (s,id) {
	var value = $(s).val();
	$('#total_amount_payable_'+id).val(value);
	console.log($('#total_amount_payable_'+id).val());
}
function submitQueries () {
	var tender_clause = $('#query_clause').val();
	var tender_query = $('#query_desc').val();
	var tender_id_query = $('#tender_id_query').val();
	var query_vendor_id = $('#query_vendor_id').val();
	var query_page_num = $('#query_page_num').val();
	var query_doc_type = $('#query_doc_type').val();
	var action = 'upload_tender_queries';
	$.ajax({
	  url: "rec_data.php",
	  type : 'POST',
	  data:{'action':action,'query_vendor_id':query_vendor_id,'tender_id_query':tender_id_query,'tender_query':tender_query,'tender_clause':tender_clause,'query_page_num':query_page_num,'query_doc_type':query_doc_type},
	}).done(function(res) { 
		 if(res == 'success'){
			 alert('Your query on the Clause No. '+tender_clause+' been succesfully submitted. It will displayed along with the response once the corresponding team has reviewed it.');
			 
			  $('#query_clause').val('');
			  $('#query_desc').val('');
			  $('#query_page_num').val('');
			  $('#query_doc_type').val('');
		 }
	});
}

 $('#upload_tender_doc').ajaxForm({
    success: function(data) {
        
        $(function() {
        	if(data=='success'){
        		alert("Document uploaded succesfully");
        		$('#upload_tender_doc').resetForm();
        		window.location.href="index.php";
        	}
        	else if(data=='AlreadySubmitted'){
        		alert('You have already submitted a document. Kindly Contact system administrator');
        	}

        }); 
      
    }
});
$(function(){

	$( "table[id^='query_tender']" ).DataTable(
		{ 
		"dom": 'Bfrti<"bottom"lp>',
			"buttons": [ {
				 "extend": 'pdf',
				"exportOptions": {
                    "columns": [ 0, 1, 2, 3, 4 ],
					 "title": "TENDER QUERY DETAILS"
                }
			} ],
		"autoWidth": false,
		"paging":   true,
        "ordering": false,
        "info":     false,
		"searching": true
		})
	
		$('#query_tender_wrapper .dataTables_paginate').click(function(){
				moreLess();
		})
		$('#query_tender_length').on('change',function(){
				moreLess();
		})
		
	moreLess();
	
})

function moreLess() {
	$('#query_tender tr').each(function(e,s){
		var $elem = $($(s).children('td')[3]); 
		var id = $elem.attr('id');        // The element or elements with the text to hide
		var $limit = 100;        // The number of characters to show
		var $str = $elem.text();    // Getting the text
		if(id!="" && $str.length>$limit) {
			
			var $strtemp = $str.substr(0,$limit);   // Get the visible part of the string
			if($str.indexOf('more') == -1 && $str.indexOf('less') == -1) {
				$str = $strtemp + '<span style="display:none;" id="hide_'+id+'"  >' + $str.substr($limit,$str.length) + '</span><span onclick="toggleThis(\'hide_'+id+'\',this)" style="color: blue;cursor: pointer;">  ...(more)</span>'; 
			$elem.html($str);       // Write the string to the DOM 
			}
			
		}
		
	});
}
function toggleThis(id,tVal) {
	if($(tVal).text()=='...(less)') {
		$(tVal).text('...(more)');
	} else {
		$(tVal).text('...(less)');
	}
	
	//$(tVal).on('click',function(){hideThis(id,tVal)});
	$('#'+id).toggle();
}

</script>
<style>
.dt-buttons a.dt-button {
	    background: #02b0b1 !important;
}
.dataTables_wrapper .dataTables_filter input {
	width: 300px !important;
    border: 1px solid #02b0b1 !important;
    height: 30px !important;
}
</style><form id="form_tender_search" action="index.php" method="get"><table class="list">
								<tr style="background-color:#337ab7">
									<th style="width:30px">NO.</th>
									<th style="width:65px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_company&sort_order=DESC">Company</a></th>
									<th style="width:120px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_ref&sort_order=DESC">Ref#</a></th>
									<th style="width:85px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_pub_date&sort_order=DESC">Pub. Date</a></th>
									<th><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_title&sort_order=DESC">Title/Subject</a></th>
									<th style="width:70px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_section&sort_order=DESC">Section</a></th>
									<th style="width:100px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_tend_type&sort_order=DESC">Type</a></th>
									<th style="width:80px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_tend_category&sort_order=DESC">Category</a></th>
									<th style="width:55px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_no_of_covers&sort_order=DESC">No. of Covers</a></th>
									<th style="width:130px"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&tab=1&ctab=1&sort_field=not_submission_deadline&sort_order=DESC">Sub. Deadline</a></th>
									<th style="width:86px">REMARKS</th>
								</tr>
								
					<tr style="background-color:#fcdd82;">
	
<td></td>
<td><input type="text" id="search_not_company" name="search_not_company" value="" style="width:99%"/></td>
<td><input type="text" id="search_not_ref" name="search_not_ref" style="width:99%" value="1920-0192-QUOT"/></td>
<td><input type="text" id="search_not_pub_date" name="search_not_pub_date" class="date-picker" style="width:99%;font-size:11px"  value=""/></td>
<td><input type="text" id="search_not_title" name="search_not_title" style="width:99%;font-size:11px" value=""/></td>
<td><input type="text" id="search_not_dept" name="search_not_dept" style="width:99%" value=""/></td>
<td><input type="text" id="search_not_tend_type" name="search_not_tend_type" style="width:99%" value=""/></td>
<td><input type="text" id="search_not_tend_category" name="search_not_tend_category" style="width:99%" value=""/></td>
<td><input type="text" id="search_not_no_of_covers" name="search_not_no_of_covers" style="width:99%" value=""/></td>
<td><input type="text" id="search_not_submission_deadline" name="search_not_submission_deadline" class="date-picker" style="width:99%" value=""/></td>
<td>
	<input type="hidden" name="action" id="action" value="view_tenders"/>
	<input type="hidden" name="tab" id="tab" value="1"/>
	<input type="hidden" name="ctab" id="ctab" value="1"/>
	<button type="submit" style="border: 0; background: transparent;cursor: pointer">
    
    <img src="images/search.png" height="20" alt="Reset" />
</button><button type="button" style="border: 0; background: transparent;cursor: pointer" onclick="resetTable('index.php?action=view_tenders&tab=0')">
    <img src="images/reset.png" height="20" alt="Reset" />
</button> </td>


</tr></form>	<tr>
							<td>1</td>
							<td class="align_left">KMRL</td>
							<td class="align_left">1920-0192-QUOT</td>
							<td class="align_left">31-Oct-2019</td>
							<td class="align_left">Printing of  Diaries for the year 2020 </td>
							<td class="align_left">PROC</td>
							<td class="align_left">Open Tender</td>
							<td class="align_left">WORK</td>
							<td class="align_center">1</td>
							<td class="align_left">13-Nov-2019 2:00 pm</td>
							<td class="align_left"><button type="button" style="border: 0; background: transparent;cursor: pointer" onclick="slideDiv('tender_details_848')">
    <img src="images/view.png" height="23" alt="Info" title="View Details"/>&nbsp;
    <button type="button" style="border: 0; background: transparent;cursor: pointer" onclick="slideDiv('tender_evaluation_848')"><img src="images/eval.png" height="23" alt="Eval" /></button>
</button></td>
						</tr><tr><td colspan="11" style="padding:0px">
					<div id="tender_details_848" style="display:none;padding:5px" class="div_slide">
						
						<div id="tabs_848">
				<ul>
			    <li><a href="#tabs_848_1">Description</a></li>
			    <li><a href="#tabs_848_2">Fees</a></li>
			    <li><a href="#tabs_848_3">Submission</a></li>
			     <li><a href="#tabs_848_4">Tender Documents</a></li>
				 <li><a href="#tabs_848_5">Additional Details</a></li></ul>
			     		<div id="tabs_848_1" style="position:relative;min-height:200px;text-align:left">
			    
			    			<table class="list">
							<tr><td colspan="2"><p>
								Printing of  Diaries for the year 2020 
							</p></td></tr>
							<tr><td style="width:250px" class="align-right">Notification Owner&nbsp;:&nbsp;</td><td>SDGM ( Procurement & Marketing)</td></tr>
							<tr><td class="align-right">Tender No&nbsp;:&nbsp;</td><td> KMRL/FIN/PROC/PRINT/2019/184 </td></tr>
							<tr><td class="align-right">Department&nbsp;:&nbsp;</td><td>MDS</td></tr>
							<tr><td class="align-right">Section&nbsp;:&nbsp; </td><td>Procurement</td></tr>
							<tr><td class="align-right">Work Completed By&nbsp;:&nbsp;</td><td>15&nbsp;days</td></tr>
							</table>
						 </div>
						 <div id="tabs_848_2" style="position:relative;min-height:200px;text-align:left">
			    
			    			<table class="list" style="width:70%; margin:auto" align="center"><tr style="background-color:#fcdd82;"><th style="color:#232323">Description</th><th style="color:#232323">Amount</th><th style="color:#232323">Qty</th><th style="color:#232323">Tax(%)</th><th style="color:#232323">Payable Amount</th><th style="color:#232323">Amount Paid</th><th style="color:#232323">Remaining</th><th></th></tr><tr><td class="align-right" style="width:250px">Sale of Tender Documents&nbsp;:&nbsp;</td>
						<td>&#8377;0</td><td>1</td><td>Taxes not applicable<br/>
						<input type="checkbox" id="doc_is_gst_registered_848" value=".01" name="doc_is_gst_registered_848" onchange="addTenderFeeFloodCsezDoc('848',this);"/>Check if you are not registered with GST</td><td style="text-align:right">&#8377;0</td><td style="text-align:right">&#8377;0</td><td style="text-align:right">&#8377;0</td><td style="text-align:center"></td></tr><tr><td class="align-right" style="width:250px">Tender Processing Fee&nbsp;:&nbsp;</td><td>&#8377;0</td><td>1</td><td>Taxes not applicable<br/>
						<input type="checkbox" id="proc_is_gst_registered_848" value=".01" name="proc_is_gst_registered_848" onchange="addTenderFeeFloodCsezProc('848',this);"/>Check if you are not registered with GST</td><td style="text-align:right">&#8377;0</td><td style="text-align:right">&#8377;0</td><td style="text-align:right">&#8377;0</td><td style="text-align:center"></td></tr><tr>
						<td class="align-right" style="width:250px">Earnest Money Deposit (EMD)&nbsp;:&nbsp;</td>
						<td>&#8377;6,000</td><td>1</td><td>-</td>
						<td style="text-align:right"><div id="emd_payable_848">&#8377;6,000</div></td><td style="text-align:right">&#8377;0</td><td style="text-align:right"><div id="emd_payable_remaining_848">&#8377;6,000</div></td><td style="text-align:center"></td></tr><tr>
						<td class="align-right" style="width:250px">EMD Validity&nbsp;:&nbsp;</td>
						<td>0&nbsp;days</td>
						<td>-</td><td>-</td></table></div>
						  <div id="tabs_848_3" style="position:relative;min-height:200px;text-align:left">
			    
			    			<table class="list"><tr><td style="width:290px" class="align-right" >Submission Type&nbsp;:&nbsp;</td><td>OPN</td></tr>
						<tr><td style="width:290px" class="align-right">Submission Method&nbsp;:&nbsp;</td><td>Print Envl</td></tr>
						<tr><td  style="width:250px" class="align-right">Last date of submission of Queries/Clarification&nbsp;:&nbsp;</td><td> NA</td></tr>
						<tr><td  style="width:250px" class="align-right">Last date of replies to Queries/Clarification&nbsp;:&nbsp;</td><td>NA</td></tr>
						<tr><td  style="width:290px" class="align-right">Submission Deadline&nbsp;:&nbsp;</td><td>13-Nov-2019 2:00 pm</td></tr>
						<tr><td  style="width:290px" class="align-right">Opening Date/Time&nbsp;:&nbsp;</td><td>13-Nov-2019 3:00 pm</td></tr>
						
							</table>
						 </div>
						 	 <div id="tabs_848_4"  style="position:relative;min-height:200px;text-align:left">
			    
			    			<table class="list">
			    				<tr style="background-color:#337ab7">
			    					<th style="width: 40px">Sl No</th>
									<th style="width: 40px">Doc Type</th>
			    					<th style="width: 100px">Doc Name</th>
			    					<th style="width: 150px">Doc Desc</th>
			    					<th style="width: 90px">Date Published</th>
			    					<th style="width: 100px">Doc Size</th>
			    					<th style="width: 100px">Download</th>
			    				</tr><tr>
											<td>1</td><td>RFQ</td><td>Quotation Notice</td>
											<td>Quotation Notice</td>
											<td>31-Oct-2019</td>
											<td>758.96 KB</td>
											<td><a href="javascript:void(0);"  onclick="alert('Please sign in to download this document')">
    <img src="images/pdf.png" height="23" alt="Info" />
</a><br /><span style="font-size:9px; color:blue">(12 Downloads)</span></td>
										</tr><tr>
											<td>2</td><td>ANX</td><td>Material Sample</td>
											<td>Material Sample</td>
											<td>31-Oct-2019</td>
											<td>4.04 MB</td>
											<td><a href="javascript:void(0);"  onclick="alert('Please sign in to download this document')">
    <img src="images/pdf.png" height="23" alt="Info" />
</a><br /><span style="font-size:9px; color:blue">(8 Downloads)</span></td>
										</tr><tr>
											<td>3</td><td>ANX</td><td>Model Sample</td>
											<td>Model Sample</td>
											<td>31-Oct-2019</td>
											<td>17.55 MB</td>
											<td><a href="javascript:void(0);"  onclick="alert('Please sign in to download this document')">
    <img src="images/pdf.png" height="23" alt="Info" />
</a><br /><span style="font-size:9px; color:blue">(8 Downloads)</span></td>
										</tr></table>
						 </div>
						  <div id="tabs_848_5"  style="position:relative;min-height:200px;text-align:left">
						  <table class="list">
							<tr><td style="width:250px" class="align-right">Delivery</td><td>0&nbsp;</td></tr>
							<tr><td class="align-right">Warranty&nbsp;:&nbsp;</td><td>0&nbsp;</td></tr>
							<tr><td class="align-right">Warranty&nbsp;:&nbsp;</td><td></td></tr>
							</table>
						  </div></div>
			    <script>
					 $(function() {	var $tabs = $('#tabs_848').tabs({ selected:0,heightStyle: "auto" }); 
    

   // $( "#tabs" ).tabs();
 
  });
			 			</script> 
						
						
					</div>
				</td></tr><tr>
					<td colspan="11" style="padding:0px">
			<div id="tender_evaluation_848" style="display:none" class="slide-div">
						<div id="tabse_848">
							<ul>
							    <li><a href="#tabse_848_1">Bidders</a></li>
							    <li><a href="#tabse_848_2">Evaluation</a></li>
							    <li><a href="#tabse_848_3">Result</a></li>
							    
							</ul>
				     		<div id="tabse_848_1" style="position:relative;min-height:200px;text-align:left">
				    				<table class="list">
				    					<tr style="background-color:#337ab7;color:#FFF">
				    						<th style="width:120px">Bidder Order</th>
				    						<th>Bidder Name</th>
				    						<th style="width:180px">Contact Name</th>
				    						<th style="width:100px">Contact Phone</th>
				    						<th style="width:180px">Contact Email</th>
				    					</tr><tr><td colspan="6">No records found!.</td></tr></table>
							</div>
							<div id="tabse_848_2" style="position:relative;min-height:200px;text-align:left">
				    				<table class="list">
				    						<tr style="background-color:#337ab7; font-size:.875rem;">
				    						<th rowspan="2" style="width:40px">Sl. No</th>
				    						<th rowspan="2">Bidder Name</th>
				    						<th colspan="3">Technical Evaluation (13-Nov-2019 15:00)</th>
				    						<th colspan="3">Financial Evaluation (N A)</th>
				    						
				    						<th colspan="2">Combined Score</th>
				    						
				    					</tr>
				    					<tr style="background-color:#337ab7;color:#FFF">
				    						<td style="color:#FFF;width:130px">Brand</td>
			    							<td style="color:#FFF;width:45px">Marks</td>
				    						<td style="color:#FFF;width:90px" class="align_left">Remarks</td>
				    						<td style="color:#FFF;width:130px" class="align-right">Value</td>
				    						<td style="color:#FFF;width:45px" >Marks</td>
				    						<td style="color:#FFF;width:90px;" class="align_left">Remarks</td>
				    						<td style="color:#FFF;width:45px" >Marks</td>
				    						<td style="color:#FFF;width:90px;">Rank</td>
									
				    					</tr><tr><td colspan="9">No records found!.</td></tr></table>
							</div>
							<div id="tabse_848_3" style="position:relative;min-height:200px;text-align:left">
								<table class="list" style="width:70%" width="70%" align="center">
								<tr><td style="width:150px;padding-right:10px; text-align:right">Awarded To :</td><td></td></tr>
								<tr><td style="width:150px;padding-right:10px; text-align:right">Awarded Date :</td><td></td></tr>
								<tr><td style="width:150px;padding-right:10px; text-align:right">Awarded Amount :</td><td></td></tr>
								<tr><td style="width:150px;padding-right:10px; text-align:right">Delivery Date :</td><td>-</td></tr>
								<tr><td style="width:150px;padding-right:10px; text-align:right">LPO Copy :</td><td>-</td></tr>
								<tr><td style="width:150px;padding-right:10px; text-align:right">Remarks :</td><td>-</td></tr>
								</table>
							</div>
						</div>
						 <script>
					 $(function() {
				 					var $tabse = $('#tabse_848').tabs({ selected:0,heightStyle: "auto" }); 
 					 });

			 			</script> 
					</div>
					</td>
				</tr><tr><td colspan="11">
			<div class="pagination1"><div style="float:left;padding-top:30px;padding-right:20px">1 to 1 of 1 Records </div><ul class="pagination"><li class="disabled"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&sort_field=not_submission_deadline&sort_order=ASC&limit=5&page=0">&laquo;</a></li><li class="active"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&sort_field=not_submission_deadline&sort_order=ASC&limit=5&page=1">1</a></li><li class="disabled"><a href="index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&sort_field=not_submission_deadline&sort_order=ASC&limit=5&page=2">&raquo;</a></li></ul><div style="float:left;padding-top:20px;padding-left:30px"> Results per page <select id="select_limit" onchange="setPaginationLimit('index.php?action=view_tenders&tab=1&ctab=1&search_not_ref=1920-0192-QUOT&sort_field=not_submission_deadline&sort_order=ASC');"><option value="10">10<option><option value="15">15<option><option value="20">20<option><option value="30">30<option><option value="50">50<option><option value="1">All<option></select> </div></div>
				</td>
				</tr>
				</table>