@page "/TestPdfViewer"

<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between">
            <div class="px-0">
                <h3>Test pdf display</h3>
            </div>
            <div class="px-0">
                <div class="input-group w-100">
                    <span class="input-group-text">File</span>
                    <select class="form-select" @bind="@FileSel">
                        <option value="File01.pdf">File 01</option>
                        <option value="File02.pdf">File 02</option>
                        <option value="File03.pdf">File 03</option>
                        <option value="File04.pdf">File 04</option>
                        <option value="File05.pdf">File 05</option>
                    </select>
                    <span class="input-group-text">Height</span>
                    <select class="form-select" @bind="@HeightSel">
                        <option value="200px">200</option>
                        <option value="400px">400</option>
                        <option value="600px">600</option>
                        <option value="800px">800</option>
                        <option value="1000px">1000</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="card-body">
        <PdfViewer Width="50%" Height="@HeightSel" PdfUrl="@($"test/{FileSel}")"></PdfViewer>
        <p class="card-text">Selezione: <b>@FileSel</b></p>
    </div>
</div>