<?php
$servicesFeatureCompact = isset($servicesFeatureCompact) ? (bool) $servicesFeatureCompact : false;
$servicesFeatureClass = $servicesFeatureCompact ? 'services-feature services-feature--compact' : 'services-feature';
?>

<section class="<?php echo $servicesFeatureClass; ?>" aria-label="Fitur layanan perpustakaan">
    <div class="services-feature__grid">
        <article class="services-feature__media">
            <img src="<?php echo assets('images/layanan-referensi.jpg'); ?>" alt="Rak koleksi perpustakaan" loading="lazy">
        </article>

        <article class="services-feature__text">
            <h2>Layanan Referensi</h2>
            <p>Perpustakaan menyediakan koleksi buku cetak, digital, audiovisual, jurnal, dan referensi yang terus diperbarui untuk mendukung pembelajaran.</p>
            <a href="index.php?search=search">Selengkapnya</a>
        </article>

        <article class="services-feature__text">
            <h2>Layanan Sirkulasi</h2>
            <p>Layanan sirkulasi, referensi, dan bantuan penelusuran informasi dikelola secara profesional untuk memberi pengalaman yang cepat, tepat, dan ramah.</p>
            <a href="index.php?p=services">Selengkapnya</a>
        </article>

        <article class="services-feature__media">
            <img src="<?php echo assets('images/layanan-sirkulasi.jpg'); ?>" alt="Layanan peminjaman kartu anggota" loading="lazy">
        </article>

        <article class="services-feature__media">
            <img src="<?php echo assets('images/layanan-document-delivery.jpg'); ?>" alt="Aktivitas pengguna perpustakaan" loading="lazy">
        </article>

        <article class="services-feature__text">
            <h2>Layanan Document Delivery</h2>
        </article>
    </div>
</section>
