<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
    <div class="mb-12">
        <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-6 mb-8">
            <div class="relative">
                <div
                    class="absolute -left-3 -top-3 w-20 h-20 bg-gradient-to-br from-violet-500/10 to-indigo-600/10 rounded-full blur-xl">
                </div>
                <h1 class="text-4xl font-black tracking-tight dark:text-white relative z-10 mb-2">
                    <span class="bg-gradient-to-r from-violet-600 to-indigo-600 bg-clip-text text-transparent">
                        Daftar Kampus
                    </span>
                </h1>
                <p class="text-slate-500 dark:text-slate-400 text-sm pl-1">
                    <i data-lucide="school" class="w-4 h-4 inline mr-2"></i>
                    Kelola data kampus yang terdaftar dalam sistem
                </p>
            </div>

            <div class="flex items-center gap-4">
                <a href="<?php echo e(route('kampus.create')); ?>"
                    class="px-4 py-2.5 bg-gradient-to-r from-violet-600 to-indigo-700 text-white rounded-xl text-sm font-medium hover:shadow-lg hover:shadow-violet-500/25 transition-all flex items-center gap-2 shadow-sm">
                    <i data-lucide="plus" class="w-4 h-4"></i>
                    <span>Tambah Kampus</span>
                </a>
                <button onclick="window.print()"
                    class="px-4 py-2.5 bg-white dark:bg-gray-800 border border-slate-200 dark:border-gray-700 rounded-xl text-sm font-medium text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-gray-700 transition-all flex items-center gap-2 shadow-sm">
                    <i data-lucide="printer" class="w-4 h-4"></i>
                    <span class="hidden sm:inline">Print</span>
                </button>
            </div>
        </div>

        <!-- Flash Messages -->
        <?php if(session('success')): ?>
            <div
                class="mb-6 p-4 bg-gradient-to-r from-green-500/10 to-emerald-600/10 border border-green-500/20 rounded-2xl flex items-center gap-3 animate-fade-in">
                <div
                    class="w-10 h-10 rounded-xl bg-green-500/10 text-green-500 flex items-center justify-center flex-shrink-0">
                    <i data-lucide="check-circle" class="w-5 h-5"></i>
                </div>
                <div class="flex-1">
                    <p class="font-medium text-green-700 dark:text-green-400"><?php echo e(session('success')); ?></p>
                </div>
                <button onclick="this.parentElement.remove()" class="text-green-500 hover:text-green-600">
                    <i data-lucide="x" class="w-4 h-4"></i>
                </button>
            </div>
        <?php endif; ?>

        <?php if(session('error')): ?>
            <div
                class="mb-6 p-4 bg-gradient-to-r from-red-500/10 to-rose-600/10 border border-red-500/20 rounded-2xl flex items-center gap-3 animate-fade-in">
                <div
                    class="w-10 h-10 rounded-xl bg-red-500/10 text-red-500 flex items-center justify-center flex-shrink-0">
                    <i data-lucide="alert-circle" class="w-5 h-5"></i>
                </div>
                <div class="flex-1">
                    <p class="font-medium text-red-700 dark:text-red-400"><?php echo e(session('error')); ?></p>
                </div>
                <button onclick="this.parentElement.remove()" class="text-red-500 hover:text-red-600">
                    <i data-lucide="x" class="w-4 h-4"></i>
                </button>
            </div>
        <?php endif; ?>

        <!-- Main Card -->
        <div class="group relative">
            <div
                class="absolute -inset-1 bg-gradient-to-r from-violet-600/10 to-indigo-600/10 rounded-3xl blur opacity-0 group-hover:opacity-30 transition duration-500">
            </div>
            <div
                class="relative bg-white dark:bg-[#1a1a2e] rounded-3xl border border-slate-200 dark:border-white/5 shadow-xl overflow-hidden">

                <!-- Card Header -->
                <div class="p-6 border-b border-slate-100 dark:border-white/5">
                    <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
                        <div>
                            <h3 class="text-xl font-bold text-gray-900 dark:text-white">Data Kampus</h3>
                            <p class="text-sm text-slate-500 dark:text-slate-400 mt-1">Daftar semua kampus yang
                                terdaftar</p>
                        </div>
                        <div class="text-sm text-slate-500 dark:text-slate-400">
                            Total: <span
                                class="font-bold text-violet-600 dark:text-violet-400"><?php echo e($kampus->total()); ?></span>
                            kampus
                        </div>
                    </div>
                </div>

                <!-- Filter Section -->
                <div class="p-6 border-b border-slate-100 dark:border-white/5 bg-slate-50/50 dark:bg-white/5">
                    <form method="GET" action="<?php echo e(route('kampus.index')); ?>" class="space-y-4">
                        <div class="flex flex-col md:flex-row gap-4">
                            <div class="flex-1">
                                <div class="relative">
                                    <i data-lucide="search"
                                        class="absolute left-4 top-1/2 transform -translate-y-1/2 w-4 h-4 text-slate-400"></i>
                                    <input type="text" name="search" value="<?php echo e(request('search')); ?>"
                                        placeholder="Cari nama kampus..."
                                        class="w-full pl-12 pr-4 py-3 bg-white dark:bg-gray-800 border border-slate-200 dark:border-gray-700 rounded-xl focus:outline-none focus:ring-2 focus:ring-violet-500">
                                </div>
                            </div>
                            <div class="flex gap-2">
                                <button type="submit"
                                    class="px-4 py-3 bg-gradient-to-r from-violet-600 to-indigo-700 text-white rounded-xl text-sm font-medium hover:shadow-lg transition-all flex items-center gap-2">
                                    <i data-lucide="search" class="w-4 h-4"></i>
                                    <span>Cari</span>
                                </button>
                                <?php if(request()->has('search') && request('search') != ''): ?>
                                    <a href="<?php echo e(route('kampus.index')); ?>"
                                        class="px-4 py-3 bg-white dark:bg-gray-800 border border-slate-200 rounded-xl text-sm font-medium text-slate-600 hover:bg-slate-50 transition-all flex items-center gap-2">
                                        <i data-lucide="x" class="w-4 h-4"></i>
                                        <span>Reset</span>
                                    </a>
                                <?php endif; ?>
                            </div>
                        </div>
                    </form>
                </div>

                <!-- Table Section -->
                <div class="overflow-x-auto">
                    <table class="w-full">
                        <thead>
                            <tr class="bg-slate-50/50 dark:bg-white/5 border-b border-slate-100 dark:border-white/5">
                                <th
                                    class="text-left py-4 px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">
                                    No</th>
                                <th
                                    class="text-left py-4 px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">
                                    Nama Kampus</th>
                                <th
                                    class="text-left py-4 px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">
                                    Bagi Hasil</th>
                                <th
                                    class="text-left py-4 px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">
                                    Aksi</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-slate-100 dark:divide-white/5">
                            <?php $__empty_1 = true; $__currentLoopData = $kampus; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <?php
                                    $bagiHasil = json_decode($k->bagi_hasil, true) ?? [];
                                    $biayaFormulir = json_decode($k->biaya_formulir, true) ?? [];
                                    $totalBiayaTetap = collect($bagiHasil['biaya'] ?? [])->sum('rupiah');
                                    $totalFormulir = 0;
                                    if (is_array($biayaFormulir) && !empty($biayaFormulir)) {
                                        foreach ($biayaFormulir as $jenjang => $biaya) {
                                            if (is_array($biaya) && isset($biaya['total'])) {
                                                $totalFormulir += $biaya['total'];
                                            } elseif (is_numeric($biaya)) {
                                                $totalFormulir += $biaya;
                                            }
                                        }
                                    }
                                ?>
                                <tr class="hover:bg-slate-50/50 dark:hover:bg-white/5 transition-colors cursor-pointer"
                                    onclick="showDetailKampus(<?php echo e($k->id); ?>)">
                                    <td class="py-4 px-4">
                                        <span
                                            class="inline-flex items-center justify-center w-8 h-8 bg-slate-100 dark:bg-gray-800 text-slate-600 rounded-lg text-xs font-bold">
                                            <?php echo e($loop->iteration); ?>

                                        </span>
                                    </td>
                                    <td class="py-4 px-4">
                                        <div class="flex items-center gap-3">
                                            <div
                                                class="w-10 h-10 rounded-xl bg-gradient-to-br from-violet-500/10 to-indigo-600/10 text-violet-500 flex items-center justify-center flex-shrink-0">
                                                <i data-lucide="school" class="w-5 h-5"></i>
                                            </div>
                                            <div>
                                                <div class="font-medium text-gray-900 dark:text-white">
                                                    <?php echo e($k->nama); ?></div>
                                                <?php if($k->singkatan): ?>
                                                    <div class="text-xs text-slate-500 dark:text-slate-400">
                                                        <?php echo e($k->singkatan); ?></div>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="py-4 px-4">
                                        <div class="flex flex-wrap items-center gap-2 text-sm">
                                            <span
                                                class="px-2 py-1 bg-violet-100 dark:bg-violet-900/30 text-violet-700 rounded-lg text-xs">
                                                Kampus: <?php echo e($bagiHasil['kampus']); ?>%
                                            </span>
                                            <span
                                                class="px-2 py-1 bg-indigo-100 dark:bg-indigo-900/30 text-indigo-700 rounded-lg text-xs">
                                                K2: <?php echo e($bagiHasil['k2']); ?>%
                                            </span>
                                            <span
                                                class="px-2 py-1 bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 rounded-lg text-xs">
                                                Yayasan: <?php echo e($bagiHasil['yayasan']); ?>%
                                            </span>
                                        </div>
                                    </td>
                                    <td class="py-4 px-4" onclick="event.stopPropagation()">
                                        <div class="flex items-center gap-2">
                                            <a href="<?php echo e(route('kampus.edit', $k->id)); ?>"
                                                class="w-9 h-9 flex items-center justify-center bg-slate-100 dark:bg-gray-800 text-slate-600 hover:bg-slate-200 rounded-lg transition-colors"
                                                title="Edit">
                                                <i data-lucide="edit-2" class="w-4 h-4"></i>
                                            </a>
                                            <button
                                                onclick="deleteKampus(<?php echo e($k->id); ?>, '<?php echo e(addslashes($k->nama)); ?>')"
                                                class="w-9 h-9 flex items-center justify-center bg-red-500/10 text-red-600 hover:bg-red-500/20 rounded-lg transition-colors"
                                                title="Hapus">
                                                <i data-lucide="trash-2" class="w-4 h-4"></i>
                                            </button>
                                            <button onclick="showDetailKampus(<?php echo e($k->id); ?>)"
                                                class="w-9 h-9 flex items-center justify-center bg-blue-500/10 text-blue-600 hover:bg-blue-500/20 rounded-lg transition-colors"
                                                title="Detail">
                                                <i data-lucide="info" class="w-4 h-4"></i>
                                            </button>
                                            <a href="<?php echo e(route('prodi.index', ['kampus_id' => $k->id])); ?>"
                                                class="w-9 h-9 flex items-center justify-center bg-green-500/10 text-green-600 hover:bg-green-500/20 rounded-lg transition-colors"
                                                title="Lihat Program Studi">
                                                <i data-lucide="list" class="w-4 h-4"></i>
                                            </a>
                                        </div>
                                        <form id="delete-form-<?php echo e($k->id); ?>"
                                            action="<?php echo e(route('kampus.destroy', $k->id)); ?>" method="POST"
                                            class="hidden">
                                            <?php echo csrf_field(); ?>
                                            <?php echo method_field('DELETE'); ?>
                                        </form>
                                    </td>
                                </tr>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <tr>
                                    <td colspan="4" class="py-12 px-6 text-center">
                                        <div
                                            class="w-16 h-16 mx-auto mb-4 rounded-full bg-slate-100 dark:bg-gray-800 flex items-center justify-center">
                                            <i data-lucide="inbox" class="w-8 h-8 text-slate-400"></i>
                                        </div>
                                        <h4 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                                            <?php if(request()->has('search') && request('search') != ''): ?>
                                                Tidak ada data kampus yang sesuai
                                            <?php else: ?>
                                                Belum ada data kampus
                                            <?php endif; ?>
                                        </h4>
                                        <?php if(!request()->has('search') || request('search') == ''): ?>
                                            <a href="<?php echo e(route('kampus.create')); ?>"
                                                class="inline-flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-violet-600 to-indigo-700 text-white rounded-xl text-sm font-medium hover:shadow-lg transition-all">
                                                <i data-lucide="plus" class="w-4 h-4"></i>
                                                Tambah Kampus Pertama
                                            </a>
                                        <?php endif; ?>
                                    </td>
                                </tr>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                <?php if($kampus->hasPages()): ?>
                    <div class="p-6 border-t border-slate-100 dark:border-white/5">
                        <div class="flex flex-col sm:flex-row justify-between items-center gap-4">
                            <div class="text-sm text-slate-500">
                                Menampilkan <?php echo e($kampus->firstItem()); ?> - <?php echo e($kampus->lastItem()); ?> dari
                                <?php echo e($kampus->total()); ?> data
                            </div>
                            <div><?php echo e($kampus->appends(request()->query())->links('vendor.pagination.tailwind')); ?></div>
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <!-- Modal Detail Kampus -->
    <div id="detailKampusModal" class="fixed inset-0 z-50 hidden overflow-y-auto" role="dialog">
        <div class="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
            <div class="fixed inset-0 bg-gray-500 bg-opacity-75 dark:bg-gray-900 dark:bg-opacity-75 transition-opacity"
                onclick="closeDetailModal()"></div>
            <div
                class="inline-block align-bottom bg-white dark:bg-[#1a1a2e] rounded-3xl text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl sm:w-full">
                <div class="p-6">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-xl font-bold text-gray-900 dark:text-white">Detail Kampus</h3>
                        <button onclick="closeDetailModal()" class="text-slate-400 hover:text-slate-500">
                            <i data-lucide="x" class="w-5 h-5"></i>
                        </button>
                    </div>
                    <div id="detailKampusContent" class="space-y-4 max-h-96 overflow-y-auto">
                        <div class="text-center py-8">
                            <i data-lucide="loader-2" class="w-8 h-8 animate-spin text-violet-500 mx-auto"></i>
                            <p class="text-sm text-slate-500 mt-2">Memuat data...</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        let detailModal = document.getElementById('detailKampusModal');
        let detailContent = document.getElementById('detailKampusContent');

        async function showDetailKampus(id) {
            detailModal.classList.remove('hidden');
            detailContent.innerHTML = `
                <div class="text-center py-8">
                    <i data-lucide="loader-2" class="w-8 h-8 animate-spin text-violet-500 mx-auto"></i>
                    <p class="text-sm text-slate-500 mt-2">Memuat data...</p>
                </div>
            `;
            lucide.createIcons();

            try {
                const response = await fetch(`/kampus/${id}/detail`);
                const data = await response.json();

                if (data.success) {
                    const k = data.data;
                    const bagiHasil = k.bagi_hasil || {};
                    const biayaTetap = bagiHasil.biaya || [];
                    const biayaFormulir = k.biaya_formulir || {};

                    let biayaTetapHtml = '';
                    if (Object.keys(biayaTetap).length > 0) {
                        biayaTetapHtml = `
                            <div class="border-t border-slate-200 dark:border-white/10 pt-4">
                                <h4 class="font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
                                    <i data-lucide="wallet" class="w-4 h-4 text-violet-500"></i>
                                    Biaya Tetap
                                </h4>
                                <div class="space-y-2">
                                    ${Object.values(biayaTetap).map(b => `
                                                    <div class="flex justify-between items-center p-3 bg-slate-50 dark:bg-white/5 rounded-xl">
                                                        <div>
                                                            <span class="font-medium">${b.nama}</span>
                                                            <span class="text-xs ml-2 px-2 py-0.5 rounded-full ${b.penanggung === 'kampus' ? 'bg-blue-100 text-blue-700' : b.penanggung === 'k2' ? 'bg-green-100 text-green-700' : 'bg-purple-100 text-purple-700'}">
                                                                ${b.penanggung === 'kampus' ? 'Kampus' : b.penanggung === 'k2' ? 'K2' : 'Sharing'}
                                                            </span>
                                                            ${b.penanggung === 'sharing' ? `<div class="text-xs text-slate-500 mt-1">Kampus: ${b.persen.kampus}% | K2: ${b.persen.k2}%</div>` : ''}
                                                        </div>
                                                        <div class="font-bold text-gray-900 dark:text-white">Rp ${(b.rupiah || 0).toLocaleString('id-ID')}</div>
                                                    </div>
                                                `).join('')}
                                </div>
                            </div>
                        `;
                    }

                    let formulirHtml = '';
                    if (Object.keys(biayaFormulir).length > 0) {
                        formulirHtml = `
                            <div class="border-t border-slate-200 dark:border-white/10 pt-4">
                                <h4 class="font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
                                    <i data-lucide="file-text" class="w-4 h-4 text-violet-500"></i>
                                    Biaya Formulir
                                </h4>
                                <div class="space-y-2">
                                    ${Object.entries(biayaFormulir).map(([jenjang, biaya]) => {
                                        let total = typeof biaya === 'object' ? (biaya.total || 0) : biaya;
                                        return `
                                                        <div class="flex justify-between items-center p-3 bg-slate-50 dark:bg-white/5 rounded-xl">
                                                            <div>
                                                                <span class="font-medium">Jenjang ${jenjang}</span>
                                                                <div class="text-xs text-slate-500">Penanggung: ${biaya.penanggung || 'sharing'}</div>
                                                                ${biaya.penanggung === 'sharing' ? `<div class="text-xs text-slate-500">Kampus: ${biaya.persen?.kampus || 0}% | K2: ${biaya.persen?.k2 || 0}%</div>` : ''}
                                                            </div>
                                                            <div class="font-bold text-gray-900 dark:text-white">Rp ${total.toLocaleString('id-ID')}</div>
                                                        </div>
                                                    `;
                                    }).join('')}
                                </div>
                            </div>
                        `;
                    }

                    detailContent.innerHTML = `
                        <div class="space-y-4">
                            <!-- Informasi Dasar -->
                            <div class="bg-slate-50 dark:bg-white/5 p-4 rounded-xl">
                            <div class="grid grid-cols-2 gap-4">
                                <div>
                                    <div class="text-xs text-slate-500">Nama Kampus</div>
                                    <div class="font-medium break-words">${escapeHtml(k.nama)}</div>
                                </div>
                                <div>
                                    <div class="text-xs text-slate-500">Singkatan</div>
                                    <div class="font-medium">${k.singkatan || '-'}</div>
                                </div>
                                <div class="col-span-2">
                                    <div class="text-xs text-slate-500">Alamat</div>
                                    <div class="font-medium break-words">${k.alamat || '-'}</div>
                                </div>
                                <div>
                                    <div class="text-xs text-slate-500">Website</div>
                                    <div class="font-medium">
                                        ${k.website ?
                                            `<div class="max-w-full overflow-x-auto whitespace-nowrap pb-1 scrollbar-thin">
                                                    <a href="${k.website}" target="_blank" class="text-violet-600 hover:underline">
                                                        ${k.website}
                                                    </a>
                                                </div>` : '-'
                                        }
                                    </div>
                                </div>
                                <div>
                                    <div class="text-xs text-slate-500">Email Official</div>
                                    <div class="font-medium break-words">${k.email_official || '-'}</div>
                                </div>
                            </div>
                        </div>

                            <!-- Bagi Hasil -->
                            <div class="bg-slate-50 dark:bg-white/5 p-4 rounded-xl">
                                <h4 class="font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
                                    <i data-lucide="percent" class="w-4 h-4 text-violet-500"></i>
                                    Bagi Hasil
                                </h4>
                                <div class="grid grid-cols-4 gap-3 text-center">
                                    <div class="p-3 bg-white dark:bg-gray-800 rounded-lg">
                                        <div class="text-xs text-slate-500">Kampus</div>
                                        <div class="text-xl font-bold text-violet-600">${bagiHasil.kampus}%</div>
                                    </div>
                                    <div class="p-3 bg-white dark:bg-gray-800 rounded-lg">
                                        <div class="text-xs text-slate-500">K2</div>
                                        <div class="text-xl font-bold text-indigo-600">${bagiHasil.k2}%</div>
                                    </div>
                                    <div class="p-3 bg-white dark:bg-gray-800 rounded-lg">
                                        <div class="text-xs text-slate-500">Yayasan</div>
                                        <div class="text-xl font-bold text-emerald-600">${bagiHasil.yayasan}%</div>
                                    </div>
                                    <div class="p-3 bg-white dark:bg-gray-800 rounded-lg">
                                        <div class="text-xs text-slate-500">Agensi</div>
                                        <div class="text-xl font-bold text-amber-600">${bagiHasil.subsidi?.agensi}%</div>
                                    </div>
                                </div>
                            </div>

                            ${biayaTetapHtml}
                            ${formulirHtml}
                        </div>
                    `;
                } else {
                    detailContent.innerHTML = `<div class="text-center py-8 text-red-500">Gagal memuat data</div>`;
                }
                lucide.createIcons();
            } catch (error) {
                detailContent.innerHTML =
                    `<div class="text-center py-8 text-red-500">Terjadi kesalahan: ${error.message}</div>`;
            }
        }

        function escapeHtml(text) {
            if (!text) return '';
            const div = document.createElement('div');
            div.textContent = text;
            return div.innerHTML;
        }

        function closeDetailModal() {
            detailModal.classList.add('hidden');
        }

        // Tutup modal saat klik ESC
        document.addEventListener('keydown', function(event) {
            if (event.key === 'Escape' && !detailModal.classList.contains('hidden')) {
                closeDetailModal();
            }
        });

        document.addEventListener('DOMContentLoaded', function() {
            lucide.createIcons();

            let searchTimeout;
            const searchInput = document.querySelector('input[name="search"]');
            if (searchInput) {
                searchInput.addEventListener('input', function() {
                    clearTimeout(searchTimeout);
                    searchTimeout = setTimeout(() => this.form.submit(), 500);
                });
            }
        });

        function deleteKampus(id, nama) {
            Swal.fire({
                title: 'Hapus Kampus?',
                html: `<div class="text-left">
                    <div class="mb-4 p-4 bg-red-500/10 border border-red-500/20 rounded-xl">
                        <div class="flex items-start gap-3">
                            <div class="w-10 h-10 rounded-xl bg-red-500/10 text-red-500 flex items-center justify-center">
                                <i data-lucide="alert-triangle" class="w-5 h-5"></i>
                            </div>
                            <div>
                                <h4 class="font-bold text-red-700">Perhatian!</h4>
                                <p class="text-sm text-red-600 mt-1">
                                    Data kampus <strong>"${nama}"</strong> dan semua program studi yang terkait akan dihapus secara permanen.
                                </p>
                            </div>
                        </div>
                    </div>
                    <p class="text-sm text-slate-500">Tindakan ini tidak dapat dibatalkan.</p>
                </div>`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6b7280',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal',
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById(`delete-form-${id}`).submit();
                }
            });
        }
    </script>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php /**PATH /home/edunesiaserver/public_html/K2/WEB_INTERNAL/SIMA/DEVELOPMENT/resources/views/rnd/kampus/index.blade.php ENDPATH**/ ?>