%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<html> <head> <title>Merchant Check Out Page</title> <!--<script type='text/javascript' crossorigin='anonymous' src='https://securegw-stage.paytm.in/merchantpgpui/checkoutjs/merchants/<?=PAYTM_MERCHANT_MID?>.js'> </script>--> <script type='text/javascript' crossorigin='anonymous' src='https://securegw.paytm.in/merchantpgpui/checkoutjs/merchants/<?=PAYTM_MERCHANT_MID?>.js'> </script> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body { font-family: 'Varela Round', sans-serif; } .modal-confirm { color: #636363; width: 325px; font-size: 14px; } .modal-confirm .modal-content { padding: 20px; border-radius: 5px; border: none; } .modal-confirm .modal-header { border-bottom: none; position: relative; } .modal-confirm h4 { text-align: center; font-size: 26px; margin: 30px 0 -15px; } .modal-confirm .form-control, .modal-confirm .btn { min-height: 40px; border-radius: 3px; } .modal-confirm .close { position: absolute; top: -5px; right: -5px; } .modal-confirm .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 13px; } .modal-confirm .icon-box { color: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; top: -70px; width: 95px; height: 95px; border-radius: 50%; z-index: 9; background: #82ce34; padding: 15px; text-align: center; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .modal-confirm .icon-box i { font-size: 58px; position: relative; top: 3px; } .modal-confirm.modal-dialog { margin-top: 80px; } .modal-confirm .btn { color: #fff; border-radius: 4px; background: #82ce34; text-decoration: none; transition: all 0.4s; line-height: normal; border: none; } .modal-confirm .btn:hover, .modal-confirm .btn:focus { background: #6fb32b; outline: none; } .trigger-btn { display: inline-block; margin: 100px auto; } </style> <body class="modal-open"> <div class="main-content"> <div class="heading"> <!-- Modal HTML --> <!-- Modal HTML --> <div id="myModal" class="modal fade show" style="display: block;" aria-modal="true"> <div class="modal-dialog modal-confirm"> <div class="modal-content"> <div class="modal-header"> <div class="icon-box"> <i class="material-icons"></i> </div> <h4 class="modal-title w-100">Confirm & Paynow</h4> </div> <div class="modal-body"> <p class="text-center">Your booking has been confirmed. Confirm & Paynow.</p> </div> <div class="modal-footer"> <button class="btn btn-success btn-block" id="paytmWithPaytm">Pay Now</button> </div> </div> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript"> document.getElementById("paytmWithPaytm").addEventListener("click", function(){ onScriptLoad(); }); function onScriptLoad() { var config = { "root": "", "flow": "DEFAULT", "merchant":{ "name":"Sharda Diagnostics", "logo":"https://shardadiagnostics.in/attachments/site_logo/Logo.png", }, "style":{ "headerBackgroundColor":"#8dd8ff", "headerColor":"#c3404e" }, "data": { "orderId": "<?php echo $ORDER_ID?>", "token": "<?php echo $TXN_TOKEN?>", "tokenType": "TXN_TOKEN", "amount": "<?php echo $TXN_AMOUNT?>", "currency" : "INR", }, "handler":{ "notifyMerchant": function (eventName, data) { if(eventName == 'SESSION_EXPIRED'){ alert("Your session has expired!!"); location.reload(); } }, } }; console.log('config', config); console.log('window', window.Paytm); console.log('CheckoutJS', window.Paytm.CheckoutJS); if (window.Paytm && window.Paytm.CheckoutJS) { console.log('Function call'); // initialze configuration using init method window.Paytm.CheckoutJS.init(config).then(function onSuccess() { console.log('Before JS Checkout invoke'); // after successfully update configuration invoke checkoutjs window.Paytm.CheckoutJS.invoke(); }).catch(function onError(error) { console.log("Error => ", error); }); } } </script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> </body> </html> <?php exit; ?>