<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Invoice <%= bill.invoiceNo %></title>
<style>
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:10.5px;color:#111;background:#fff}
.wrap{width:210mm;min-height:297mm;margin:0 auto;padding:9mm}
.hdr{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1a2e5a;padding-bottom:8px;margin-bottom:8px}
.co-name{font-size:17px;font-weight:800;color:#1a2e5a;letter-spacing:-0.5px}
.co-tag{font-size:8.5px;color:#555;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.co-det{font-size:9px;color:#444;margin-top:5px;line-height:1.6}
.logo{width:46px;height:46px;background:#1a2e5a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}
.inv-title-row{text-align:center;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:16px}
.inv-title{font-size:13px;font-weight:700;letter-spacing:2px;color:#1a2e5a;border:1.5px solid #1a2e5a;padding:4px 18px;display:inline-block}
.credit-badge{background:#1a2e5a;color:#fff;font-size:9.5px;font-weight:700;padding:3px 10px;border-radius:3px}
.irn-box{background:#eff6ff;border:.5px solid #2563eb;padding:4px 10px;font-size:9px;border-radius:3px;margin-bottom:6px;word-break:break-all}
.ewb-box{background:#f0fdf4;border:.5px solid #16a34a;padding:4px 10px;font-size:9px;border-radius:3px;margin-bottom:6px}
.meta{width:100%;border-collapse:collapse;margin-bottom:7px}
.meta td{border:.5px solid #999;padding:3.5px 7px;font-size:9.5px;vertical-align:top}
.meta .lbl{font-weight:600;color:#555;width:85px;background:#f5f5f5}
.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:.5px solid #999;margin-bottom:7px}
.party-box{padding:7px}
.party-box:first-child{border-right:.5px solid #999}
.party-lbl{font-size:8.5px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.party-name{font-size:11.5px;font-weight:700;color:#111;margin-bottom:2px}
.party-det{font-size:9px;color:#444;line-height:1.6}
table.items{width:100%;border-collapse:collapse;margin-bottom:7px}
table.items th{background:#1a2e5a;color:#fff;padding:4.5px 5px;font-size:9px;font-weight:600;text-align:left;border:.5px solid #1a2e5a}
table.items td{border:.5px solid #ccc;padding:4.5px 5px;font-size:9.5px;vertical-align:middle}
table.items tr:nth-child(even) td{background:#f9f9f9}
.tr{text-align:right}.tc{text-align:center}
.tax-row{display:grid;grid-template-columns:1fr 240px;gap:0;border:.5px solid #999;margin-bottom:7px}
.tax-left{padding:7px;border-right:.5px solid #999}
.tax-right{padding:7px}
.tot-t{width:100%;border-collapse:collapse}
.tot-t td{padding:2.5px 7px;font-size:10px}
.tot-t .net td{font-size:12px;font-weight:800;border-top:1.5px solid #1a2e5a;border-bottom:1.5px solid #1a2e5a;padding:4.5px 7px}
.words{border:.5px solid #ccc;padding:5px 9px;font-size:9.5px;font-style:italic;margin-bottom:7px;background:#fafafa}
.bank{border:.5px solid #ccc;padding:6px 9px;font-size:9.5px;margin-bottom:7px}
.terms{font-size:8.5px;color:#555;line-height:1.6;border-top:.5px solid #ccc;padding-top:5px}
.sign-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;border-top:.5px solid #ccc;padding-top:9px}
.sign-box{text-align:center;font-size:9px;color:#555}
.sign-line{width:110px;border-top:.5px solid #999;margin:0 auto 3px}
@media print{body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.no-print{display:none}@page{margin:7mm;size:A4}}
</style></head><body>
<div class="no-print" style="background:#f0f0f0;padding:8px;text-align:center;font-family:sans-serif;font-size:13px">
  <button onclick="window.print()" style="background:#1a2e5a;color:#fff;border:none;padding:7px 18px;border-radius:4px;cursor:pointer;font-size:13px;margin-right:8px">🖨️ Print Invoice</button>
  <% if(bill.eWayBill && bill.eWayBill.ewbNo){ %>
  <a href="/sales-bills/<%= bill.id %>/print-ewb" target="_blank" style="background:#16a34a;color:#fff;text-decoration:none;padding:7px 18px;border-radius:4px;font-size:13px;margin-right:8px;display:inline-block">🚛 Print E-Way Bill</a>
  <% } %>
  <a href="/sales-bills/<%= bill.id %>" style="color:#1a2e5a;font-size:13px">← Back to Invoice</a>
</div>
<div class="wrap">
  <div class="hdr">
    <div>
      <div class="co-name"><%= settings?.company?.name||'KADIYAM COMPONENTS LLP' %></div>
      <div class="co-tag">Injection Molds, Moulding and Its Related Assemblies</div>
      <div class="co-det">
        GAT NO <%= settings?.company?.address?.line1||'246/5, BARGEWASTI, CHIMBALI, TAL KHED, PUNE - 410501' %><br>
        Phone: <%= settings?.company?.contact?.phone %> &nbsp;|&nbsp; Mob: <%= settings?.company?.contact?.altPhone %><br>
        E-Mail: <%= settings?.company?.contact?.email %><br>
        GSTIN: <%= settings?.company?.gstin %> &nbsp;|&nbsp; PAN NO: <%= settings?.company?.pan %><br>
        <span style="font-size:8.5px;color:#888">ALL DISPUTES ARE SUBJECT TO PUNE JURISDICTION</span>
      </div>
    </div>
    <div class="logo">KC</div>
  </div>
  <% if(bill.eInvoice&&bill.eInvoice.irn){ %>
  <div class="irn-box"><strong>✅ E-Invoice (IRN):</strong> <%= bill.eInvoice.irn %> &nbsp;|&nbsp; <strong>Ack No:</strong> <%= bill.eInvoice.ackNo %> &nbsp;|&nbsp; <strong>Ack Date:</strong> <%= moment(bill.eInvoice.ackDate).format('DD/MM/YYYY HH:mm') %></div>
  <% } %>
  <% if(bill.eWayBill&&bill.eWayBill.ewbNo){ %>
  <div class="ewb-box"><strong>🚛 E-Way Bill No:</strong> <%= bill.eWayBill.ewbNo %> &nbsp;|&nbsp; <strong>Date:</strong> <%= moment(bill.eWayBill.ewbDate).format('DD/MM/YYYY') %> &nbsp;|&nbsp; <strong>Valid Upto:</strong> <%= moment(bill.eWayBill.validUpto).format('DD/MM/YYYY') %> &nbsp;|&nbsp; <strong>Vehicle:</strong> <%= bill.eWayBill.vehicleNo||'—' %></div>
  <% } %>
  <div class="inv-title-row">
    <span class="inv-title">GST TAX INVOICE</span>
    <span class="credit-badge"><%= bill.billType==='Credit Note'?'CREDIT NOTE':'CREDIT' %></span>
  </div>
  <table class="meta">
    <tr>
      <td class="lbl">Invoice No.</td><td><strong style="font-size:11px"><%= bill.invoiceNo %></strong></td>
      <td class="lbl">Invoice Date</td><td><%= moment(bill.invoiceDate).format('DD/MM/YYYY') %></td>
      <td class="lbl">Transport Mode</td><td><%= bill.transport?.mode||'BY ROAD' %></td>
      <td class="lbl">Docket</td><td><%= bill.transport?.docketNo||'' %></td>
    </tr>
    <tr>
      <td class="lbl">Po.No</td><td><%= bill.poNo||'' %></td>
      <td class="lbl">Po Date</td><td><%= bill.poDate?moment(bill.poDate).format('DD/MM/YYYY'):'' %></td>
      <td class="lbl">Vehicle No.</td><td><%= bill.transport?.vehicleNo||'' %></td>
      <td class="lbl">Dispatched Date</td><td><%= bill.transport?.dispatchDate?moment(bill.transport.dispatchDate).format('DD/MM/YYYY'):'' %></td>
    </tr>
    <tr><td class="lbl">State</td><td>Maharashtra</td><td class="lbl">State Code</td><td>27</td><td class="lbl">Payment Terms</td><td colspan="3"><%= bill.paymentTerms||45 %> DAYS</td></tr>
  </table>
  <div class="party-grid">
    <div class="party-box">
      <div class="party-lbl">Billed To ↓</div>
      <div class="party-name"><%= bill.billedTo?.name %></div>
      <div class="party-det">ADDRESS : <%= [bill.billedTo?.address,bill.billedTo?.city,bill.billedTo?.state,bill.billedTo?.pincode].filter(Boolean).join(', ') %><br>Contact No.: <%= bill.billedTo?.phone||'' %> &nbsp; E-mail : <%= bill.billedTo?.email||'' %><br>GSTIN : <strong><%= bill.billedTo?.gstin||'UNREGISTERED' %></strong></div>
    </div>
    <div class="party-box">
      <div class="party-lbl">Ship To ↓</div>
      <div class="party-name"><%= bill.shippedTo?.name %></div>
      <div class="party-det">ADDRESS : <%= [bill.shippedTo?.address,bill.shippedTo?.city,bill.shippedTo?.state].filter(Boolean).join(', ') %><br>Contact No.: <%= bill.shippedTo?.phone||'' %><br>GSTIN : <strong><%= bill.shippedTo?.gstin||'UNREGISTERED' %></strong></div>
    </div>
  </div>
  <table class="items">
    <thead><tr><th>Sr.No.</th><th>Particulars</th><th>Qty</th><th>Hsn</th><th class="tr">MRP</th><th class="tc">Tax%</th><th class="tr">Gst</th><th class="tr">Total</th></tr></thead>
    <tbody>
      <% bill.lineItems.forEach(item=>{ %>
      <tr><td class="tc"><%= item.srNo %></td><td><%= item.particulars %></td><td class="tc"><%= item.qty %></td><td class="tc"><%= item.hsnCode %></td><td class="tr"><%= (item.mrp||0).toFixed(2) %></td><td class="tc"><%= item.gstRate %></td><td class="tr"><%= (item.gstAmt||0).toFixed(2) %></td><td class="tr"><strong><%= (item.total||0).toFixed(2) %></strong></td></tr>
      <% }) %>
      <% for(let i=bill.lineItems.length;i<7;i++){%><tr><td colspan="9" style="height:16px"></td></tr><%}%>
    </tbody>
  </table>
  <div class="tax-row">
    <div class="tax-left">
      <table style="width:100%;border-collapse:collapse">
        <tr style="background:#f5f5f5"><th style="padding:3px 5px;font-size:8.5px;text-align:left;border:.5px solid #ccc">TAX</th><th style="padding:3px 5px;font-size:8.5px;text-align:right;border:.5px solid #ccc">ASS. AMT.</th><th style="padding:3px 5px;font-size:8.5px;text-align:right;border:.5px solid #ccc">SGST</th><th style="padding:3px 5px;font-size:8.5px;text-align:right;border:.5px solid #ccc">CGST</th><th style="padding:3px 5px;font-size:8.5px;text-align:right;border:.5px solid #ccc">TOTAL</th></tr>
        <% (bill.taxBreakdown||[]).forEach(tb=>{ %>
        <tr><td style="padding:3px 5px;font-size:9px;border:.5px solid #ddd"><%= tb.taxRate %>%</td><td style="padding:3px 5px;font-size:9px;text-align:right;border:.5px solid #ddd"><%= (tb.taxableAmt||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9px;text-align:right;border:.5px solid #ddd"><%= (tb.sgst||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9px;text-align:right;border:.5px solid #ddd"><%= (tb.cgst||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9px;text-align:right;border:.5px solid #ddd"><%= ((tb.cgst||0)+(tb.sgst||0)).toFixed(2) %></td></tr>
        <% }) %>
        <tr style="font-weight:700"><td style="padding:3px 5px;font-size:9.5px;border:.5px solid #999">TOTAL</td><td style="padding:3px 5px;font-size:9.5px;text-align:right;border:.5px solid #999"><%= (bill.taxableAmount||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9.5px;text-align:right;border:.5px solid #999"><%= (bill.sgstAmount||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9.5px;text-align:right;border:.5px solid #999"><%= (bill.cgstAmount||0).toFixed(2) %></td><td style="padding:3px 5px;font-size:9.5px;text-align:right;border:.5px solid #999"><%= (bill.totalGst||0).toFixed(2) %></td></tr>
      </table>
    </div>
    <div class="tax-right">
      <table class="tot-t">
        <tr><td style="color:#555">Total Amount</td><td style="text-align:right"><%= (bill.taxableAmount||0).toFixed(2) %></td></tr>
        <tr><td style="color:#555">GST</td><td style="text-align:right"><%= (bill.totalGst||0).toFixed(2) %></td></tr>
        <% if(bill.discount){%><tr><td style="color:#555">Discount</td><td style="text-align:right">-<%= bill.discount.toFixed(2) %></td></tr><%}%>
        <tr><td style="color:#555">Round Off</td><td style="text-align:right"><%= (bill.roundOff||0).toFixed(2) %></td></tr>
        <tr class="net"><td>Net Payable</td><td style="text-align:right"><strong><%= (bill.netPayable||0).toFixed(2) %></strong></td></tr>
      </table>
    </div>
  </div>
  <div class="words">In Words: <strong><%= bill.amountInWords %></strong></div>
  <div class="bank"><strong>Our Banker's</strong><br>BANK NAME: <%= settings?.company?.bank?.bankName %> &nbsp;|&nbsp; A/C No: <%= settings?.company?.bank?.accountNumber %> &nbsp;|&nbsp; IFS: <%= settings?.company?.bank?.ifsc %></div>
  <div class="terms"><strong>Terms &amp; Conditions:</strong><br><% const terms=(bill.termsConditions||'').split('\n');terms.forEach((t,i)=>{if(t.trim()){%><%= i+1 %>. <%= t %><br><%}}) %></div>
  <div class="sign-row">
    <div class="sign-box"><div class="sign-line"></div><div>Receiver's Signature</div></div>
    <div style="text-align:right"><div style="font-size:9px;color:#555;margin-bottom:18px">For <strong><%= settings?.company?.name||'KADIYAM COMPONENTS LLP' %></strong></div><div class="sign-box"><div class="sign-line"></div><div>Authorised Signature</div></div></div>
  </div>
</div>
</body></html>
