@php($keg = $kegiatan ?? null)

<div class="mb-3 row">
    <label for="nama_kegiatan" class="col-md-3 col-form-label">Nama Kegiatan <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <input type="text" name="nama_kegiatan" id="nama_kegiatan" class="form-control @error('nama_kegiatan') is-invalid @enderror"
            value="{{ old('nama_kegiatan', $keg->nama_kegiatan ?? '') }}" required>
        @error('nama_kegiatan')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
    </div>
</div>

@if ($keg && $keg->is_berbayar && $keg->link_platform === '-')
    <div class="mb-3 row">
        <div class="col-md-9 offset-md-3">
            <div class="alert alert-warning mb-0">
                <i class="bx bx-error-circle me-1"></i>
                Kegiatan ini ditandai <strong>Berbayar</strong> tapi Link Platform masih diisi placeholder
                "-" oleh mahasiswa yang mengajukan — pastikan link asli sudah dilengkapi sebelum
                kegiatan berlangsung.
            </div>
        </div>
    </div>
@endif

@php($berbayarTerpilih = old('is_berbayar', $keg->is_berbayar ?? false) ? true : false)
<div class="mb-3 row">
    <label class="col-md-3 col-form-label">Biaya Kegiatan</label>
    <div class="col-md-9">
        <div class="btn-group" role="group">
            <input type="radio" class="btn-check" name="is_berbayar" id="biaya_gratis" value="0"
                {{ ! $berbayarTerpilih ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="biaya_gratis">
                <i class="mdi mdi-hand-heart-outline me-1"></i> Gratis
            </label>

            <input type="radio" class="btn-check" name="is_berbayar" id="biaya_berbayar" value="1"
                {{ $berbayarTerpilih ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="biaya_berbayar">
                <i class="mdi mdi-cash me-1"></i> Berbayar
            </label>
        </div>
        @error('is_berbayar')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row {{ $berbayarTerpilih ? '' : 'd-none' }}" id="wrapper-no-wa-narahubung">
    <label for="no_wa_narahubung" class="col-md-3 col-form-label">No. WhatsApp Narahubung <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <input type="text" name="no_wa_narahubung" id="no_wa_narahubung" class="form-control @error('no_wa_narahubung') is-invalid @enderror"
            placeholder="mis. 081234567890" value="{{ old('no_wa_narahubung', $keg->no_wa_narahubung ?? '') }}">
        <small class="text-muted d-block mt-1">
            Ditampilkan ke mahasiswa (dengan tautan WhatsApp otomatis) setelah kegiatan disetujui/aktif,
            supaya yang berminat bisa langsung bertanya soal biaya.
        </small>
        @error('no_wa_narahubung')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

@php($modeTerpilih = old('mode_kegiatan', $keg->mode_kegiatan ?? 'luring'))

<div class="mb-3 row">
    <label class="col-md-3 col-form-label">Mode Kegiatan <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <div class="btn-group" role="group">
            <input type="radio" class="btn-check" name="mode_kegiatan" id="mode_luring" value="luring"
                {{ $modeTerpilih === 'luring' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="mode_luring">
                <i class="mdi mdi-crosshairs-gps me-1"></i> Luring (Tatap Muka)
            </label>

            <input type="radio" class="btn-check" name="mode_kegiatan" id="mode_daring" value="daring"
                {{ $modeTerpilih === 'daring' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="mode_daring">
                <i class="mdi mdi-laptop me-1"></i> Daring (Online)
            </label>
        </div>
        <small class="text-muted d-block mt-1">
            Luring memakai lokasi GPS/QR seperti biasa. Daring tidak butuh pengaturan lokasi —
            mahasiswa cukup klik "Kirim Presensi" dari perangkat terdaftarnya.
        </small>
        @error('mode_kegiatan')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

@php($tahunTerpilih = old('tahun_akademik_id', $keg->tahun_akademik_id ?? $tahunAkademikAktifId ?? ''))

@if ($keg && $keg->isPengajuanMahasiswa())
    {{-- Pengajuan mahasiswa selalu ditandai tahun akademik yang SEDANG
    AKTIF saat disetujui (lihat Admin\KegiatanController::setujui()), jadi
    field ini tidak perlu ditampilkan/dipilih manual di sini — mahasiswa
    mengajukan kegiatan untuk periode berjalan, bukan periode lampau/akan
    datang. Field ini tetap ada (dan bisa diedit) untuk kegiatan yang
    dibuat langsung oleh admin, karena admin kadang perlu membuatkan
    kegiatan untuk tahun akademik lain (mis. entri data lampau). --}}
    <input type="hidden" name="tahun_akademik_id" value="{{ $tahunTerpilih }}">
@else
    <div class="mb-3 row">
        <label for="tahun_akademik_id" class="col-md-3 col-form-label">Tahun Akademik</label>
        <div class="col-md-9">
            <select name="tahun_akademik_id" id="tahun_akademik_id" class="form-select @error('tahun_akademik_id') is-invalid @enderror">
                <option value="">-- Tidak Ditentukan --</option>
                @foreach ($daftarTahunAkademik as $ta)
                    <option value="{{ $ta->id }}" {{ (string) $tahunTerpilih === (string) $ta->id ? 'selected' : '' }}>
                        {{ $ta->nama }}{{ $ta->is_aktif ? ' (Aktif)' : '' }}
                    </option>
                @endforeach
            </select>
            <small class="text-muted d-block mt-1">
                Otomatis terpilih ke tahun akademik yang sedang aktif — biasanya tidak perlu diubah,
                kecuali membuat kegiatan untuk tahun akademik lain. Dipakai untuk mengelompokkan
                laporan/export nanti.
            </small>
            @error('tahun_akademik_id')
                <span class="invalid-feedback d-block">{{ $message }}</span>
            @enderror
            @if ($daftarTahunAkademik->isEmpty())
                <small class="text-danger d-block mt-1">
                    Belum ada tahun akademik. <a href="{{ route('admin.tahun-akademik.create') }}">Tambah tahun akademik</a> terlebih dahulu.
                </small>
            @endif
        </div>
    </div>
@endif

<div class="mb-3 row">
    <label for="kelompok_kegiatan_id" class="col-md-3 col-form-label">Kelompok Kegiatan</label>
    <div class="col-md-9">
        @php($kelompokTerkunci = isset($keg) && $keg->exists && $keg->surveiPengisians()->exists())
        {{-- Admin pusat melihat kelompok dari SEMUA jurusan sekaligus (kegiatan
             yang dibuat admin pusat tidak terikat satu jurusan) -- dua jurusan
             boleh punya kelompok dengan nama sama, jadi nama jurusan disertakan
             di sini supaya tidak ambigu. Admin jurusan tidak perlu ini karena
             daftarnya sudah terfilter ke jurusannya sendiri saja. --}}
        @php($tampilkanJurusan = auth()->user()->isPusat())
        <select name="kelompok_kegiatan_id" id="kelompok_kegiatan_id"
            class="form-select @error('kelompok_kegiatan_id') is-invalid @enderror"
            {{ $kelompokTerkunci ? 'disabled' : '' }}>
            <option value="">-- Tidak dikelompokkan --</option>
            @foreach ($daftarKelompok as $kelompok)
                <option value="{{ $kelompok->id }}"
                    data-punya-pertanyaan="{{ $kelompok->survei_pertanyaans_count > 0 ? '1' : '0' }}"
                    data-kuliah-tamu="{{ $kelompok->adalahKuliahTamu() ? '1' : '0' }}"
                    {{ (string) old('kelompok_kegiatan_id', $keg->kelompok_kegiatan_id ?? '') === (string) $kelompok->id ? 'selected' : '' }}>
                    {{ $kelompok->nama }}{{ $tampilkanJurusan ? ' — '.($kelompok->jurusan->nama ?? 'Tanpa Jurusan') : '' }}
                </option>
            @endforeach
        </select>
        @if ($kelompokTerkunci)
            {{-- Select di-disable supaya tidak terkirim kosong, jadi dikirim lewat input tersembunyi. --}}
            <input type="hidden" name="kelompok_kegiatan_id" value="{{ $keg->kelompok_kegiatan_id }}">
            <small class="text-muted d-block mt-1">
                Kelompok tidak bisa diganti karena sudah ada mahasiswa yang mengisi survei untuk kegiatan ini.
            </small>
        @else
            <small class="text-muted d-block mt-1">
                Opsional. Dipakai untuk mengelompokkan rekap presensi mahasiswa dan menentukan pertanyaan
                survei kegiatan (dikelola di menu Kelompok Kegiatan).
            </small>
            @if ($daftarKelompok->isEmpty())
                @if ($tampilkanJurusan)
                    <small class="text-danger d-block mt-1">
                        Belum ada kelompok kegiatan. <a href="{{ route('admin.kelompok-kegiatan.create') }}">Tambah kelompok kegiatan</a> terlebih dahulu.
                    </small>
                @else
                    <small class="text-danger d-block mt-1">
                        Belum ada kelompok kegiatan untuk jurusan Anda. Hubungi admin pusat untuk menambahkannya.
                    </small>
                @endif
            @endif
        @endif
        @error('kelompok_kegiatan_id')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

@php(
    $kelompokAwal = $daftarKelompok->firstWhere('id', (int) old('kelompok_kegiatan_id', $keg->kelompok_kegiatan_id ?? 0))
)
@php($adalahKuliahTamu = $kelompokAwal && $kelompokAwal->adalahKuliahTamu())
<div class="mb-3 row" id="wrapper-narasumber" style="{{ $adalahKuliahTamu ? '' : 'display: none;' }}">
    <label for="narasumber" class="col-md-3 col-form-label">Narasumber <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <input type="text" name="narasumber" id="narasumber" autocomplete="off"
            class="form-control @error('narasumber') is-invalid @enderror"
            value="{{ old('narasumber', $keg->narasumber ?? '') }}"
            placeholder="Nama narasumber kuliah tamu">
        @error('narasumber')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row">
    <label class="col-md-3 col-form-label">Survei Kegiatan</label>
    <div class="col-md-9">
        <div class="form-check">
            <input type="checkbox" name="wajib_survei" id="wajib_survei" value="1" class="form-check-input @error('wajib_survei') is-invalid @enderror"
                {{ old('wajib_survei', $keg->wajib_survei ?? false) ? 'checked' : '' }}>
            <label for="wajib_survei" class="form-check-label">Wajibkan mahasiswa mengisi survei sebelum presensi</label>
        </div>
        <small id="keterangan-wajib-survei" class="text-muted d-block mt-1"></small>
        @error('wajib_survei')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row" id="wrapper-lokasi-presensi">
    <label for="lokasi_presensi_id" class="col-md-3 col-form-label">Lokasi Presensi <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <select name="lokasi_presensi_id" id="lokasi_presensi_id" class="form-select @error('lokasi_presensi_id') is-invalid @enderror">
            <option value="">-- Pilih Lokasi --</option>
            @foreach ($lokasis as $lokasi)
                <option value="{{ $lokasi->id }}" {{ (string) old('lokasi_presensi_id', $keg->lokasi_presensi_id ?? '') === (string) $lokasi->id ? 'selected' : '' }}>
                    {{ $lokasi->nama_lokasi }}
                </option>
            @endforeach
        </select>
        @error('lokasi_presensi_id')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
        @if ($lokasis->isEmpty())
            <small class="text-danger d-block mt-1">
                Belum ada lokasi presensi. <a href="{{ route('admin.lokasi.create') }}">Tambah lokasi</a> terlebih dahulu.
            </small>
        @endif
    </div>
</div>

<div class="mb-3 row" id="wrapper-wajib-qr">
    <label class="col-md-3 col-form-label">Verifikasi QR</label>
    <div class="col-md-9">
        @php($wajibQr = (string) old('wajib_qr', isset($keg) ? (int) $keg->wajib_qr : 1))
        <div class="btn-group" role="group">
            <input type="radio" class="btn-check" name="wajib_qr" id="wajib_qr_ya" value="1" {{ $wajibQr === '1' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="wajib_qr_ya"><i class="mdi mdi-qrcode me-1"></i> Pakai QR</label>
            <input type="radio" class="btn-check" name="wajib_qr" id="wajib_qr_tidak" value="0" {{ $wajibQr === '1' ? '' : 'checked' }}>
            <label class="btn btn-outline-primary" for="wajib_qr_tidak"><i class="mdi mdi-qrcode-remove me-1"></i> Tanpa QR</label>
        </div>
        <div class="form-text">
            <strong>Pakai QR:</strong> mahasiswa harus memindai QR yang ditampilkan di lokasi (lebih aman, disarankan);
            QR dibuat lewat tombol QR di daftar kegiatan, dan sebelum QR dibuat presensi belum bisa dilakukan.
            <strong>Tanpa QR:</strong> cukup GPS di dalam area lokasi.
        </div>
    </div>
</div>

<div class="mb-3 row" id="wrapper-wajib-pulang">
    <label class="col-md-3 col-form-label">Mode Presensi</label>
    <div class="col-md-9">
        @php($wajibPulang = (string) old('wajib_pulang', isset($keg) ? (int) $keg->wajib_pulang : 0))
        <div class="btn-group" role="group">
            <input type="radio" class="btn-check" name="wajib_pulang" id="wajib_pulang_tidak" value="0" {{ $wajibPulang === '1' ? '' : 'checked' }}>
            <label class="btn btn-outline-primary" for="wajib_pulang_tidak">Presensi masuk saja</label>
            <input type="radio" class="btn-check" name="wajib_pulang" id="wajib_pulang_ya" value="1" {{ $wajibPulang === '1' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="wajib_pulang_ya"><i class="bx bx-log-out me-1"></i> Masuk &amp; pulang</label>
        </div>
        <div class="form-text">
            <strong>Masuk &amp; pulang:</strong> presensi pulang baru bisa {{ config('presensi.pulang_buka_setelah_mulai_menit') }}
            menit setelah jam mulai <em>dan</em> {{ config('presensi.pulang_min_setelah_masuk_menit') }} menit setelah presensi masuk,
            sampai jam selesai. Agar pulang selalu masih tersedia, presensi masuk ditutup
            {{ config('presensi.pulang_min_setelah_masuk_menit') + config('presensi.pulang_jendela_minimal_menit') }} menit sebelum jam
            selesai. Yang tidak presensi pulang sampai jam selesai otomatis ditandai tidak lengkap.
        </div>
    </div>
</div>

<div class="mb-3 row d-none" id="wrapper-platform-konferensi">
    <label for="platform_konferensi" class="col-md-3 col-form-label">Platform Konferensi</label>
    <div class="col-md-9">
        <select name="platform_konferensi" id="platform_konferensi" class="form-select @error('platform_konferensi') is-invalid @enderror">
            <option value="">-- Pilih Platform --</option>
            @foreach (['Zoom Meeting', 'Google Meet', 'Microsoft Teams', 'Cisco Webex', 'Lainnya'] as $platform)
                <option value="{{ $platform }}" {{ old('platform_konferensi', $keg->platform_konferensi ?? '') === $platform ? 'selected' : '' }}>
                    {{ $platform }}
                </option>
            @endforeach
        </select>
        <small class="text-muted d-block mt-1">
            Opsional. Jenis platform konferensi yang dipakai — ditampilkan ke mahasiswa di dashboard
            supaya mereka tahu aplikasi apa yang perlu disiapkan.
        </small>
        @error('platform_konferensi')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row d-none" id="wrapper-link-platform">
    <label for="link_platform" class="col-md-3 col-form-label">Link Platform</label>
    <div class="col-md-9">
        <input type="text" name="link_platform" id="link_platform" class="form-control @error('link_platform') is-invalid @enderror"
            placeholder="https://zoom.us/j/... atau https://meet.google.com/..."
            value="{{ old('link_platform', $keg->link_platform ?? '') }}">
        <small class="text-muted d-block mt-1">
            Opsional. Link ruang virtual (Zoom/Google Meet/dsb) yang dipakai untuk kegiatan ini —
            ditampilkan ke mahasiswa di dashboard supaya mereka bisa langsung bergabung. Kalau kegiatan
            berbayar dan link-nya baru dibagikan setelah peserta membayar, boleh isi "-" dulu.
        </small>
        @error('link_platform')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row d-none" id="wrapper-info-daring">
    <div class="col-md-9 offset-md-3">
        <div class="alert alert-info mb-0">
            <i class="mdi mdi-information-outline me-1"></i>
            Kegiatan daring tidak memakai QR presensi, dan tidak ada lokasi presensi yang perlu diatur.
            Mahasiswa presensi cukup dengan klik "Kirim Presensi" dari perangkat terdaftarnya — lokasi
            GPS-nya (kalau browser/izin lokasi mendukung) ikut tercatat otomatis sebagai audit untuk
            ditinjau admin, bukan syarat untuk diterima presensinya.
        </div>
    </div>
</div>

{{-- Tanggal, Jam Mulai, Jam Selesai: satu baris di layar lebar, ditumpuk di HP --}}
<div class="mb-3 row">
    <label for="tanggal" class="col-md-3 col-form-label align-self-md-end">Waktu Kegiatan <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <div class="row g-2">
            <div class="col-12 col-sm-4">
                <label for="tanggal" class="form-label small text-muted mb-1">Tanggal</label>
                <input type="date" name="tanggal" id="tanggal" class="form-control @error('tanggal') is-invalid @enderror"
                    value="{{ old('tanggal', isset($keg) ? $keg->tanggal->format('Y-m-d') : '') }}" required>
                @error('tanggal')
                    <span class="invalid-feedback">{{ $message }}</span>
                @enderror
            </div>
            <div class="col-6 col-sm-4">
                <label for="jam_mulai" class="form-label small text-muted mb-1">Jam Mulai (WIB)</label>
                <input type="time" name="jam_mulai" id="jam_mulai" class="form-control @error('jam_mulai') is-invalid @enderror"
                    value="{{ old('jam_mulai', isset($keg) ? substr($keg->jam_mulai, 0, 5) : '') }}" required>
                @error('jam_mulai')
                    <span class="invalid-feedback">{{ $message }}</span>
                @enderror
            </div>
            <div class="col-6 col-sm-4">
                <label for="jam_selesai" class="form-label small text-muted mb-1">Jam Selesai (WIB)</label>
                <input type="time" name="jam_selesai" id="jam_selesai" class="form-control @error('jam_selesai') is-invalid @enderror"
                    value="{{ old('jam_selesai', isset($keg) ? substr($keg->jam_selesai, 0, 5) : '') }}" required>
                @error('jam_selesai')
                    <span class="invalid-feedback">{{ $message }}</span>
                @enderror
            </div>
        </div>
    </div>
</div>

@php($angkatanTerpilih = old('angkatan_diizinkan', $keg->angkatan_diizinkan ?? []))
@php($prodiTerpilih = old('prodi_diizinkan', $keg->prodi_diizinkan ?? []))
@php($kelasTerpilih = old('kelas_diizinkan', $keg->kelas_diizinkan ?? []))

@if ($keg && $keg->isPengajuanMahasiswa())
    <div class="card border-info mb-3">
        <div class="card-header bg-soft-info fw-semibold">
            <i class="bx bx-bulb me-1"></i> Rencana Kegiatan Ini Untuk Siapa (menurut mahasiswa yang mengajukan)
        </div>
        <div class="card-body py-2">
            @if ($keg->rekomendasiTargetLabel())
                <div class="fs-5 fw-semibold text-info">{{ $keg->rekomendasiTargetLabel() }}</div>
            @else
                <div class="text-muted fst-italic">Mahasiswa tidak menyertakan rekomendasi target untuk kegiatan ini.</div>
            @endif
            <small class="text-muted d-block mt-1">
                Ini cuma <strong>masukan/saran</strong> dari mahasiswa — silakan sesuaikan sendiri
                Angkatan/Program Studi/Kelas yang boleh presensi di bawah sesuai keputusan Anda.
            </small>
        </div>
    </div>
@endif

<div class="card mb-3">
    <div class="card-header fw-semibold">
        <i class="bx bx-group me-1"></i> Siapa yang Boleh Presensi
    </div>
    <div class="card-body">
        <small class="text-muted d-block mb-3">
            Kosongkan semua (tidak centang apapun) pada satu bagian berarti kegiatan ini berlaku untuk
            SEMUA pilihan di bagian itu — mis. tidak centang angkatan apapun berarti berlaku untuk
            semua angkatan.
        </small>

        <div class="form-check mb-3">
            <input type="checkbox" name="kehadiran_sebagian" id="kehadiran_sebagian" class="form-check-input" value="1"
                {{ old('kehadiran_sebagian', $keg->kehadiran_sebagian ?? false) ? 'checked' : '' }}>
            <label for="kehadiran_sebagian" class="form-check-label fw-semibold">
                Kehadiran cuma sebagian/perwakilan, bukan wajib semua hadir
            </label>
            <small class="text-muted d-block">
                Centang kalau tidak semua mahasiswa wajib datang (mis. cukup perwakilan). Setelah
                diverifikasi, yang sama sekali tidak presensi tidak dihitung tidak hadir. Biarkan
                kosong untuk kegiatan wajib.
            </small>
        </div>

        <label class="form-label fw-semibold">Angkatan</label>
        @if ($daftarAngkatan->isEmpty())
            <small class="text-muted d-block mb-3">
                Belum ada data angkatan mahasiswa. Kosongkan saja (berarti berlaku untuk semua angkatan),
                atau import data mahasiswa dulu supaya pilihan angkatan muncul di sini.
            </small>
        @else
            <div class="d-flex flex-wrap gap-3 mb-3">
                @foreach ($daftarAngkatan as $angkatan)
                    <div class="form-check">
                        <input type="checkbox" name="angkatan_diizinkan[]" id="angkatan_{{ $loop->index }}"
                            class="form-check-input" value="{{ $angkatan }}"
                            {{ in_array($angkatan, $angkatanTerpilih ?? []) ? 'checked' : '' }}>
                        <label for="angkatan_{{ $loop->index }}" class="form-check-label">{{ $angkatan }}</label>
                    </div>
                @endforeach
            </div>
        @endif
        @error('angkatan_diizinkan')
            <span class="invalid-feedback d-block mb-3">{{ $message }}</span>
        @enderror

        <hr>

        <label class="form-label fw-semibold">Program Studi</label>
        @if (! $keg && auth()->user()->isProdi())
            <small class="text-muted d-block mb-3">
                Kegiatan yang Anda buat otomatis hanya berlaku untuk prodi Anda sendiri
                (<strong>{{ auth()->user()->prodiNama() }}</strong>) — tidak bisa dipilih prodi lain.
            </small>
        @elseif ($daftarProdi->isEmpty())
            <small class="text-muted d-block mb-3">
                Belum ada data program studi. Kosongkan saja (berarti berlaku untuk semua prodi),
                atau tambah program studi dulu di menu <a href="{{ route('admin.prodi.create') }}">Program Studi</a>.
            </small>
        @else
            <div class="d-flex flex-wrap gap-3 mb-3">
                @foreach ($daftarProdi as $prodi)
                    <div class="form-check">
                        <input type="checkbox" name="prodi_diizinkan[]" id="prodi_{{ $loop->index }}"
                            class="form-check-input" value="{{ $prodi }}"
                            {{ in_array($prodi, $prodiTerpilih ?? []) ? 'checked' : '' }}>
                        <label for="prodi_{{ $loop->index }}" class="form-check-label">{{ $prodi }}</label>
                    </div>
                @endforeach
            </div>
        @endif
        @error('prodi_diizinkan')
            <span class="invalid-feedback d-block mb-3">{{ $message }}</span>
        @enderror

        <hr>

        <label class="form-label fw-semibold">Kelas</label>
        @if ($daftarKelas->isEmpty())
            <small class="text-muted d-block">
                Belum ada data kelas mahasiswa. Kosongkan saja (berarti berlaku untuk semua kelas),
                atau import data mahasiswa dulu supaya pilihan kelas muncul di sini.
            </small>
        @else
            <div class="d-flex flex-wrap gap-3">
                @foreach ($daftarKelas as $kelas)
                    <div class="form-check">
                        <input type="checkbox" name="kelas_diizinkan[]" id="kelas_{{ $loop->index }}"
                            class="form-check-input" value="{{ $kelas }}"
                            {{ in_array($kelas, $kelasTerpilih ?? []) ? 'checked' : '' }}>
                        <label for="kelas_{{ $loop->index }}" class="form-check-label">{{ $kelas }}</label>
                    </div>
                @endforeach
            </div>
        @endif
        @error('kelas_diizinkan')
            <span class="invalid-feedback d-block">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row">
    <label for="keterangan" class="col-md-3 col-form-label">Keterangan</label>
    <div class="col-md-9">
        <textarea name="keterangan" id="keterangan" class="form-control" rows="3">{{ old('keterangan', $keg->keterangan ?? '') }}</textarea>
    </div>
</div>

@unless ($keg && $keg->isPengajuanMahasiswa() && $keg->status_pengajuan === 'menunggu')
<div class="mb-3 row">
    <div class="col-md-9 offset-md-3">
        <div class="form-check">
            <input type="checkbox" name="is_active" id="is_active" class="form-check-input" value="1"
                {{ old('is_active', $keg->is_active ?? true) ? 'checked' : '' }}>
            <label for="is_active" class="form-check-label">Kegiatan aktif</label>
        </div>
    </div>
</div>
@endunless

<script>
    (function () {
        var radios = document.querySelectorAll('input[name="mode_kegiatan"]');
        var wrapperLokasi = document.getElementById('wrapper-lokasi-presensi');
        var wrapperWajibQr = document.getElementById('wrapper-wajib-qr');
        var wrapperWajibPulang = document.getElementById('wrapper-wajib-pulang');
        var wrapperInfoDaring = document.getElementById('wrapper-info-daring');
        var wrapperLinkPlatform = document.getElementById('wrapper-link-platform');
        var wrapperPlatformKonferensi = document.getElementById('wrapper-platform-konferensi');
        var selectLokasi = document.getElementById('lokasi_presensi_id');

        function terapkanMode(mode) {
            if (mode === 'daring') {
                wrapperLokasi.classList.add('d-none');
                wrapperWajibQr.classList.add('d-none');
                wrapperWajibPulang.classList.add('d-none');
                wrapperInfoDaring.classList.remove('d-none');
                wrapperLinkPlatform.classList.remove('d-none');
                wrapperPlatformKonferensi.classList.remove('d-none');
                selectLokasi.required = false;
            } else {
                wrapperLokasi.classList.remove('d-none');
                wrapperWajibQr.classList.remove('d-none');
                wrapperWajibPulang.classList.remove('d-none');
                wrapperInfoDaring.classList.add('d-none');
                wrapperLinkPlatform.classList.add('d-none');
                wrapperPlatformKonferensi.classList.add('d-none');
                selectLokasi.required = true;
            }
        }

        radios.forEach(function (radio) {
            radio.addEventListener('change', function () {
                if (this.checked) {
                    terapkanMode(this.value);
                }
            });
        });

        var terpilih = document.querySelector('input[name="mode_kegiatan"]:checked');
        terapkanMode(terpilih ? terpilih.value : 'luring');
    })();

    // Biaya Kegiatan: tampilkan/wajibkan No. WhatsApp Narahubung hanya
    // kalau opsi "Berbayar" yang dipilih.
    (function () {
        var radioBiaya = document.querySelectorAll('input[name="is_berbayar"]');
        var wrapperNoWa = document.getElementById('wrapper-no-wa-narahubung');
        var inputNoWa = document.getElementById('no_wa_narahubung');

        function terapkanBerbayar(berbayar) {
            if (berbayar) {
                wrapperNoWa.classList.remove('d-none');
                inputNoWa.required = true;
            } else {
                wrapperNoWa.classList.add('d-none');
                inputNoWa.required = false;
            }
        }

        radioBiaya.forEach(function (radio) {
            radio.addEventListener('change', function () {
                if (this.checked) {
                    terapkanBerbayar(this.value === '1');
                }
            });
        });

        var biayaTerpilih = document.querySelector('input[name="is_berbayar"]:checked');
        terapkanBerbayar(biayaTerpilih ? biayaTerpilih.value === '1' : false);
    })();

    // Toggle "Wajib Survei" cuma boleh aktif kalau kelompok kegiatan yang
    // dipilih sudah punya minimal 1 pertanyaan survei (validasi ulang di
    // server tetap ada di KegiatanController::validated() — ini cuma UX
    // supaya admin langsung tahu kenapa, bukan baru tahu setelah submit).
    (function () {
        var selectKelompok = document.getElementById('kelompok_kegiatan_id');
        var checkboxWajibSurvei = document.getElementById('wajib_survei');
        var keterangan = document.getElementById('keterangan-wajib-survei');

        if (!selectKelompok || !checkboxWajibSurvei || !keterangan) {
            return;
        }

        function terapkan() {
            var opsiTerpilih = selectKelompok.options[selectKelompok.selectedIndex];
            var punyaPertanyaan = opsiTerpilih && opsiTerpilih.value !== '' && opsiTerpilih.dataset.punyaPertanyaan === '1';

            if (punyaPertanyaan) {
                checkboxWajibSurvei.disabled = false;
                keterangan.textContent = '';
            } else {
                checkboxWajibSurvei.disabled = true;
                checkboxWajibSurvei.checked = false;
                keterangan.textContent = 'Pilih Kelompok Kegiatan yang sudah punya pertanyaan survei dulu (dikelola di menu Kelompok Kegiatan) untuk mengaktifkan ini.';
            }
        }

        selectKelompok.addEventListener('change', terapkan);
        terapkan();
    })();

    // Field Narasumber cuma relevan (dan cuma ditampilkan) untuk kelompok
    // "Kuliah Tamu" -- validasi wajib-isi tetap diulang di server
    // (KegiatanController::validated()), ini cuma supaya field-nya tidak
    // membingungkan muncul untuk kelompok lain yang tidak relevan.
    (function () {
        var selectKelompok = document.getElementById('kelompok_kegiatan_id');
        var wrapperNarasumber = document.getElementById('wrapper-narasumber');
        var inputNarasumber = document.getElementById('narasumber');

        if (!selectKelompok || !wrapperNarasumber || !inputNarasumber) {
            return;
        }

        function terapkan() {
            var opsiTerpilih = selectKelompok.options[selectKelompok.selectedIndex];
            var kuliahTamu = opsiTerpilih && opsiTerpilih.dataset.kuliahTamu === '1';

            wrapperNarasumber.style.display = kuliahTamu ? '' : 'none';
            inputNarasumber.required = kuliahTamu;
            if (!kuliahTamu) {
                inputNarasumber.value = '';
            }
        }

        selectKelompok.addEventListener('change', terapkan);
        inputNarasumber.required = wrapperNarasumber.style.display !== 'none';
    })();
</script>