<!-- Invoice Generated -->
<h1 class="email-title">Invoice Generated</h1>

<p>Hi {{first_name}},</p>
<p>An invoice has been generated for your recent Tracecoin purchase.</p>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Invoice Number</span>
    <span class="detail-value" style="font-family: monospace"
      >{{invoice_number}}</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Package</span>
    <span class="detail-value">{{package_name}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Tracecoins</span>
    <span class="detail-value">{{tracecoins_amount}} TC</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Subtotal</span>
    <span class="detail-value">₹{{subtotal}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">GST (18%)</span>
    <span class="detail-value">₹{{gst_amount}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Total</span>
    <span class="detail-value" style="font-weight: bold; color: #111827"
      >₹{{total}}</span
    >
  </div>
  <div class="detail-row">
    <span class="detail-label">Issued On</span>
    <span class="detail-value">{{issued_at}}</span>
  </div>
</div>

<div style="text-align: center">
  <a href="{{invoice_url}}" class="cta-button">Download Invoice</a>
</div>

<div class="info-box">
  <p class="info-box-title">📄 Tax Information</p>
  <p style="margin: 0">
    This is a GST-compliant invoice for your records. You can download it
    anytime from your account.
  </p>
</div>

<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
