| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>e-Way Bill - Government of India</title> |
| <link rel="stylesheet" href="{{cssPath}}"> |
| </head> |
|
|
| <body> |
| <div class="eway-bill-container"> |
| |
| <div class="header"> |
| <div class="gov-title"> |
| <h1>e-Way Bill System</h1> |
| <p>Form GST EWB-01</p> |
| <p>(See Rule 138 of the Central Goods and Services Tax Rules, 2017)</p> |
| </div> |
| <div class="bill-meta"> |
| <div class="meta-row"><strong>E-Way Bill No:</strong> {{billNo}}</div> |
| <div class="meta-row"><strong>Generated Date:</strong> {{generatedDate}}</div> |
| <div class="meta-row"><strong>Generated By:</strong> {{generatedBy}}</div> |
| <div class="meta-row"><strong>Valid From:</strong> {{validFrom}}</div> |
| <div class="meta-row"><strong>Valid Until:</strong> {{validUntil}}</div> |
| </div> |
| <div class="qr-code"> |
| <img src="{{qrCode}}" alt="QR Code"> |
| </div> |
| </div> |
|
|
| |
| <div class="section-container"> |
| <h2 class="section-title">PART - A</h2> |
| <div class="data-grid"> |
| <div class="data-row"> |
| <span class="label">1. GSTIN of Supplier</span> |
| <span class="value">{{supplierGstin}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">2. Place of Dispatch</span> |
| <span class="value">{{dispatchPlace}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">3. GSTIN of Recipient</span> |
| <span class="value">{{recipientGstin}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">4. Place of Delivery</span> |
| <span class="value">{{deliveryPlace}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">5. Document No.</span> |
| <span class="value">{{docNo}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">6. Document Date</span> |
| <span class="value">{{docDate}}</span> |
| </div> |
| <div class="data-row"> |
| <span class="label">7. Transaction Type</span> |
| <span class="value">{{transactionType}}</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="section-container"> |
| <h2 class="section-title">Item Details</h2> |
| <table class="items-table"> |
| <thead> |
| <tr> |
| <th>HSN Code</th> |
| <th>Product Name & Description</th> |
| <th>Quantity</th> |
| <th>Unit</th> |
| <th>Taxable Value (Rs.)</th> |
| </tr> |
| </thead> |
| <tbody> |
| {{#each goods}} |
| <tr> |
| <td>{{hsnCode}}</td> |
| <td>{{productName}}</td> |
| <td>{{quantity}}</td> |
| <td>{{unit}}</td> |
| <td>{{value}}</td> |
| </tr> |
| {{/each}} |
| </tbody> |
| </table> |
| </div> |
|
|
| |
| <div class="section-container part-b"> |
| <h2 class="section-title">PART - B</h2> |
| <table class="transport-table"> |
| <thead> |
| <tr> |
| <th>Mode</th> |
| <th>Vehicle / Trans Doc No & Date</th> |
| <th>From</th> |
| <th>Entered Date</th> |
| <th>Entered By</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Road</td> |
| <td>{{vehicleNo}}</td> |
| <td>{{fromLocation}}</td> |
| <td>{{generatedDate}}</td> |
| <td>{{generatedBy}}</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div class="footer-note"> |
| <p>This is a computer generated e-Way Bill and does not require physical signature.</p> |
| </div> |
| </div> |
| </body> |
|
|
| </html> |
