<div style="padding: 5px 0;">
    <h2 style="color: #1f2937; font-size: 20px; font-weight: 700; margin-bottom: 12px;">
        Status Partisipasi Diterima
    </h2>

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

    <p style="color: #374151; font-size: 15px; line-height: 1.6; margin-bottom: 25px;">
        Kami dengan senang hati menginformasikan bahwa status partisipasi tim Anda untuk turnamen telah <strong
            style="color: #16a34a;">diterima</strong>.
        Tim Anda resmi terdaftar dan siap bertanding!
    </p>

    <!-- Tournament Details Section -->
    <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 Section -->
    <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>
                
                <div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid #dcfce7;">
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <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>
                </div>
            </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-color: #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>
    
    <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>
    
    <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>
</div>