{% load jalali %}

<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <body style="margin:0;padding:0;background:#ffffff;">
    <table role="presentation" width="100%" style="border-collapse:collapse;">
      <tr>
        <td align="center" style="padding:20px;">
          <table role="presentation" width="600" style="width:100%;max-width:600px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;">
            <tr>
              <td align="center" style="background:#4f46e5;color:#fff;padding:20px;">
                <h1 style="margin:0;font-family:Tahoma,Arial,sans-serif;font-size:18px;">تأیید ثبت‌نام شما</h1>
              </td>
            </tr>

            <tr>
              <td style="background:#f9fafb;padding:22px 30px;text-align:right;">
                <p style="margin:0 0 10px 0;font-family:Tahoma,Arial,sans-serif;font-size:14px;color:#374151;">
                  {{ user.get_full_name|default:'کاربر' }} عزیز،
                </p>
                <p style="margin:0 0 14px 0;font-family:Tahoma,Arial,sans-serif;font-size:14px;color:#374151;">
                  ثبت‌نام شما در رویداد <strong style="color:#111827;">{{ event.title }}</strong> تأیید شد.
                </p>

                <table role="presentation" style="width:100%;border-collapse:collapse;margin:10px 0;">
                  <tr>
                    <td style="padding:6px 0;font-family:Tahoma,Arial,sans-serif;font-size:13px;color:#6b7280;">تاریخ:</td>
                    <td style="padding:6px 0;font-family:Tahoma,Arial,sans-serif;font-size:13px;color:#111827;">
                        {{ event.start_time|jdate:"%Y/%m/%d %H:%M"|fa_digits }}
                        -
                        {{ event.end_time|jdate:"%Y/%m/%d %H:%M"|fa_digits }}
                    </td>
                  </tr>
                  <tr>
                    <td style="padding:6px 0;font-family:Tahoma,Arial,sans-serif;font-size:13px;color:#6b7280;">محل برگزاری:</td>
                    <td style="padding:6px 0;font-family:Tahoma,Arial,sans-serif;font-size:13px;color:#111827;">{{ event.get_event_type_display }} | {{ event.address }}</td>
                  </tr>
                </table>

                <div style="text-align:center;margin:18px 0;">
                  <a href="{{ event_url }}"
                     style="display:inline-block;background:#4f46e5;color:#fff;text-decoration:none;padding:10px 22px;border-radius:6px;font-family:Tahoma,Arial,sans-serif;font-size:14px;">
                    مشاهده جزئیات رویداد
                  </a>
                </div>
              </td>
            </tr>

            {% if success_html %}
            <tr>
              <td style="background:#ffffff;padding:0 30px 24px;text-align:right;">
                <div style="border:1px solid #e5e7eb;border-radius:8px;padding:18px;font-family:Tahoma,Arial,sans-serif;font-size:14px;color:#374151;line-height:1.6;">
                  {{ success_html|safe }}
                </div>
              </td>
            </tr>
            {% endif %}

            <tr>
              <td align="center" style="padding:16px 20px;color:#6b7280;font-family:Tahoma,Arial,sans-serif;font-size:12px;">
                <div>&copy; {% now 'Y' %} انجمن علمی مهندسی کامپیوتر شرق گیلان</div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
