<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <title>Adyen Web | Vouchers</title>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <style>
            .voucher-demo h2 {
                margin: 16px 0;
            }

            .demo-voucher-input {
                background: white;
                padding: 24px;
                border: 1px solid gray;
                margin-bottom: 16px;
            }
        </style>
    </head>
    <body class="voucher-demo">
        <main>
            <div class="merchant-checkout__form">
                <h2>Boleto Bancario</h2>
                <div id="boleto-input-container" class="boleto-input"></div>
                <div id="boleto-result-container"></div>
            </div>
        </main>

        <script type="text/javascript">
            window.htmlPages = <%= JSON.stringify(htmlWebpackPlugin.htmlPages) || '' %>;
        </script>
    </body>
</html>
