{% extends "emails/base_email.html" %}
{% block email_content %}
<h2 style="margin-top: 0; font-size: 18px; color: #111827;">{{ title }}</h2>
<p style="color: #374151; font-size: 15px; line-height: 1.6;">{{ message }}</p>

{% if ticket_url %}
<div style="text-align: center; margin: 24px 0;">
  <a href="{{ ticket_url }}" class="btn">View Ticket</a>
</div>
{% endif %}

<hr>

<table style="width: 100%; border-collapse: collapse; font-size: 13px;">
  {% if ticket_uuid %}
  <tr>
    <td style="padding: 6px 0; color: #6b7280; width: 100px;">Ticket</td>
    <td style="padding: 6px 0; color: #111827; font-weight: 600;">{{ ticket_uuid }}</td>
  </tr>
  {% endif %}
  {% if project_name %}
  <tr>
    <td style="padding: 6px 0; color: #6b7280;">Project</td>
    <td style="padding: 6px 0; color: #111827;">{{ project_name }}</td>
  </tr>
  {% endif %}
  {% if user_name %}
  <tr>
    <td style="padding: 6px 0; color: #6b7280;">By</td>
    <td style="padding: 6px 0; color: #111827;">{{ user_name }}</td>
  </tr>
  {% endif %}
</table>
{% endblock %}