{% extends "email/base.html" %}

{% block title %}New Reply on Your Support Ticket | Praxicraft{% endblock %}

{% block body_radius %}border-radius:8px;{% endblock %}

{% block content %}
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">Hi {{ first_name }},</p>
<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  <strong style="font-weight:700;">{{ agent_name }}</strong> from Praxicraft Support replied to your ticket{% if ticket_subject %} &ldquo;{{ ticket_subject }}&rdquo;{% endif %}.
</p>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:16px;border-collapse:separate;border-spacing:0;">
  {% if ticket_subject %}
  {% include "email/partials/_detail_row.html" with pill_label="TICKET" pill_value=ticket_subject pill_variant="primary" pill_radius="top" %}
  {% endif %}
  <tr>
    <td class="email-surface" style="background-color:#FFFFFF;padding:12px 16px;{% if not ticket_subject %}border-radius:8px 8px 0 0;{% endif %}{% if has_attachments %}border-bottom:1px solid #EEEEEF;{% else %}border-radius:{% if ticket_subject %}0 0 8px 8px{% else %}8px{% endif %};{% endif %}" bgcolor="#FFFFFF">
      <div class="email-pill" style="display:inline-block;padding:4px 10px;border-radius:36px;margin-bottom:8px;background-color:#FAFAFA;">
        <span class="email-pill-text" style="font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;color:#5C5C5D;">REPLY</span>
      </div>
      {% if reply_body %}
      <p class="text-main" style="margin:0;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#171717;white-space:pre-line;word-break:break-word;">{{ reply_body }}</p>
      {% else %}
      <p class="text-sub" style="margin:0;font-size:14px;font-weight:400;line-height:22px;color:#5C5C5D;">
        Open your ticket to read this reply.
      </p>
      {% endif %}
    </td>
  </tr>
  {% if has_attachments %}
  {% include "email/partials/_detail_row.html" with pill_footer="This reply includes attachment(s). Open the ticket to download them." pill_border="none" pill_radius="bottom" %}
  {% endif %}
</table>

<p class="text-main" style="margin:0 0 16px;font-size:16px;font-weight:400;line-height:26px;color:#171717;">
  Need to respond? Open your ticket and reply from your dashboard.
</p>

{% include "email/partials/_cta.html" with cta_url=dashboard_url cta_label=cta_label|default:"Reply" %}
{% endblock %}