@extends('landing-layout.master')
@section('title', 'Form Kepuasan Mitra') 

@section('content')
<section class="wrapper bg-light">
    <div class="container py-14 py-md-16">
        <div class="row">
            <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">
                <h3 class="display-4 mb-6 text-center">Pengumuman</h3>
                <p class="lead fs-lg mb-10 text-center px-md-16 px-lg-21 px-xl-0">Pengumuman Terbaru terkait dengan
                    aturan maupun informasi Penelitian dan Pengabdian kepada Masyarakat.</p>
            </div>
        </div>
    </div>
</section>
@endsection

@section('page-script')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            console.log('DOM fully loaded and parsed');
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 1,
                spaceBetween: 5,
                loop: true,
                autoplay: {
                    delay: 3000,
                    disableOnInteraction: false,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
            });
            console.log('Swiper initialized:', swiper);
        });
    </script>
@stop