<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>
    <%= USER_APP_PAYMENT_METHOD %> <%= LBL_PAYMENT %>
</title>

<link rel="icon" href="<%= fav_icon_image %>" type="image/x-icon">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<link rel="stylesheet" href="<%= tconfig.tsite_url %>views/payment/css/bootstrap-4.6.min.css">
<link rel="stylesheet" href="<%= tconfig.tsite_url %>views/payment/css/fontawesome.css">
<link rel="stylesheet" href="<%= tconfig.tsite_url %>views/payment/css/snackbar.min.css">

<% if (THEME_OBJ.isProThemeActive() === "Yes") { %>

<link rel="stylesheet" href="<%= tconfig.tsite_url %>views/payment/css/style_v1.css">

<% } else { %>

<link rel="stylesheet" href="<%= tconfig.tsite_url %>views/payment/css/style.css">

<% } %>

<link rel="stylesheet/less"
      href="<%= tconfig.tsite_url %>assets/css/apptype/<%= template %>/style.less">

<script src="<%= tconfig.tsite_url %>views/payment/js/jquery.min.js"></script>
<script src="<%= tconfig.tsite_url %>views/payment/js/popper.min.js"></script>
<script src="<%= tconfig.tsite_url %>views/payment/js/bootstrap.min.js"></script>
<script src="<%= tconfig.tsite_url %>views/payment/js/fontawesome.js"></script>
<script src="<%= tconfig.tsite_url %>views/payment/js/snackbar.min.js"></script>
<script src="<%= tconfig.tsite_url + templatePath %>assets/js/less.min.js"></script>
<!-- <script src="<%= tconfig.tsite_url %>assets/js/getDataFromApi.js"></script> -->

<script>

document.write("<style>body{display:none}</style>");

$(function () {

    <% if (SYSTEM_THEME_COLORS) { %>

    document.documentElement.style.setProperty('--mainColor', '<%= SYSTEM_THEME_COLORS.MAIN_COLOR %>');
    document.documentElement.style.setProperty('--mainColorSecond', '<%= SYSTEM_THEME_COLORS.MAIN_COLOR_SECOND %>');
    document.documentElement.style.setProperty('--mainTextColor', '<%= SYSTEM_THEME_COLORS.MAIN_TEXT_COLOR %>');
    document.documentElement.style.setProperty('--mainTextColorHover', '<%= SYSTEM_THEME_COLORS.MAIN_TEXT_COLOR %>');
    document.documentElement.style.setProperty('--mainTextMenuColorHoverDefault', '<%= SYSTEM_THEME_COLORS.MAIN_TEXT_HOVER_COLOR %>');
    document.documentElement.style.setProperty('--mainColorHover', '<%= SYSTEM_THEME_COLORS.MAIN_HOVER_COLOR %>');
    document.documentElement.style.setProperty('--mainfilterimg', '<%= SYSTEM_THEME_COLORS.FILTER_COLOR %>');
    document.documentElement.style.setProperty('--mainfilterimgHover', '<%= SYSTEM_THEME_COLORS.FILTER_HOVER_COLOR %>');
    document.documentElement.style.setProperty('--buttonColor', '<%= SYSTEM_THEME_COLORS.BUTTON_COLOR %>');
    document.documentElement.style.setProperty('--mainColorLight', '<%= SYSTEM_THEME_COLORS.MAIN_COLOR_LIGHT %>');
    document.documentElement.style.setProperty('--gotopBGColor', '<%= SYSTEM_THEME_COLORS.MAIN_COLOR %>');
    document.documentElement.style.setProperty('--gotopHoverBGColor', '<%= SYSTEM_THEME_COLORS.MAIN_HOVER_COLOR %>');
    document.documentElement.style.setProperty('--gotopImgColor', '<%= SYSTEM_THEME_COLORS.MAIN_IMG_COLOR %>');
    document.documentElement.style.setProperty('--gotopHoverImgColor', '<%= SYSTEM_THEME_COLORS.MAIN_IMG_HOVER_COLOR %>');

    <% } %>

    $("body").show();

});

</script>

</head>

<body>

<!-- Your page content -->

</body>

</html>