
@{
    ViewBag.Title = "PAYTM TEST";
    Layout = null;
}

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--Style-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800,900" rel="stylesheet">
    <link href="../css/component.css" rel="stylesheet" />
    <link href="../css/main.css" rel="stylesheet" />
    <link href="../css/ApplicationTemplate.css" rel="stylesheet" />
    <!--Custom Css-->
    <title>UPES | Paytm Test</title>

    <style>
        .se-pre-con {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background: #fff url(../img/application/loader.gif) center no-repeat;
        }

        .ApplicationTemplate .FormPanel {
            background-color: transparent;
            border: 0;
            box-shadow: none;
        }
    </style>
    <script>
        function myFunction() {
            //  alert("Page is loaded");

            $(".se-pre-con").fadeOut("slow");
        }
    </script>


</head>

<body onload="myFunction();" class="LoginModule">
    <!--Application Template-->
    <div class="se-pre-con"></div>
    <header class="position-relative">
        <section class="HeaderPanel HeaderBanner">
            <div class="plr70">
                <div class="headerInner">
                    <a href="/">
                        <img src="../img/application/upes logo.png" class="img-fluid" alt="Logo" />
                    </a>
                </div>
            </div>
        </section>

    </header>


    <main role="main" class="ApplicationTemplate LoginTEmplate">
        <section class="FormTemplate formBlkStyle">
            <div class="FormPosition">
                <div class="text-center">
                    <h1 class="fontExBold ApplicationTitle">TEST PAYMENT</h1>
                </div>
                <!--Form Panel-->
                <div class="FormPanel">
                    <!--PanelOne-->
                    <div class="FormPanelInner" id="FormPanelOne">

                        <div class="clearfix"></div>
                        <div class="text-center">


                            <input type="radio" name="pmtype" value="paytm" checked>

                            Pay With <img src="~/img/application/payTM-logo.png" />

                            <input type="radio" name="pmtype" value="payu">

                            Pay With  <img src="~/img/application/payu-logo.png" />

                            @using (Html.BeginForm("PaymentPTTest", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                            {
                                <button style="display:none;" id="btn_paytm" class="btn btn-primary BtnStyle" type="submit">PAY TM</button>
                            }

                            @using (Html.BeginForm("Payment", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
                            {
                                <button style="display:none;" id="btn_payu" class="btn btn-primary BtnStyle" type="submit">PAY U</button>
                            }
                            <button class="btn btn-primary BtnStyle" id="btnPM" onclick="selectPayMethod();" type="submit">PAY</button>
                        </div>


                    </div>
                </div>
            </div>
        </section>
    </main>
    }

    <!--Footer-->
    <footer>
        <section class="FooterPanel">
            <div class="foot_Btm foot_Btm_Height nobg">
                <div class="plr70">
                    <div class="footBtmRow foot_Btm_Height row align-items-center no-gutters">
                        <div class="col-sm-6 copyRights">
                            <h5 style="display:inline;" class="text-uppercase fontBold">
                                &copy; @DateTime.Now.Year UPES. All Rights Reserved.
                            </h5>
                            <span> <a style="color:#000;text-decoration:underline;" class="text-uppercase fontBold" href="/home/termsandconditions" target="_blank">Terms and Conditions</a></span>
                        </div>
                        <div class="col-sm-6 SocialIcon d-flex justify-content-end align-items-center">
                            <p class="text-uppercase fontBold">Follow Us On:</p>
                            <div class="social_icon_menus">
                                <a href="https://www.facebook.com/UniversityofPetroleumandEnergyStudies" target="_blank">
                                    <img src="../img/application/facebook-black.png" class="img-fluid" />
                                </a>
                                <a href="https://twitter.com/UPESDehradun" target="_blank">
                                    <img src="../img/application/twitter-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.instagram.com/upes_dehradun/" target="_blank">
                                    <img src="../img/application/insta-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.youtube.com/user/UPESUniversity/featured" target="_blank">
                                    <img src="../img/application/youtube-black.png" class="img-fluid" />
                                </a>
                                <a href="https://www.linkedin.com/school/university-of-petroleum-and-energy-studies/" target="_blank">
                                    <img src="../img/application/linkedin-black.png" class="img-fluid" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </footer>


    <script type="text/javascript" src="../scripts/component.js"></script>
    <script type="text/javascript" src="../scripts/loader-min.js"></script>
    <script type="text/javascript" src="../scripts/upes-appliaction.js"></script>
    <script type="text/javascript">
        function selectPayMethod() {
        
            var selVal = $("input[name='pmtype']:checked").val();
           // alert(selVal);
            $("#btn_" + selVal + "").trigger("click");
        }

        function openChat() {
            window.open("http://ameyo.delhi.upes.ac.in:8888/ameyochatjs/defaultChat/chatOfflinePage.html", "popupWindow", "width=600, height=720, scrollbars=yes");
        }
    </script>
</body>

</html>