<h2><%= title %></h2>
<p><%= greeting %> <%= userName %>,</p>
<p><%= message %></p>

<div style="background-color: #009688; color: white; font-size: 32px; font-weight: bold; padding: 18px 24px; text-align: center; border-radius: 10px; margin: 20px 0; letter-spacing: 10px;">
  <%= otp %>
</div>

<% if (typeof campsiteName !== 'undefined' && campsiteName) { %>
<div style="background-color: #f0faf9; border: 1px solid #b2dfdb; border-radius: 8px; padding: 16px; margin: 16px 0;">
  <p style="margin: 0 0 10px 0; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; color: #009688;"><%= campsiteDetailsLabel %></p>
  <table style="border-collapse: collapse; width: 100%;">
    <% if (typeof ownerFullName !== 'undefined' && ownerFullName) { %>
    <tr>
      <td style="padding: 4px 0; font-size: 14px; color: #555; width: 130px;"><strong><%= ownerNameLabel %></strong></td>
      <td style="padding: 4px 0; font-size: 14px; color: #333;"><%= ownerFullName %></td>
    </tr>
    <% } %>
    <% if (typeof ownerEmail !== 'undefined' && ownerEmail) { %>
    <tr>
      <td style="padding: 4px 0; font-size: 14px; color: #555;"><strong><%= ownerEmailLabel %></strong></td>
      <td style="padding: 4px 0; font-size: 14px; color: #333;"><%= ownerEmail %></td>
    </tr>
    <% } %>
    <tr>
      <td style="padding: 4px 0; font-size: 14px; color: #555;"><strong><%= campsiteNameLabel %></strong></td>
      <td style="padding: 4px 0; font-size: 14px; color: #333;"><%= campsiteName %></td>
    </tr>
    <% if (typeof campsiteUsername !== 'undefined' && campsiteUsername) { %>
    <tr>
      <td style="padding: 4px 0; font-size: 14px; color: #555;"><strong><%= usernameLabel %></strong></td>
      <td style="padding: 4px 0; font-size: 14px; color: #333;"><%= campsiteUsername %></td>
    </tr>
    <% } %>
  </table>
</div>
<% } %>

<div class="highlight">
  <strong><%= importantLabel %>:</strong> <%= important %> <%= expiryMinutes %> <%= minutesText %>.
</div>
<p><%= instructions %></p>
<p><%= ignore %></p>
<p><%= regards %>,<br>The <%= companyName %> <%= teamSignature %></p>