{% load jalali %}

<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <body style="margin:0;padding:0;background:#f9fafb;font-family:Tahoma,Arial,sans-serif;color:#111827;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
      <tr>
        <td align="center" style="padding:20px;">
          <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;">
            <tr>
              <td style="background:#4f46e5;color:#ffffff;padding:20px 24px;border-radius:8px 8px 0 0;text-align:center;">
                <h1 style="margin:0;font-size:18px;line-height:26px;">انجمن علمی مهندسی کامپیوتر</h1>
                <p style="margin:6px 0 0 0;font-size:13px;opacity:.9;">دعوت به شرکت در رویداد</p>
              </td>
            </tr>

            <tr>
              <td style="padding:24px;">
                <h2 style="margin:0 0 12px 0;font-size:16px;">سلام {{ user.get_full_name|default:user.username }} عزیز،</h2>
                <p style="margin:0 0 12px 0;font-size:14px;line-height:1.8;">
                  شما هنوز در رویداد <strong>«{{ event.title }}»</strong> ثبت‌نام نکرده‌اید. اگر علاقه‌مند هستید، قبل از پایان مهلت ثبت‌نام می‌توانید از لینک زیر اقدام کنید.
                </p>

                <table role="presentation" cellpadding="0" cellspacing="0" style="margin:16px 0 10px 0;">
                  <tr>
                    <td style="padding:6px 0;font-size:13px;color:#6b7280;">تاریخ:</td>
                    <td style="padding:6px 0;font-size:13px;color:#111827;">{{ event.start_time|jdate:"%Y/%m/%d %H:%M"|fa_digits }}</td>
                  </tr>
                  {% if event.location %}
                  <tr>
                    <td style="padding:6px 0;font-size:13px;color:#6b7280;">مکان:</td>
                    <td style="padding:6px 0;font-size:13px;color:#111827;">{% if event.address %}{{ event.address }}{% else %}{{ event.event_type_display }}{% endif %}</td>
                  </tr>
                  {% endif %}
                </table>

                <div style="text-align:center;margin:20px 0;">
                  <a href="{{ event_url }}" style="display:inline-block;background:#4f46e5;color:#fff;text-decoration:none;padding:10px 20px;border-radius:6px;font-size:14px;">مشاهده و ثبت‌نام در رویداد</a>
                </div>

                <p style="margin:0;font-size:13px;color:#6b7280;">
                  اگر لینک بالا باز نشد، این آدرس را در مرورگر باز کنید:
                </p>
                <p style="margin:6px 0 0 0;font-size:12px;direction:ltr;background:#f3f4f6;padding:8px;border-radius:6px;word-break:break-all;">
                  {{ event_url }}
                </p>

                <p style="margin:16px 0 0 0;font-size:13px;line-height:1.8;">
                  با احترام<br/>تیم انجمن علمی مهندسی کامپیوتر
                </p>
              </td>
            </tr>

            <tr>
              <td align="center" style="padding:16px;border-top:1px solid #e5e7eb;">
                <p style="margin:0;font-size:12px;color:#6b7280;">این ایمیل به‌صورت خودکار ارسال شده است.</p>
              </td>
            </tr>

          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
