<h2 style="font-size:20px; color:#1f2937; margin:0 0 15px 0;">Pembayaran Registrasi Disetujui</h2>

<p style="margin:0 0 10px 0; color:#374151; font-size:15px; line-height:1.6;">
    Halo <strong style="color:#1f2937;">{{ NamaLengkap }}</strong>
</p>

<p style="margin:0 0 20px 0; color:#374151; font-size:15px; line-height:1.6;">
    Kami dengan senang hati menginformasikan bahwa pembayaran registrasi Anda untuk turnamen telah <strong style="color:#16a34a;">disetujui</strong>.
</p>

<!-- Tournament Details -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:25px 0;">
    <tr>
        <td style="background:#f8fafc; padding:15px 20px; border-left:4px solid #3b82f6;">
            <h3 style="color:#1f2937; font-size:15px; font-weight:600; margin:0 0 12px 0;">Detail Tournament</h3>
            
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="width:70px; padding-right:15px; vertical-align:top;">
                        <img src="{{ Tournament.Gambar }}" alt="{{ Tournament.NamaTournament }}" style="width:70px; height:70px; display:block; background:#e5e7eb;" />
                    </td>
                    <td style="vertical-align:top;">
                        <div style="font-weight:600; color:#1f2937; font-size:15px; margin-bottom:3px;">
                            {{ Tournament.NamaTournament }}
                        </div>
                        <div style="color:#6b7280; font-size:13px; margin-bottom:2px;">
                            Lokasi: {{ Tournament.Lokasi }}
                        </div>
                        <div style="color:#6b7280; font-size:13px;">
                            Tanggal: {{ Tournament.Tanggal }}
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<!-- Team Details -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:25px 0;">
    <tr>
        <td style="background:#f0fdf4; padding:15px 20px; border-left:4px solid #22c55e;">
            <h3 style="color:#1f2937; font-size:15px; font-weight:600; margin:0 0 12px 0;">Detail Tim</h3>
            
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td style="width:50%; padding-right:8px; vertical-align:top;">
                        <div style="background:#ffffff; padding:10px 12px; border:1px solid #dcfce7;">
                            <div style="font-size:10px; color:#6b7280; text-transform:uppercase; margin-bottom:3px;">Partner 1</div>
                            <div style="font-weight:600; color:#1f2937; font-size:14px;">{{ TeamData.Partner1.Nama }}</div>
                            <div style="font-size:12px; color:#6b7280;">{{ TeamData.Partner1.Email }}</div>
                        </div>
                    </td>
                    <td style="width:50%; padding-left:8px; vertical-align:top;">
                        <div style="background:#ffffff; padding:10px 12px; border:1px solid #dcfce7;">
                            <div style="font-size:10px; color:#6b7280; text-transform:uppercase; margin-bottom:3px;">Partner 2</div>
                            <div style="font-weight:600; color:#1f2937; font-size:14px;">{{ TeamData.Partner2.Nama }}</div>
                            <div style="font-size:12px; color:#6b7280;">{{ TeamData.Partner2.Email }}</div>
                        </div>
                    </td>
                </tr>
            </table>
            
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:10px; padding-top:10px; border-top:1px solid #dcfce7;">
                <tr>
                    <td style="color:#6b7280; font-size:13px; padding-bottom:3px;">Nama Tim</td>
                    <td style="font-weight:600; color:#1f2937; font-size:13px; text-align:right; padding-bottom:3px;">{{ TeamData.NamaTim }}</td>
                </tr>
                <tr>
                    <td style="color:#6b7280; font-size:13px; padding-bottom:3px;">Kategori</td>
                    <td style="font-weight:600; color:#1f2937; font-size:13px; text-align:right; padding-bottom:3px;">{{ TeamData.Kategori }}</td>
                </tr>
                <tr>
                    <td style="color:#6b7280; font-size:13px;">Level</td>
                    <td style="font-weight:600; color:#1f2937; font-size:13px; text-align:right;">{{ TeamData.Level }}</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<!-- Action Button -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:25px 0 15px 0;">
    <tr>
        <td align="center">
            <a href="{{ Tournament.URLLanding }}" style="display:inline-block; background:#16a34a; color:#ffffff; padding:10px 28px; border-radius:4px; font-weight:600; font-size:14px; text-decoration:none;">
                Lihat Detail Tournament
            </a>
        </td>
    </tr>
</table>

<!-- Info Box -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:15px 0;">
    <tr>
        <td style="background:#f8fafc; padding:12px 18px; border-left:4px solid #3b82f6;">
            <p style="margin:0; color:#374151; font-size:13px; line-height:1.6;">
                Informasi lebih lanjut mengenai jadwal pertandingan akan kami kirimkan melalui email ini.
                Pantau terus informasi terbaru di website kami.
            </p>
        </td>
    </tr>
</table>

<!-- Footer Contact -->
<p style="color:#6b7280; font-size:13px; text-align:center; margin-top:25px; border-top:1px solid #e5e7eb; padding-top:20px;">
    Pertanyaan? Hubungi kami di 
    <a href="mailto:{{ CompanyEmail }}" style="color:#3b82f6; text-decoration:none;">{{ CompanyEmail }}</a>
    atau via 
    <a href="https://wa.me/{{ CompanyWhatsapp }}" style="color:#25D366; text-decoration:none;">WhatsApp</a>
</p>