@page
@model DXApp.TemplateKitProject.Pages.Invoices.DocumentViewerDevExpressModel
@{
    ViewData["Title"] = "DevExpress Document Viewer";
}

@* Dev: Für schnelle Tests verwenden wir die CDN-Assets.
   In Production bitte lokal hosten und Lizenz einbinden. *@
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.2.7/css/dx.common.css" />
<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/25.2.7/css/dx.light.css" />
<script src="https://cdn3.devexpress.com/jslib/25.2.7/js/dx.all.js"></script>
<script src="https://cdn3.devexpress.com/jslib/25.2.7/js/dx.aspnet.data.js"></script>

<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">DevExpress Viewer — Rechnung @Model.Id</h5>
        <div>
            <a class="btn btn-secondary me-2" href="/Invoices">Zurück zur Übersicht</a>
            <a class="btn btn-outline-secondary" href="/Invoices/DocumentViewer?id=@Model.Id">Baseline Viewer</a>
        </div>
    </div>

    <div style="height:calc(100vh - 64px);">
        @* KORRIGIERTE SYNTAX: Der WebDocumentViewer-Helper wird direkt aufgerufen. *@
        @(Html.DevExpress().WebDocumentViewer()
                .Name("WebDocumentViewer")
                .Height("100%")
                .Width("100%")
                .Bind(Model.ReportKey)
                )
    </div>
</div>