@{
    ViewBag.Title = "PdfViewer";
}

<div class="header ">
    <div class="container">
        <img src="@Url.Content("~/Content/c1logo.png")" alt="ComponentOne ASP.NET MVC" />
        <h1>
            PdfViewer
        </h1>
        <p>
            This page shows how to view a local pdf file in C1 PdfViewer.
        </p>
    </div>
</div>

<div class="container">
    <div class="sample-page download-link">
        <a href="http://www.componentone.com/Download/">Download Free Trial</a>
    </div>
    <!-- Getting Started -->
    <div>
        <h2>Getting Started</h2>
        <p>
            Steps for getting started with this application:
        </p>
        <ol>
            <li>Register a disk storage provider in Startup.</li>
            <li>Add a file input for uploading file to the storage by C1 Web API storage service.</li>
            <li>Create a PdfViewer control and set its FilePath to uploaded file path.</li>
            <li>Remove the uploaded file by storage service when view another pdf file or close the browser window.</li>
        </ol>
        <div class="row">
            <label>Select a Pdf file: <input type="file" onchange="uploadPdf(this, '@Url.Content("~")')" accept=".pdf" /></label>
            <label id="message" class="errormessage hidden">(Please select a file with extension ".pdf".)</label>
        </div>
        <div class="row">
            @Html.C1().PdfViewer().Id("pdfViewer").Width("100%")
        </div>
    </div>
</div>