@extends('layouts.landingPage-buku-tamu')

@section('content')
<section class="theme-bg overflow-hidden" id="standar-pelayanan">
    <div id="particles-js">
    </div>
    <div class="waves-no-img home-bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <p></p>
                        <h5 style="color:white"> STANDAR PELAYANAN PENGADILAN TINGGI RIAU
                        </h5>
                    </div>
                </div>

                <!-- Viewer PDF -->
                <div class="col-lg-12 mt-4" wire:ignore>
                    <h6 class="text-white text-center">📄 Lihat Standar Pelayanan Pengadilan Tinggi Riau (PDF)</h6>
                    <div style="display: flex; justify-content: center; position: relative; z-index: 10;">
                        <iframe 
                            src="{{ asset('/') }}assets/img/standar_pelayanan_updated_2026.pdf" 
                            width="100%" 
                            style="max-width: 1200px; height: 600px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); z-index: 10;" 
                            allowfullscreen>
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection