{% extends "email/base.html" %}
{% block content %}
<h2>{{ email_title }}</h2>
<p>Dear {{ recipient_name }},</p>

<div class="info-box">
  <div class="row"><span class="label">Ticket</span><span class="value">{{ ticket_number }}</span></div>
  <div class="row"><span class="label">Subject</span><span class="value">{{ subject }}</span></div>
  <div class="row"><span class="label">Category</span><span class="value" style="text-transform:capitalize">{{ category }}</span></div>
  <div class="row"><span class="label">Priority</span><span class="value" style="text-transform:capitalize">{{ priority }}</span></div>
  <div class="row"><span class="label">Status</span><span class="value" style="text-transform:capitalize">{{ status }}</span></div>
</div>

<div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:16px 0">
  <p style="font-size:11px;color:#94a3b8;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px">{{ message_label }}</p>
  <p style="margin:0;white-space:pre-wrap;color:#334155">{{ message_body }}</p>
</div>

<p><a class="btn" href="{{ ticket_url }}">View Ticket</a></p>

<p>Thank you,<br><strong>TapTrack Hub Team</strong></p>
{% endblock %}