DocuCraft — Cloud Invoice & Template Engine (Ruby ERB)

ERB Template Source & Bindings

Tags: <%= user.name %> <%= invoice.number %> <%= invoice.amount %>

Receipt Email Subject / Header

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #f1f5f9; padding: 24px; color: #0f172a; margin: 0; }
  .invoice-card { max-width: 650px; margin: 0 auto; background: #ffffff; border-radius: 12px; border: 1px solid #cbd5e1; box-shadow: 0 10px 25px rgba(0,0,0,0.06); overflow: hidden; }
  .inv-header { background: #0f172a; color: #ffffff; padding: 28px 32px; display: flex; justify-content: space-between; align-items: center; }
  .inv-logo { font-size: 20px; font-weight: 800; letter-spacing: -0.5px; color: #38bdf8; }
  .inv-body { padding: 32px; }
  .grid-2 { display: flex; justify-content: space-between; margin-bottom: 24px; }
  .section-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.5px; margin-bottom: 4px; }
  .section-val { font-size: 14px; font-weight: 600; color: #1e293b; }
  .table-box { width: 100%; border-collapse: collapse; margin: 20px 0; }
  .table-box th { background: #f8fafc; border-bottom: 2px solid #e2e8f0; padding: 10px 12px; text-align: left; font-size: 12px; color: #475569; }
  .table-box td { border-bottom: 1px solid #f1f5f9; padding: 12px; font-size: 13px; }
  .total-row { background: #f8fafc; font-weight: bold; font-size: 15px; }
  .status-badge { display: inline-block; background: #fef3c7; color: #d97706; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 700; }
  .inv-footer { background: #f8fafc; padding: 20px 32px; font-size: 12px; color: #64748b; border-top: 1px solid #e2e8f0; text-align: center; }
</style>
</head>
<body>
  <div class="invoice-card">
    <div class="inv-header">
      <div>
        <div class="inv-logo"><%= app_name %></div>
        <div style="font-size: 12px; opacity: 0.8; margin-top: 2px;">Cloud Billing & Infrastructure Receipt</div>
      </div>
      <div style="text-align: right;">
        <div style="font-size: 18px; font-weight: 700;"><%= invoice.number %></div>
        <div style="font-size: 12px; opacity: 0.8;">Generated: <%= server_time %></div>
      </div>
    </div>

    <div class="inv-body">
      <div class="grid-2">
        <div>
          <div class="section-label">Billed To</div>
          <div class="section-val"><%= user.name %></div>
          <div style="font-size: 13px; color: #64748b;"><%= user.email %></div>
          <div style="font-size: 13px; color: #64748b;"><%= user.role %> &bull; <%= user.tier %></div>
        </div>
        <div style="text-align: right;">
          <div class="section-label">Account & Status</div>
          <div class="section-val"><%= account.id %></div>
          <div style="font-size: 13px; color: #64748b;"><%= account.plan %></div>
          <div class="status-badge" style="margin-top: 6px;"><%= invoice.status %></div>
        </div>
      </div>

      <table class="table-box">
        <thead>
          <tr>
            <th>Description</th>
            <th>Billing Period</th>
            <th style="text-align: right;">Amount</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Dedicated Ruby App Cluster (Nodes x4)</td>
            <td>August 2026</td>
            <td style="text-align: right;">$850.00</td>
          </tr>
          <tr>
            <td>Managed Redis & Enterprise Cache</td>
            <td>August 2026</td>
            <td style="text-align: right;">$250.00</td>
          </tr>
          <tr>
            <td>Automated Continuous Deployment Pipeline</td>
            <td>August 2026</td>
            <td style="text-align: right;">$150.00</td>
          </tr>
          <tr class="total-row">
            <td colspan="2">Total Amount Due (<%= invoice.due_date %>)</td>
            <td style="text-align: right; color: #0284c7;"><%= invoice.amount %></td>
          </tr>
        </tbody>
      </table>

      <p style="font-size: 13px; color: #64748b; margin-top: 20px;">
        Payment will be automatically processed via primary corporate card on file. For inquiries, reach out to <a href="mailto:billing@rubycloud.internal">billing@rubycloud.internal</a>.
      </p>
    </div>

    <div class="inv-footer">
      Thank you for building on DocuCraft &amp; RubyCloud Infrastructure.<br>
      DocuCraft SaaS Inc. &bull; 100 Montgomery St, Suite 1400, San Francisco, CA
    </div>
  </div>
</body>
</html>

Backend Renderer: Ruby 3.2 ERB Processor

Document Live Simulator

Sender:

DocuCraft Automated Billing System <billing@rubycloud.internal>

Client:

Marcus Vance <marcus.vance@rubycorp.internal>

Subject:

`RubyGems' were not loaded. `did_you_mean' was not loaded. /home/kzlabs/public_html/subdomains/erb/evaluator.rb:1:in `require': cannot load such file -- erb (LoadError) from /home/kzlabs/public_html/subdomains/erb/evaluator.rb:1:in `<main>'