@page "/TestQrDisplay"

<PageTitle>Test Display QRCode</PageTitle>


<div class="card">
    <div class="card-header">
        <h1>Test Display QRCode</h1>
    </div>
    <div class="card-body">
        <div class="row text-center">
            <div class="col">
                <div class="card">
                    <div class="card-header"><b>AZTEC</b></div>
                    <div class="card-body">
                        <div class="d-flex align-items-center text-center" style=" height: 13rem;">
                            <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.AZTEC"></QrCodeDisplay>
                        </div>
                        <hr />
                        <small>Quadrato, control point centrale</small>
                    </div>
                    @* <div class="card-footer"></div> *@
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <div class="card-header"><b>QR_CODE</b></div>
                    <div class="card-body">
                        <div class="d-flex align-items-center" style=" height: 13rem;">
                            <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.QR_CODE"></QrCodeDisplay>
                        </div>
                        <hr />
                        <small>Quadrato, 3 control point vertici</small>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <div class="card-header"><b>DATA_MATRIX</b></div>
                    <div class="card-body">
                        <div class="d-flex align-items-center" style=" height: 13rem;">
                            <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.DATA_MATRIX"></QrCodeDisplay>
                        </div>
                        <hr />
                        <small>Quadrato/Rettangolare (se codice lungo), linee controllo sx/basso</small>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <div class="card-header"><b>PDF_417</b></div>
                    <div class="card-body">
                        <div class="d-flex align-items-center" style=" height: 13rem;">
                            <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600" Height="200"></QrCodeDisplay>
                            @* <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600"></QrCodeDisplay> *@
                        </div>
                        <hr />
                        <small>Rettangolare, linee controllo verticali sx/dx differenti (verso)</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>







@code {

    protected string qrCodeVal { get; set; } = "https://office.egalware.com/WDC/UI";
}