<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
   
        <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css?ver=0.23">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=0.23">

        <title> Paytm</title>
        <script>var base_url = "<?php echo base_url(); ?>";</script>
        <style>
            body{
                background: #eacece;
            }

            .myform-container{
                background: #fff;
                padding: 30px;
                margin: 20px 0;
            }

            .myform-container .error{
                border: 1px solid red;
            }

            .myform-container h1{
                font-size: 1.5em;
            }

            .myform-container h3{
                font-size: 1.5em;
            }

            .myform-container ul li{
                margin: 15px 0;
            }

            .get-start:hover{
                color: #eacece;
            }

            .get-start{
                background: #253c50;
                border: none;
                color: #fff;
                border-radius: 0;
                padding: 10px 20px;
            }

            .contact-info{
                margin: 15% 0;
            }

            .mycontactuspage{
                margin: 30px 0;
            }

            .form-errors{
                color: red;
            }

            label {
                font-weight: 400;
            }

            footer{
                text-align: center;
                padding: 30px;
            }

        </style>
    </head>
    <body>
        
        <div class="container">
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <!-- PayTm-->

         

            <form method="post" action="<?php echo base_url(); ?>Paytm/pgRedirect">
                <input  type="hidden" id="ORDER_ID" tabindex="1" maxlength="20" size="20" name="ORDER_ID" autocomplete="off" value="<?php echo "ORDS" . rand(10000, 99999999) ?>">
                <input type="hidden" id="CUST_ID" tabindex="2" maxlength="12" size="12" name="CUST_ID" autocomplete="off" value="CUST001">
                <input type="hidden" id="INDUSTRY_TYPE_ID" tabindex="4" maxlength="12" size="12" name="INDUSTRY_TYPE_ID" autocomplete="off" value="Retail">
                <input type="hidden" id="CHANNEL_ID" tabindex="4" maxlength="12" size="12" name="CHANNEL_ID" autocomplete="off" value="WEB">
                <input type="hidden" title="TXN_AMOUNT" tabindex="240" type="text" name="TXN_AMOUNT" value="1">
                <button value="CheckOut" type="submit" onclick="" class="get-start" style="width: 100%;"> Pay with PayTM </button>
            </form>
        </div>
          <div class="col-md-3"></div>
    </div>
</div>
<footer>Â© <?php echo date('Y'); ?> Rathorji.</footer>

<!--js scripts -->
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>

</body>
</html>