{% extends "billing/email/base.html" %}
{% set subject = "Welcome to JQC — your workspace is ready" %}
{% block body %}
<h2 style="margin:0 0 8px;font-size:1.2rem;color:#111827;">Welcome to Janitorial QC!</h2>
<p style="margin:0 0 20px;color:#6b7280;font-size:.9rem;">Your workspace <strong>{{ tenant_name }}</strong> is ready. {{ trial_note }}</p>

<table width="100%" cellpadding="12" cellspacing="0" style="background:#f0fdf4;border-radius:6px;margin-bottom:24px;">
  <tr>
    <td>
      <p style="margin:0;font-size:.9rem;color:#15803d;line-height:1.6;">
        <strong>&#10003; Workspace:</strong> <a href="{{ login_url }}" style="color:#15803d;">{{ login_url }}</a><br>
        {% if trial_ends_at %}<strong>&#10003; Free trial:</strong> {{ trial_days }} days (expires {{ trial_ends_at }})<br>{% endif %}
        <strong>&#10003; Plan:</strong> {{ plan_name }}
      </p>
    </td>
  </tr>
</table>

<p style="margin:0 0 16px;font-size:.9rem;color:#374151;line-height:1.6;">
  Here's what you can do right now:
</p>
<ul style="margin:0 0 24px;padding-left:1.25rem;font-size:.9rem;color:#374151;line-height:1.8;">
  <li>Add your facilities and areas</li>
  <li>Create inspection templates</li>
  <li>Invite your team members</li>
  <li>Run your first inspection</li>
</ul>

<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px;">
  <tr>
    <td align="center">
      <a href="{{ login_url }}"
         style="display:inline-block;background:#1a56db;color:#fff;text-decoration:none;
                padding:12px 28px;border-radius:6px;font-size:.95rem;font-weight:600;">
        Go to My Workspace
      </a>
    </td>
  </tr>
</table>

<p style="margin:0;font-size:.85rem;color:#9ca3af;">
  Your login URL: <a href="{{ login_url }}" style="color:#1a56db;word-break:break-all;">{{ login_url }}</a><br>
  Need help? Reply to this email or visit <a href="mailto:support@jqc.app" style="color:#1a56db;">support@jqc.app</a>.
</p>
{% endblock %}