@php
    $manualTitle = $manualTitle ?? 'Buku Manual';
    $manualPath = $manualPath ?? 'manuals/role-user-manual.pdf';
    $manualUrl = asset($manualPath);
@endphp

<div class="card shadow-lg mx-4">
    <div class="card-body p-3">
        <div class="row gx-4 align-items-center">
            <div class="col-lg">
                <h5 class="mb-1">{{ $manualTitle }}</h5>
                <p class="text-sm text-secondary mb-0">Preview dokumen manual</p>
            </div>
            <div class="col-lg-auto mt-3 mt-lg-0">
                <a href="{{ $manualUrl }}" target="_blank" class="btn btn-outline-primary btn-sm mb-0">
                    <i class="fas fa-external-link-alt me-1"></i> Buka PDF
                </a>
                <a href="{{ $manualUrl }}" download class="btn btn-primary btn-sm mb-0">
                    <i class="fas fa-download me-1"></i> Download
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid py-4">
    <div class="card">
        <div class="card-body p-2 p-md-3">
            <iframe
                src="{{ $manualUrl }}"
                title="{{ $manualTitle }}"
                class="w-100 border rounded"
                style="height: calc(100vh - 260px); min-height: 640px;">
            </iframe>
        </div>
    </div>
</div>