{% extends "./base_email.html" %}
{% load static %}

{% block email_header %}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
  <tr>
    <td style="padding:20px 24px;vertical-align:middle;">
      <img src="{{ base_url }}{% static 'images/glcdi.png' %}" alt="GLCDI" />
    </td>
    <td style="width:100%;"></td>
    <td style="padding:20px 24px;vertical-align:middle;background-color:#FDECEC;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#1A1918;font-size:18px;font-weight:600;white-space:nowrap;">
      <svg width="24" height="24" viewBox="0 0 24 24" style="vertical-align:middle;margin-right:8px;" xmlns="http://www.w3.org/2000/svg">
        <circle cx="12" cy="12" r="11" fill="#B91C1C"/>
        <path d="M8 8l8 8M16 8l-8 8" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/>
      </svg>
      Application declined
    </td>
  </tr>
</table>
{% endblock %}

{% block email_body %}
<div style="padding:32px 24px;">

  <p style="font-size:18px;line-height:28px;color:#1A1918;margin:0 0 12px 0;padding:0;">Hello {{ fullname }},</p>

  <p style="font-size:18px;line-height:28px;color:#1A1918;margin:0 0 28px 0;padding:0;">
    Your organization, <strong>{{ organization_name }}</strong>, was not approved for the GLCDI Data Space at this time.
  </p>

  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#FBFBF9;width:100%;border-collapse:collapse;">

    <tr>
      <td style="width:52px;padding:18px 0 18px 20px;vertical-align:middle;">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <rect x="3" y="5" width="18" height="14" rx="2" stroke="#C7873A" stroke-width="2"/>
          <path d="M3 7l9 6 9-6" stroke="#C7873A" stroke-width="2" stroke-linejoin="round"/>
        </svg>
      </td>
      <td style="padding:18px 8px;vertical-align:middle;display:grid;">
        <p style="margin:0 0 4px 0;padding:0;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:600;color:#C7873A;">1. Contact support</p>
        <p style="margin:0;padding:0;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:20px;color:#6b6b6b;">
          If you have questions about this decision, our team is here to help.
        </p>
      </td>
      <td style="padding:18px 20px 18px 8px;vertical-align:middle;text-align:right;white-space:nowrap;">
        <a href="{{ base_url }}" style="font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#1B6B5A;text-decoration:none;font-size:14px;font-weight:600;">Contact support&nbsp;&raquo;</a>
      </td>
    </tr>

    <tr>
      <td colspan="3" style="border-top:1px solid #ECEAE3;font-size:0;line-height:0;height:1px;">&nbsp;</td>
    </tr>

    <tr>
      <td style="width:52px;padding:18px 0 18px 20px;vertical-align:middle;">
        <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 12a8 8 0 018-8 8 8 0 016.32 3.12" stroke="#C7873A" stroke-width="2" stroke-linecap="round"/>
          <path d="M19 4v4h-4" stroke="#C7873A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M20 12a8 8 0 01-8 8 8 8 0 01-6.32-3.12" stroke="#C7873A" stroke-width="2" stroke-linecap="round"/>
          <path d="M5 20v-4h4" stroke="#C7873A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </td>
      <td style="padding:18px 8px;vertical-align:middle;display:grid;">
        <p style="margin:0 0 4px 0;padding:0;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:600;color:#C7873A;">2. Reapply anytime</p>
        <p style="margin:0;padding:0;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:20px;color:#6b6b6b;">
          You can submit a new application whenever your organization is ready.
        </p>
      </td>
      <td style="padding:18px 20px 18px 8px;vertical-align:middle;text-align:right;white-space:nowrap;">
        <a href="{{ base_url }}" style="font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#1B6B5A;text-decoration:none;font-size:14px;font-weight:600;">Start new application&nbsp;&raquo;</a>
      </td>
    </tr>

  </table>

  <p style="font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:13px;color:#9ca3af;margin:20px 0 0 0;padding:0;">
    This is an automated message. Please do not reply to this email.
  </p>

</div>
{% endblock %}