Shopify Jamaica Code

<html>
<span style="display:none;" id="checkout"></span>
<div id="main">
<button href="" class="button" id="link">Credit Card</button><br>
</div>
<div id="popup"><iframe id="popupiframe"></iframe></div>
<div id="popupdarkbg"></div>
<script>
let ordernumber = "{{ order.order_number }}";
let orderid = "{{ order.id}}";
let total = "{{ order.total_price }}";
let conversion = 1;
var newtotal = total * conversion;
let email = "{{ order.email }}";
let name= "{{ order.billing_address.name }}";
let dev_id = "6293780186";
let sp_id = "1";
let gateway = "{{ order.gateway }}";
document.getElementById("checkout").innerHTML = gateway;
var bttn=document.getElementById("main");
if (gateway=="Credit Card")
{
bttn.style.display="block";
}
else
{
bttn.style.display="none";
}
document.getElementById('popupiframe').src = "https://accounts.socialpaytt.com/shopifyjamaica.php?token=" + dev_id + "&total=" + newtotal + "&ordernumber=" + ordernumber + "&email=" + email + "&name=" + name + "&order=" + sp_id + "&orderid=" + orderid;

</script>
<script>

document.getElementById("link").onclick = function(e) {
e.preventDefault();
document.getElementById("popupdarkbg").style.display = "block";
document.getElementById("popup").style.display = "block";
document.getElementById('popupdarkbg').onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
};
return false;
}

window.onkeydown = function(e) {
if (e.keyCode == 27) {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
e.preventDefault();
return;
}
}
</script>

<style>
#popup { display: none; position: relative; margin-top: -35%; width: 100%; height: 600px; background-color: white; z-index: 10; }
#popup iframe { width: 100%; height: 100%; border: 0; }
#popupdarkbg { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); display: none; }
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button {
background-color: blue;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 15px 2px;
cursor: pointer;
}
</style>
</html>
<html>
<span style="display:none;" id="checkout"></span>
<div id="main">
<button href="" class="button" id="link">Credit Card</button><br>
</div>
<div id="popup"><iframe id="popupiframe"></iframe></div>
<div id="popupdarkbg"></div>
<script>
let ordernumber = "{{ order.order_number }}";
let orderid = "{{ order.id}}";
let total = "{{ order.total_price }}";
let conversion = 7;
var newtotal = total * conversion;
let email = "{{ order.email }}";
let name= "{{ order.billing_address.name }}";
let dev_id = "523";
let sp_id = "41";
let gateway = "{{ order.gateway }}";
document.getElementById("checkout").innerHTML = gateway;
var bttn=document.getElementById("main");
if (gateway=="Credit Card")
{
bttn.style.display="block";
}
else
{
bttn.style.display="none";
}
document.getElementById('popupiframe').src = "https://accounts.socialpaytt.com/shopifyjamaica.php?token=" + dev_id + "&total=" + newtotal + "&ordernumber=" + ordernumber + "&email=" + email + "&name=" + name + "&order=" + sp_id + "&orderid=" + orderid;

</script>
<script>

document.getElementById("link").onclick = function(e) {
e.preventDefault();
document.getElementById("popupdarkbg").style.display = "block";
document.getElementById("popup").style.display = "block";
document.getElementById('popupdarkbg').onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
};
return false;
}

window.onkeydown = function(e) {
if (e.keyCode == 27) {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
e.preventDefault();
return;
}
}
</script>

<style>
#popup { display: none; position: relative; margin-top: -35%; width: 100%; height: 600px; background-color: white; z-index: 10; }
#popup iframe { width: 100%; height: 100%; border: 0; }
#popupdarkbg { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); display: none; }
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button {
background-color: blue;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 15px 2px;
cursor: pointer;
}
</style>
</html>
<html>
<span style="display:none;" id="checkout"></span>
<div id="main">
<button href="" class="button" id="link">Credit Card</button><br>
</div>
<div id="popup"><iframe id="popupiframe"></iframe></div>
<div id="popupdarkbg"></div>
<script>
let ordernumber = "{{ order.order_number }}";
let orderid = "{{ order.id}}";
let total = "{{ order.total_price }}";
let conversion = 7;
var newtotal = total * conversion;
let email = "{{ order.email }}";
let name= "{{ order.billing_address.name }}";
let dev_id = "435";
let sp_id = "41";
let gateway = "{{ order.gateway }}";
document.getElementById("checkout").innerHTML = gateway;
var bttn=document.getElementById("main");
if (gateway=="Credit Card")
{
bttn.style.display="block";
}
else
{
bttn.style.display="none";
}
document.getElementById('popupiframe').src = "https://accounts.socialpaytt.com/shopifyjamaica.php?token=" + dev_id + "&total=" + newtotal + "&ordernumber=" + ordernumber + "&email=" + email + "&name=" + name + "&order=" + sp_id + "&orderid=" + orderid;

</script>
<script>

document.getElementById("link").onclick = function(e) {
e.preventDefault();
document.getElementById("popupdarkbg").style.display = "block";
document.getElementById("popup").style.display = "block";
document.getElementById('popupdarkbg').onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
};
return false;
}

window.onkeydown = function(e) {
if (e.keyCode == 27) {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
e.preventDefault();
return;
}
}
</script>

<style>
#popup { display: none; position: relative; margin-top: -35%; width: 100%; height: 600px; background-color: white; z-index: 10; }
#popup iframe { width: 100%; height: 100%; border: 0; }
#popupdarkbg { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); display: none; }
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button {
background-color: blue;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 15px 2px;
cursor: pointer;
}
</style>
</html>
<html>
<span style="display:none;" id="checkout"></span>
<div id="main">
<button href="" class="button" id="link">Credit Card</button><br>
</div>
<div id="popup"><iframe id="popupiframe"></iframe></div>
<div id="popupdarkbg"></div>
<script>
let ordernumber = "{{ order.order_number }}";
let orderid = "{{ order.id}}";
let total = "{{ order.total_price }}";
let conversion = 1;
var newtotal = total * conversion;
let email = "{{ order.email }}";
let name= "{{ order.billing_address.name }}";
let dev_id = "6293780186";
let sp_id = "1";
let gateway = "{{ order.gateway }}";
document.getElementById("checkout").innerHTML = gateway;
var bttn=document.getElementById("main");
if (gateway=="Credit Card")
{
bttn.style.display="block";
}
else
{
bttn.style.display="none";
}
document.getElementById('popupiframe').src = "https://accounts.socialpaytt.com/shopifyjamaica.php?token=" + dev_id + "&total=" + newtotal + "&ordernumber=" + ordernumber + "&email=" + email + "&name=" + name + "&order=" + sp_id + "&orderid=" + orderid;

</script>
<script>

document.getElementById("link").onclick = function(e) {
e.preventDefault();
document.getElementById("popupdarkbg").style.display = "block";
document.getElementById("popup").style.display = "block";
document.getElementById('popupdarkbg').onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
};
return false;
}

window.onkeydown = function(e) {
if (e.keyCode == 27) {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
e.preventDefault();
return;
}
}
</script>

<style>
#popup { display: none; position: relative; margin-top: -35%; width: 100%; height: 600px; background-color: white; z-index: 10; }
#popup iframe { width: 100%; height: 100%; border: 0; }
#popupdarkbg { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); display: none; }
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button {
background-color: blue;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 15px 2px;
cursor: pointer;
}
</style>
</html>