<!doctype html>
<html>
<body style="margin:0;padding:0;background:#0c0e13;font-family:Segoe UI,Arial,sans-serif;color:#e8e0d4;">
  <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background:#0c0e13;padding:28px 12px;">
    <tr><td align="center">
      <table role="presentation" width="660" cellspacing="0" cellpadding="0" style="max-width:660px;width:100%;background:#ffffff;border:1px solid #1e2430;border-radius:16px;overflow:hidden;">

        <tr><td style="padding:30px;background:linear-gradient(120deg,#b3761a,#d34848);color:#ffffff;">
          <div style="font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.9;">Approval Needed</div>
          <h1 style="margin:10px 0 0;font-size:26px;line-height:1.2;color:#ffffff;">{{ details.name }} &mdash; {{ details.game }}</h1>
          <div style="margin-top:12px;display:inline-block;padding:7px 14px;background:rgba(255,255,255,.2);border-radius:99px;font-size:13px;font-weight:600;">{{ details.ref }} &middot; {{ details.payment_status }}</div>
        </td></tr>

        <tr><td style="padding:28px 30px;">
          <p style="margin:0 0 20px;font-size:14.5px;line-height:1.7;color:#b8ac9e;">
            A new registration has arrived. Open the admin panel, review the payment proof, and mark the status as
            <strong>Paid</strong> when approved. The player will receive an automatic confirmation email.
          </p>

          <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;border:1px solid #1e2430;border-radius:10px;overflow:hidden;">
            {% for label, value in [
              ('Full Name', details.name),
              ('Email', details.email),
              ('Phone', details.phone),
              ('CNIC', details.cnic),
              ('Institution Type', details.institution_type),
              ('Institution', details.university),
              ('Roll No.', details.roll_no),
              ('Game', details.game),
              ('Platform', details.platform),
              ('Entry Type', details.entry_type),
              ('Amount Remaining to Pay', details.remaining_amount),
              ('Team Name', details.team_name),
              ('Leader', details.leader_name),
              ('Member Count', details.member_count),
              ('Payment Status', details.payment_status),
              ('Submitted At', details.created_at)
            ] %}
            <tr>
              <td style="padding:11px 16px;border-bottom:1px solid #141820;color:#8c8070;font-size:13px;width:42%;">{{ label }}</td>
              <td style="padding:11px 16px;border-bottom:1px solid #141820;text-align:right;font-weight:600;color:#e8e0d4;font-size:14px;">{{ value }}</td>
            </tr>
            {% endfor %}
          </table>

          <div style="margin-top:18px;padding:16px 18px;background:#111620;border:1px solid #1e2430;border-radius:10px;">
            <div style="font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#d4a420;margin-bottom:8px;">Team Members</div>
            <pre style="margin:0;white-space:pre-wrap;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.7;color:#b8ac9e;">{{ details.members }}</pre>
          </div>
        </td></tr>
        <tr><td style="padding:16px 30px;background:#111827;color:#94a3b8;font-size:12px;text-align:center;">
          Email: <a href="mailto:nexora.esport.support@gmail.com" style="color:#d4a420;">nexora.esport.support@gmail.com</a>
           &middot; WhatsApp: <a href="https://wa.me/923310314962" style="color:#d4a420;">+92 331 0314962</a>
        </td></tr>
      </table>
    </td></tr>
  </table>
</body>
</html>
