




    <!-- SEMINAR DETAIL CONTENT -->
    <div class="container-xl py-5">
        <!-- Back Button -->
        <a href="index.html#seminars" class="back-button d-inline-flex align-items-center mb-4">
            <i data-lucide="arrow-left" width="16" class="me-2"></i> Kembali ke Daftar Seminar
        </a>
        
        <!-- Seminar Detail Card -->
        <div class="card border-0 shadow-lg overflow-hidden rounded-4 mb-5">
            <div class="row g-0">
                <!-- Seminar Image -->
                <div class="col-lg-5">
                    <img src="https://images.unsplash.com/photo-1544531586-fde5298cdd40?auto=format&fit=crop&q=80&w=1200" 
                         class="img-fluid h-100 w-100 object-fit-cover" 
                         style="min-height: 500px;"
                         alt="Strategi Implementasi Kurikulum Merdeka">
                </div>
                
                <!-- Seminar Details -->
                <div class="col-lg-7">
                    <div class="card-body p-4 p-lg-5">
                        <!-- Badges -->
                        <div class="d-flex flex-wrap gap-2 mb-4">
                            <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 rounded-pill fw-medium">
                                <i data-lucide="video" width="14" class="me-1"></i> Webinar Zoom
                            </span>
                            <span class="badge bg-success bg-opacity-10 text-success px-3 py-2 rounded-pill fw-medium">
                                <i data-lucide="calendar-check" width="14" class="me-1"></i> Pendaftaran Dibuka
                            </span>
                            <span class="badge bg-info bg-opacity-10 text-info px-3 py-2 rounded-pill fw-medium">
                                <i data-lucide="clock" width="14" class="me-1"></i> 3 Jam
                            </span>
                        </div>

                        <!-- Title -->
                        <h1 class="fw-bold mb-4 display-6">Strategi Implementasi Kurikulum Merdeka</h1>
                        
                        <!-- Meta Information -->
                        <div class="d-flex flex-column gap-3 mb-5">
                            <div class="d-flex align-items-center gap-3">
                                <div class="bg-primary bg-opacity-10 p-2 rounded-circle">
                                    <i data-lucide="user" class="text-primary" width="20"></i>
                                </div>
                                <div>
                                    <small class="text-muted d-block">Pemateri</small>
                                    <strong class="text-dark">Dr. Budi Santoso, M.Pd</strong>
                                    <p class="small text-muted mb-0">Pengembang Kurikulum Kemendikbud</p>
                                </div>
                            </div>
                            
                            <div class="d-flex align-items-center gap-3">
                                <div class="bg-primary bg-opacity-10 p-2 rounded-circle">
                                    <i data-lucide="calendar" class="text-primary" width="20"></i>
                                </div>
                                <div>
                                    <small class="text-muted d-block">Tanggal & Waktu</small>
                                    <strong class="text-dark">20 Mei 2024</strong>
                                    <p class="small text-muted mb-0">09:00 - 12:00 WIB</p>
                                </div>
                            </div>
                            
                            <div class="d-flex align-items-center gap-3">
                                <div class="bg-primary bg-opacity-10 p-2 rounded-circle">
                                    <i data-lucide="map-pin" class="text-primary" width="20"></i>
                                </div>
                                <div>
                                    <small class="text-muted d-block">Tempat</small>
                                    <strong class="text-dark">Online via Zoom Meeting</strong>
                                    <p class="small text-muted mb-0">Link akan dikirim setelah pendaftaran</p>
                                </div>
                            </div>
                        </div>

                        <!-- Pricing Card -->
                        <div class="card price-card border-0 mb-5 rounded-3">
                            <div class="card-body p-4">
                                <h5 class="text-primary fw-bold mb-4">Biaya Pendaftaran</h5>
                                <div class="row g-4">
                                    <div class="col-md-6">
                                        <div class="border rounded-3 p-3 bg-white">
                                            <small class="text-muted d-block text-uppercase mb-2" style="font-size: 0.75rem;">Non-Anggota</small>
                                            <div class="d-flex align-items-baseline">
                                                <span class="text-decoration-line-through text-muted me-2">Rp 150.000</span>
                                                <span class="fs-4 fw-bold text-dark">Rp 150.000</span>
                                            </div>
                                            <small class="text-muted d-block mt-2">* Akses terbatas</small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="border border-primary rounded-3 p-3 bg-primary bg-opacity-5">
                                            <small class="text-primary d-block text-uppercase fw-bold mb-2" style="font-size: 0.75rem;">
                                                <i data-lucide="crown" width="12" class="me-1"></i> Member PAPENTARA
                                            </small>
                                            <div class="d-flex align-items-baseline">
                                                <span class="text-decoration-line-through text-muted me-2">Rp 150.000</span>
                                                <span class="fs-3 fw-bold text-primary">Rp 100.000</span>
                                            </div>
                                            <small class="text-success d-block mt-2">* Hemat 33%</small>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-3 text-center">
                                    <small class="text-muted">Belum menjadi member? <a href="index.html#membership" class="text-primary fw-medium">Daftar sekarang</a></small>
                                </div>
                            </div>
                        </div>

                        <!-- Action Buttons -->
                        <div class="d-grid gap-3 mb-5">
                            <a href="register-seminar.html" class="btn btn-primary btn-lg py-3 fw-bold">
                                <i data-lucide="calendar-plus" width="20" class="me-2"></i> Daftar Seminar Ini
                            </a>
                            <a href="login.html" class="btn btn-outline-primary btn-lg py-3">
                                <i data-lucide="log-in" width="20" class="me-2"></i> Login untuk Daftar
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Detailed Description -->
        <div class="row g-5">
            <!-- Main Content -->
            <div class="col-lg-8">
                <div class="card border-0 shadow-sm rounded-4 mb-4">
                    <div class="card-body p-4 p-lg-5">
                        <h4 class="fw-bold mb-4">Tentang Seminar</h4>
                        <p class="text-justify mb-4">
                            Seminar ini membahas tuntas strategi penerapan Kurikulum Merdeka di tingkat sekolah dasar dan menengah dengan pendekatan praktis. 
                            Anda akan mendapatkan pemahaman mendalam tentang filosofi, struktur, dan implementasi kurikulum terbaru ini.
                        </p>
                        
                        <h5 class="fw-bold mb-3">Materi yang Akan Dibahas:</h5>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-2 d-flex align-items-start gap-2">
                                <i data-lucide="check-circle" class="text-success mt-1" width="18"></i>
                                <span>Pemahaman konsep dasar Kurikulum Merdeka</span>
                            </li>
                            <li class="mb-2 d-flex align-items-start gap-2">
                                <i data-lucide="check-circle" class="text-success mt-1" width="18"></i>
                                <span>Strategi diferensiasi pembelajaran sesuai kebutuhan siswa</span>
                            </li>
                            <li class="mb-2 d-flex align-items-start gap-2">
                                <i data-lucide="check-circle" class="text-success mt-1" width="18"></i>
                                <span>Teknik penilaian autentik dan portofolio</span>
                            </li>
                            <li class="mb-2 d-flex align-items-start gap-2">
                                <i data-lucide="check-circle" class="text-success mt-1" width="18"></i>
                                <span>Integrasi teknologi dalam pembelajaran merdeka</span>
                            </li>
                            <li class="mb-2 d-flex align-items-start gap-2">
                                <i data-lucide="check-circle" class="text-success mt-1" width="18"></i>
                                <span>Studi kasus keberhasilan implementasi di sekolah percontohan</span>
                            </li>
                        </ul>
                        
                        <h5 class="fw-bold mb-3">Manfaat Mengikuti Seminar:</h5>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <div class="d-flex align-items-center gap-2 mb-2">
                                        <div class="bg-primary bg-opacity-10 p-1 rounded-circle">
                                            <i data-lucide="award" class="text-primary" width="18"></i>
                                        </div>
                                        <h6 class="fw-bold mb-0">Sertifikat Resmi</h6>
                                    </div>
                                    <p class="small text-muted mb-0">E-Sertifikat bernomor unik 32 JP untuk kenaikan pangkat</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <div class="d-flex align-items-center gap-2 mb-2">
                                        <div class="bg-primary bg-opacity-10 p-1 rounded-circle">
                                            <i data-lucide="file-text" class="text-primary" width="18"></i>
                                        </div>
                                        <h6 class="fw-bold mb-0">Materi Lengkap</h6>
                                    </div>
                                    <p class="small text-muted mb-0">Slide presentasi, template RPP, dan worksheet dalam format PDF</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <div class="d-flex align-items-center gap-2 mb-2">
                                        <div class="bg-primary bg-opacity-10 p-1 rounded-circle">
                                            <i data-lucide="users" class="text-primary" width="18"></i>
                                        </div>
                                        <h6 class="fw-bold mb-0">Grup Diskusi</h6>
                                    </div>
                                    <p class="small text-muted mb-0">Akses ke grup WhatsApp untuk konsultasi dengan pemateri</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="border rounded-3 p-3 h-100">
                                    <div class="d-flex align-items-center gap-2 mb-2">
                                        <div class="bg-primary bg-opacity-10 p-1 rounded-circle">
                                            <i data-lucide="video" class="text-primary" width="18"></i>
                                        </div>
                                        <h6 class="fw-bold mb-0">Rekaman Seminar</h6>
                                    </div>
                                    <p class="small text-muted mb-0">Akses rekaman selama 30 hari untuk tayang ulang</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- About Speaker -->
                <div class="card border-0 shadow-sm rounded-4">
                    <div class="card-body p-4 p-lg-5">
                        <h4 class="fw-bold mb-4">Tentang Pemateri</h4>
                        <div class="d-flex flex-column flex-md-row gap-4">
                            <div class="text-center text-md-start">
                                <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=400" 
                                     class="rounded-circle mb-3" 
                                     width="120" 
                                     height="120"
                                     alt="Dr. Budi Santoso">
                                <h5 class="fw-bold mb-1">Dr. Budi Santoso, M.Pd</h5>
                                <p class="text-muted small">Pengembang Kurikulum Kemendikbud</p>
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-justify mb-3">
                                    Dr. Budi Santoso merupakan pakar kurikulum dengan pengalaman lebih dari 15 tahun dalam pengembangan kurikulum nasional. 
                                    Beliau aktif sebagai tim pengembang Kurikulum Merdeka di Kementerian Pendidikan dan Kebudayaan.
                                </p>
                                <div class="row g-3">
                                    <div class="col-6 col-md-4">
                                        <div class="text-center">
                                            <div class="display-6 fw-bold text-primary">15+</div>
                                            <small class="text-muted">Tahun Pengalaman</small>
                                        </div>
                                    </div>
                                    <div class="col-6 col-md-4">
                                        <div class="text-center">
                                            <div class="display-6 fw-bold text-primary">500+</div>
                                            <small class="text-muted">Sekolah Binaan</small>
                                        </div>
                                    </div>
                                    <div class="col-6 col-md-4">
                                        <div class="text-center">
                                            <div class="display-6 fw-bold text-primary">50+</div>
                                            <small class="text-muted">Pelatihan Nasional</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Sidebar -->
            <div class="col-lg-4">
                <!-- Registration Info -->
                <div class="card border-0 shadow-sm rounded-4 mb-4 sticky-top" style="top: 20px;">
                    <div class="card-body p-4">
                        <h5 class="fw-bold mb-3">Info Pendaftaran</h5>
                        <ul class="list-unstyled mb-4">
                            <li class="mb-3 d-flex align-items-start gap-2">
                                <i data-lucide="calendar" class="text-primary mt-1" width="18"></i>
                                <div>
                                    <small class="text-muted d-block">Batas Pendaftaran</small>
                                    <strong>18 Mei 2024</strong>
                                </div>
                            </li>
                            <li class="mb-3 d-flex align-items-start gap-2">
                                <i data-lucide="users" class="text-primary mt-1" width="18"></i>
                                <div>
                                    <small class="text-muted d-block">Kuota Peserta</small>
                                    <strong>200 orang tersisa</strong>
                                </div>
                            </li>
                            <li class="mb-3 d-flex align-items-start gap-2">
                                <i data-lucide="clipboard-check" class="text-primary mt-1" width="18"></i>
                                <div>
                                    <small class="text-muted d-block">Persyaratan</small>
                                    <strong>Guru/Dosen/Pemerhati Pendidikan</strong>
                                </div>
                            </li>
                            <li class="d-flex align-items-start gap-2">
                                <i data-lucide="help-circle" class="text-primary mt-1" width="18"></i>
                                <div>
                                    <small class="text-muted d-block">Pertanyaan?</small>
                                    <strong>WA: 0812-3456-7890</strong>
                                </div>
                            </li>
                        </ul>
                        
                        <div class="alert alert-warning border-0 small">
                            <i data-lucide="alert-circle" width="16" class="me-2"></i>
                            Pendaftaran akan ditutup otomatis apabila kuota telah terpenuhi
                        </div>
                    </div>
                </div>
                
                <!-- Related Seminars -->
                <div class="card border-0 shadow-sm rounded-4">
                    <div class="card-header bg-white border-0 py-3">
                        <h5 class="fw-bold mb-0">Seminar Lainnya</h5>
                    </div>
                    <div class="card-body p-0">
                        <div class="list-group list-group-flush">
                            <a href="detail-seminar-2.html" class="list-group-item list-group-item-action border-0 p-3">
                                <div class="d-flex gap-3">
                                    <img src="https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&q=80&w-100" 
                                         class="rounded" 
                                         width="60" 
                                         height="60"
                                         alt="Workshop Penulisan">
                                    <div>
                                        <h6 class="fw-bold mb-1">Workshop Penulisan Karya Ilmiah</h6>
                                        <small class="text-muted d-block">10 Juni 2024</small>
                                        <small class="text-primary">Rp 250.000</small>
                                    </div>
                                </div>
                            </a>
                            <a href="detail-seminar-3.html" class="list-group-item list-group-item-action border-0 p-3">
                                <div class="d-flex gap-3">
                                    <img src="https://images.unsplash.com/photo-1531403009284-440f080d1e12?auto=format&fit=crop&q=80&w-100" 
                                         class="rounded" 
                                         width="60" 
                                         height="60"
                                         alt="Manajemen Kelas">
                                    <div>
                                        <h6 class="fw-bold mb-1">Manajemen Kelas di Era Digital</h6>
                                        <small class="text-muted d-block">15 April 2024</small>
                                        <small class="text-success">Gratis</small>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>