@page
@model DXApp.TemplateKitProject.Pages.Invoices.DocumentViewerModel
@{
    ViewData["Title"] = "Dokument Viewer";
    var pdfUrl = Model.PdfUrl;
}

<div class="container-fluid" style="height:100vh; padding:0;">
    <div class="d-flex align-items-center justify-content-between p-3 border-bottom">
        <h5 class="m-0">Rechnung @Model.Id - Dokument</h5>
        <div>
            <a class="btn btn-secondary me-2" href="/Invoices">Zurück zur Übersicht</a>
            <!-- Später: Button um DevExpress Viewer zu öffnen -->
            <a class="btn btn-outline-primary" href="/Invoices/DocumentViewerDevExpress?id=@Model.Id">
                DevExpress Viewer (experimental)
            </a>
        </div>
    </div>

    <div style="height:calc(100vh - 64px);">
        @* Solide, funktionierende Baseline: Browser-internen PDF-Renderer verwenden *@
        <iframe id="pdf-viewer-iframe"
                src="@pdfUrl"
                style="width:100%; height:100%; border: none;"
                title="PDF Viewer"></iframe>
    </div>

    @* Hinweis:
       - Diese Seite zeigt aktuell das PDF per einfachem iframe (funktioniert zuverlässig).
       - Nächster Commit: wir ersetzen iframe durch DevExpress WebDocumentViewer oder laden diesen zusätzlich.
       - Der Link "DevExpress Viewer (experimental)" ist ein Platzhalter; wir implementieren die Route /Invoices/DocumentViewerDevExpress in einem der nächsten Schritte.
    *@
</div>