<div class="modal-header"><h5 class="text-dark modal-title">Selecciona un m&eacute;todo de pago</h5></div>
<div class="modal-body">
    <p class="font-weight-bold text-dark">Elige el m&eacute;todo de pago que mejor se ajuste a ti.</p>
    <div class="row">
        <div class="col-6">
            <form action="https://checkout.wompi.co/p/" method="GET">
                <input type="hidden" name="public-key" value="pub_test_eK1pwqYW816XR9yHTsC2VOCOPyXMbJr4" />
                <input type="hidden" name="currency" value="COP" />
                <input type="hidden" name="amount-in-cents" value="<?= $valorTotalPay; ?>" />
                <input type="hidden" name="reference" value="<?= $token; ?>" />
                <input type="hidden" name="signature:integrity" value="<?= $hashCrypt; ?>" />
                <input type="hidden" name="redirect-url" value="https://boletosqubit.co/SQA/index.php?action=metodoPago" />
                <button type="submit" class="custom-button">Pagar con Wompi</button>
            </form>
            
        </div>
        <div class="col-6">
            <div class="cho-container"></div>
            <script src="https://sdk.mercadopago.com/js/v2"></script> 
            <script>

                // Agrega credenciales de SDK
                const mp = new MercadoPago('TEST-9824a20c-57be-41c6-a9dd-f3ac037f1d89', {
                    locale: 'es-CO'
                });
                mp.checkout({
                    preference: {
                        id: '<?= $idReference; ?>'
                    },
                    render: {
                        container: '.cho-container',
                        label: 'MercadoPago',
                    }
                });

            </script>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
