ichtrojan/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Thepeer test</title>
    <style>
        .p-5 {
            padding: 5em;
        }
    </style>
    <script type="application/javascript" src="https://money.thepeer.co/send.js"></script>
</head>
<body>
<div class="p-5">
    <button id="launch-btn">Send Money with Thepeer</button>
</div>
<script type="application/javascript">
    let send = new ThePeer({
        publicKey: "{{your_public_key}}",
        amount: {{amount_in_kobo}},
        userReference: "{{user_reference}}",
        firstName: "{{user_first_name}}",
        receiptUrl: "{{receipt_url}}",
        onSuccess: function (response) {
            console.log(response.event);
        },
        onClose: function () {
            console.log('user closed the widget.')
        }
    });

    send.setup();

    const launch = document.getElementById('launch-btn');

    launch.onclick = function (e) {
        send.open();
    };
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Thepeer test</title>
	<style>
	.p-5 {
	padding: 5em;
	}
	</style>
	<script type="application/javascript" src="https://money.thepeer.co/send.js"></script>
	</head>
	<body>
	<div class="p-5">
	<button id="launch-btn">Send Money with Thepeer</button>
	</div>
	<script type="application/javascript">
	let send = new ThePeer({
	publicKey: "{{your_public_key}}",
	amount: {{amount_in_kobo}},
	userReference: "{{user_reference}}",
	firstName: "{{user_first_name}}",
	receiptUrl: "{{receipt_url}}",
	onSuccess: function (response) {
	console.log(response.event);
	},
	onClose: function () {
	console.log('user closed the widget.')
	}
	});

	send.setup();

	const launch = document.getElementById('launch-btn');

	launch.onclick = function (e) {
	send.open();
	};
	</script>
	</body>
	</html>