EVOLUTION-NINJA
Edit File: sales_payment_details_print_page.php
<html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Building Estimation |</title> <link rel="stylesheet" href="<?php echo base_url('assets/print_page_assets/css/main.css');?>"/> <link rel="stylesheet" href="<?php echo base_url('assets/print_page_assets/css/bootstrap.min.css');?>"/> <link rel="stylesheet" href="<?php echo base_url('assets/print_page_assets/css/font-awesome.min.css');?>"/> <link rel='shortcut icon'href="<?php echo base_url('assets/print_page_assets/images/fav_icon.png');?>"/> <link rel="icon" href="images/fave-icon.png"/> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="<?php echo base_url('assets/print_page_assets/css/simpleMobileMenu.css');?>"/> <script type="text/javascript" src="<?php echo base_url('assets/print_page_assets/js/jquery-3.4.1.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('assets/print_page_assets/js/bootstrap.min.js');?>"> </script> </head> <body> <div class="" style="margin: auto; left: 0; right: 0; width: 900px; margin-top: 20px;"> <button type="button" onclick="print_page();" class="btn btn-primary print_button" style="margin-bottom: 20px;margin-left: 15px;">Print And Preview</button> <input type="hidden" class="form-control final_percentage" name=""/> <input type="hidden" class="form-control final_amount" name=""/> <div class="table-responsive"> <!-- <table class="table table-bordered " id="print_table" style="border-collapse: collapse;"> <thead class="thead" > </thead> <tbody class="tbody"> </tbody> </table> --> <table width="900" style="border: 1px solid black;border-collapse: collapse;font-size: 14px;padding:5px;" class="thead"> </table> </div> </div> </body> </html> <script type="text/javascript"> var customer_id = '<?php echo $this->uri->segment(2); ?>'; $.ajax({ type:'post', url:"<?php echo site_url('get-customer-details-for-sales');?>", data : {'customer_id':customer_id}, success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { if(response.reference_person.name == undefined) { var reference_person = ""; } else { var reference_person = response.reference_person.name; } var con = ''; con+='<tr>'; con+='<td colspan="5" rowspan="2" style="padding: 5px;border: 1px solid black;text-align: center;"><h1 style="margin: 0;">Building Estimation</h1></td>'; con+='<td colspan="4" style="padding: 5px;">Layout: '+response.message.layout_name+'</td>'; con+='<td colspan="3" style="padding: 5px;">Print Date: '+response.date+' '+response.time+'</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="2" style="padding: 5px;border-bottom: 1px solid black;">Site No: '+response.message.site_no+'</td>'; con+='<td colspan="2" style="padding: 5px;border-bottom: 1px solid black;">User: '+response.message.login_name+'</td>'; con+='<td colspan="3" style="padding: 5px;border-bottom: 1px solid black;">Print By: '+response.message.login_name+'</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="5" rowspan="4" style="padding: 5px;border: 1px solid black;line-height: 1.6"><b>Customer Details,</b><br>'+response.message.name+'<br>'+response.message.address+', <br>'+response.message.phone+', '+response.message.email+'<br>Ref by: '+reference_person+'</td>'; con+='<td colspan="2" rowspan="2" style="padding:5px;vertical-align: top;"><b>Site Measurement:</b></td>'; con+='<td colspan="5" style="padding: 5px;">East-West: '+response.message.east_west+'</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="5" style="padding: 5px;">North-South: '+response.message.north_south+'</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="3" style="padding: 5px;">Area of SqMt: <b>'+response.message.sq_mt+'</b></td>'; con+='<td colspan="4" style="padding: 5px;">Area of Sqft: <b>'+response.message.sq_ft+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="7" style="padding: 5px;border-top: 1px solid black;">Building Type: GROUND FLOOR INCLUDING COLUMNS 8 + 1.5</td>'; con+='</tr>'; con+='<tr>'; con+='<td rowspan="2" style="padding: 5px;border-bottom: 1px solid black;vertical-align: top;">Schedule:</td>'; con+='<td colspan="2" style="padding: 5px;">East: <b>'+response.message.east+'</b></td>'; con+='<td colspan="2" style="padding: 5px;border-right: 1px solid black;">North: <b>'+response.message.north+'</b></td>'; con+='<td style="padding: 5px;">GF</td>'; con+='<td colspan="3" style="padding: 5px;">Built up: <b>'+response.message.gf_built_up+'</b></td>'; con+='<td colspan="3" style="padding: 5px;">Balcony: <b>'+response.message.gf_balcony+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="2" style="padding: 5px;border-bottom: 1px solid black;">West: <b>'+response.message.west+'</b></td>'; con+='<td colspan="2" style="padding: 5px;border-bottom: 1px solid black;border-right: 1px solid black;">South: <b>'+response.message.south+'</b></td>'; con+='<td style="padding: 5px;border-bottom: 1px solid black;">GF+MF</td>'; con+='<td colspan="3" style="padding: 5px;border-bottom: 1px solid black;">Built up: <b>'+response.message.gf_mf_built_up+'</b></td>'; con+='<td colspan="3" style="padding: 5px;border-bottom: 1px solid black;">Balcony: <b>'+response.message.gf_mf_balcony+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="4" style="text-align: center;padding: 5px;border-right: 1px solid black;">Site Payment Breakup</td>'; con+='<td colspan="4" style="text-align: center;padding: 5px;border-right: 1px solid black;">Package Details</td>'; con+='<td colspan="4" rowspan="4" style="padding: 5px;">Contact Details: 0821-4264309<br>9900486811, 9900486817, 9900486831,<br>9900486816, 9900486815<br>sales@mmgconstructions.com,<br/>enquiry@mmgconstructions.com,<br>www.mmgconstructions.com</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="2" style="padding: 5px;">Reg Amt:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>'+response.message.reg_cost+'</b></td>'; con+='<td colspan="2" style="padding: 5px;">Total Site Cost:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>'+response.message.total_site_cost+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="2" style="padding: 5px;">Stamp Duty:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>'+response.message.stamp_duty_amount+'</b></td>'; con+='<td colspan="2" style="padding: 5px;">Total Construction:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>'+response.message.total_construction_cost+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="2" style="padding: 5px;">Site Exp:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>650000</b></td>'; con+='<td colspan="2" style="padding: 5px;">Total Package Cost:</td>'; con+='<td colspan="2" style="text-align: right;padding: 5px;border-right: 1px solid black;"><b>'+response.message.grand_total+'</b></td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="12" style="border: 1px solid #000000;font-size: 16px;font-weight: bold;text-align: center;padding: 5px;">Payment Details</td>'; con+='</tr>'; var content = ''; var total_amount = 0; var total_percentage = 0; $.each(response.payment,function(ind,val1) { if(val1.percentage != "") { total_amount +=parseFloat(val1.total_payment_amount_tax); total_percentage +=parseFloat(val1.percentage_tax); $('.final_percentage').val(val1.total_percentage) $('.final_amount').val(val1.total_payment_cost) var sl_no = ind+1; con+='<tr>'; con+='<td style="padding: 5px;border-right: 1px solid silver;font-weight: bold;border-bottom: 1px solid silver;">'+sl_no+'</td>'; con+='<td colspan="5" style="padding: 5px;border-right: 1px solid silver;font-weight: bold;border-bottom: 1px solid silver;">'+val1.level_name+'</td>'; con+='<td colspan="2" style="padding: 5px;text-align: right;border-right: 1px solid silver;font-weight: bold;border-bottom: 1px solid silver;">'+val1.percentage_tax+' %</td>'; con+='<td colspan="4" style="padding: 5px;text-align: right;font-weight: bold;border-bottom: 1px solid silver;">'+val1.total_payment_amount_tax+'</td>'; con+='</tr>'; } }); var final_percentage = total_percentage.toFixed(2) var final_amt = total_amount.toFixed(2) con+='<tr>'; con+='<td colspan="3"></td>'; con+='<td colspan="3" style="padding: 5px;text-align:center;border-right: 1px solid silver;font-weight: bold;">Total</td>'; con+='<td colspan="2" style="padding: 5px;text-align: right;border-right: 1px solid silver;font-weight: bold;">'+final_percentage+' %</td>'; con+='<td colspan="4" style="padding: 5px;text-align: right;font-weight: bold;">'+final_amt+'</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="12" style="border: 1px solid #000000;font-size: 16px;font-weight: bold;text-align: center;padding: 5px;">Location Details</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="12" style="border: 1px solid #000000;text-align: justify;padding: 5px;line-height: 1.4;font-size: 13px;">Our group housing coming with a new project Near to Infosys Training Centre and L&T Infotech, & 1.5 km from BEML, Automotive axle, Opp. To De Paul International School, Located between 4lane Mysore - Hunsur Highway,DC Converted MUDA Approved site with construction (Booking customers are working in DELL, BEME, Wipro. A t & S, Jubilent & Government employees), from Subarb bus stand- 12.00 km, Railway station- 9.0 km, BMH Hospital- 6 Km, KHB Housing board- 4.00 km, Apollo hospital Kuvempunagar - 11 km, (UGD water line, box drainage, Road process Yet to Develop) Total no of sites are 321 & we have planned to construct 200 houses with west and East facing Individual & Row wise houses in this layout</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="7" style="font-size: 16px;font-weight: bold;text-align: center;border-right: 1px solid silver;border-bottom: 1px solid black;padding: 5px;">Providing following facilities including our package</td>'; con+='<td colspan="5" style="font-size: 16px;font-weight: bold;text-align: center;border-bottom: 1px solid black;padding: 5px;">Bank A/c Details</td>'; con+='</tr>'; con+='<tr>'; con+='<td colspan="7" style="padding: 5px;font-size: 13px;border-right: 1px solid silver;"> 1. Site Registration<br>2. Sub Register & Other Expenses<br>3. Liaisoning for procurement of site<br> 4. E C, Legal, Valuation, Estimation<br>5. Khata & Tax foxing<br>6. Pillar Construction<br>7. C R (Completion Report)<br>8. MUDA Approved Plan Sanction<br>9. Bank Loan Liaisoning<br>10. KEB Deposit, Water Connection<br>11. Solar & UPS<br>12. Architect services as per the requirement of owner<br>13. Including Compound & staircase<br>14. Mainatainance of Layout = Water Service, Street Light Service, Layout Cleaning, Park Maintenance, Security Maintenance with monthly minimum charges will be applied<br>Note:-<br>For refund procedure time period is 3 to 4 months<br>1. If refund by Contractor side refund will be process for 14.50% per Annum on the total advance payment<br>2. If the refund process from the Contractee minimum amount will be deducted from advance</td>'; con+='<td colspan="5" style="padding: 5px;font-weight: bold;line-height: 1.6;vertical-align: top;"> A/c Name: MMG Constructions LLP<br>A/c No: 201104180000080<br>Type of A/c: Current<br>Bank Name: SRI SUDHA CO-OPERATIVE BANK LTD<br>Branch: BANGALORE<br>IFSC Code: HDFC0CSUDHA<br></td>'; con+='</tr>'; $('.thead').empty(); $('.thead').append(con); /* -----------------------template end --------------------------*/ /* content+= '<tr>'; content+= '<td colspan="3" style="padding: 5px; text-align: right;">Total</td>'; content+= '<td style="padding: 5px; text-align: right;">'+final_percentage+' %</td>'; content+= '<td colspan="2" style="padding: 5px; text-align: right;">'+total_payment_cost+'</td>'; content+= '</tr>'; content+= '<tr>'; content+= '<td colspan="6" style="padding: 5px; text-align: center;">Location Details</td>'; content+= '</tr>'; content+= '<tr>'; content+= '<td colspan="6" style="padding: 5px; text-align: justify; font-size: 12px;">'+response.message.note+'</td>'; content+= '</tr>'; content+= '<tr>'; content+= '<td colspan="4" style="padding: 5px;text-align: center;">Providing following facilitiea including our packages</td>'; content+= '<td colspan="2" style="padding: 5px; text-align: center;">Bank A/C Deatails</td>'; content+= '</tr>'; content+= '<tr>'; content+= '<td colspan="4" style="padding: 5px;text-align: center;"></td>'; content+= '<td colspan="2" style="padding: 5px;">'; content+= '<ul style="padding-left: 0px;">'; content+= '<li style="list-style-type: none;">A/c Name : MMG Construction LLP</li>'; content+= '<li style="list-style-type: none;">A/c No : 201104180000080</li>'; content+= '<li style="list-style-type: none;">Type Of A/c : Current</li>'; content+= '<li style="list-style-type: none;">Bank Name : SRI SUDHA CO-OPERATIVE BANK LTD</li>'; content+= '<li style="list-style-type: none;">Branch : BANGALORE</li>'; content+= '<li style="list-style-type: none;">IFSC Code : HDFCCOCSUDHA</li>'; content+= '</ul>'; content+= '</td>'; content+= '</tr>'; content+= '<tr>'; content+= '<td colspan="3" style="padding: 20px 0px 100px 30px; border-right: none !important;">Customer signature</td>'; content+= '<td colspan="3" style="padding: 20px 80px 100px 0px; border-left: none !important; text-align: right;">signature</td>'; content+= '</tr>'; $('.tbody').empty(); $('.tbody').append(content); */ } else { $('.tbody').empty(); toastr["error"](response.message); } } }); function print_page() { var divToPrint=document.getElementById('print_table'); newWin= window.open(""); newWin.document.write('<html><head><title></title>'); newWin.document.write('</head>'); newWin.document.write(divToPrint.outerHTML); newWin.document.write('</html>'); document.getElementById('print_table').style.display=newWin; newWin.close(); var originalTitle = document.title; document.title = "Dayakar Hospital"; $(".print_button").hide(); window.print(); //window.history.back(); document.title = originalTitle; } </script> <style> table, th, td { font-size: 14px; } </style>