<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Invoice <%= booking.booking_code %></title>
  <style>
    body { font-family: Arial, sans-serif; color: #111; margin: 40px; }
    h1 { margin-bottom: 4px; }
    .muted { color: #666; }
    table { width: 100%; border-collapse: collapse; margin-top: 24px; }
    th, td { border-bottom: 1px solid #eee; padding: 10px 0; text-align: left; }
    .total { font-weight: bold; font-size: 18px; }
  </style>
</head>
<body>
  <h1>GEAR Booking Invoice</h1>
  <p class="muted">Booking #<%= booking.booking_code %></p>
  <p><strong>Status:</strong> <%= booking.status %></p>
  <p><strong>Customer:</strong> <%= booking.user_name %></p>
  <p><strong>Vehicle:</strong> <%= booking.car_title %></p>
  <p><strong>Rental period:</strong> <%= booking.start_date %> to <%= booking.end_date %></p>

  <table>
    <tr><th>Description</th><th>Amount (AED)</th></tr>
    <tr><td>Rental total</td><td><%= booking.grand_total %></td></tr>
    <tr><td>Booking fee</td><td><%= booking.booking_fee %></td></tr>
    <tr><td>VAT</td><td><%= booking.vat_amount %></td></tr>
    <tr><td>Security deposit</td><td><%= booking.security_deposit %></td></tr>
    <% if (booking.refund_amount) { %>
    <tr><td>Refund</td><td>-<%= booking.refund_amount %></td></tr>
    <% } %>
    <tr class="total"><td>Net to vendor</td><td><%= booking.net_to_vendor %></td></tr>
  </table>
</body>
</html>
