<style> .logo-wrap img { width: 40px !important; } .payment-method label { font-weight: 500; width: 200px; } input { overflow: visible; border-color: #fff; border: none; width: 130px; } .payment-right { width: 300px; margin: 0; } </style> <!-- --> <body oncontextmenu="return false"> <div class="adm-cover"> <header class="login-header"> <div class="login-wrap"> <div class="logo-wrap"> <img src="<?php echo base_url(); ?>common_assets/<?= $school_info['color_logo']; ?>" style="width: 150px !important;"> </div> </div> <div class="header-menu-wrap"> <div class="login-mob-menu"><i class="fas fa-bars"></i></div> <ul class="mob-menu"> <li><a href="">About Us</a></li> <li><a href="">Contact Us</a></li> <li><a href="admission-process.html"><button class="join-class-btn">Admission Process ></button></a></li> </ul> </div> </header> <div class="admission-wrap"> <div class="admission-cover admission-cover-payment"> <div class="payment-selection-wrap"> <h4>Your Application is Successfully Registered.</h4> <h5>Make payment selection</h5> <?php // echo "<pre>"; // print_r($appinfo); ?> <div class="payment-selection"> <div class="payment-method"> <div class="row mt-2"> <div class="col-md-6"> <label style="font-weight:bold">Programme Name: </label> </div> <div class="col-md-6"> <span style="font-weight:bold"> <?php echo (isset($appinfo['course_name']) && !empty($appinfo['course_name'])) ? $appinfo['course_name'] : ''; ?></span> </div> </div> <div class="row mt-2"> <div class="col-md-6"> <label style="font-weight:bold"> Course fees - Total </label> </div> <div class="col-md-6"> <span style="font-weight:bold"> <?php echo (isset($course_fees['amount']) && !empty($course_fees['amount'])) ? $course_fees['amount'] : ''; ?></span> </div> </div> <div class="row mt-2"> <div class="col-md-6"> <label>Course Fee Breakdowns :</label> </div> <div class="col-md-6"> <?php $feesresult = (isset($course_fees['fees_name']) && !empty($course_fees['fees_name'])) ? $course_fees['fees_name'] : 0; if ($feesresult > 0) { $fees_array = json_decode($feesresult); foreach ($fees_array as $fees_name) { echo "<label>" . $fees_name->name . " - " . $fees_name->amount . "</label><br>"; } } ?> </div> </div> <div class="row mt-3"> <div class="col-md-6"><label>Payment Method:</label></div> <div class="col-md-6"> <input type="hidden" name="installment_id" id="installment_id" value="<?php echo (isset($installment['id'])) ? $installment['id'] : 0; ?>"> <select id="install"> <option value="">Select</option> <?php $installmentresult = (isset($installment['due_amount_date']) && !empty($installment['due_amount_date'])) ? $installment['due_amount_date'] : 0; $installmentTypes = json_decode($installment['due_amount_date']); foreach ($installmentTypes as $key => $val) { $paytypesname = $this->db->get_where('payment_types', array('id' => $key))->row_array(); ?> <option value="<?= $key; ?>"><?php echo $paytypesname['payment_type_name']; ?></option> <?php } ?> </select> </div> </div> <div class="row mt-2"> <div class="col-md-6"><label>Payment Dates:</label></div> <div class="col-md-6"> <div class="instalments-cover" style="position: absolute;"> </div> </div> </div> </div> <div class="payment-right"> <form id="admission-register" action="<?php echo base_url(); ?>Student/process_coursefee" method="post" enctype="multipart/form-data"> <h4 class="adm-heading">Price Details</h4> <div class="payment-row"> <label>Course Fee:</label><span><input type="text" value='' id="courseamount" readonly /> <input type="hidden" name="appid" value="<?= $appinfo['id'] ?>" id="appid" readonly> <input type="hidden" value='<?= $course_fees['id'] ?>' name="coursefeeid" id="coursefeeid" readonly /></span> <input type="hidden" name="install_typeid" id="install_typeid"> </div> <div class="payment-row"> <!-- <label>Tax applied</label><span>000.00</span> --> </div> <hr> <div class="payment-row mt-3"> <label>Total Amount:</label><span><input type="text" value='' id="totalamount" name="totalamount" readonly /></span> </div> <div class="payment-btn mt-4"> <!--button class="join-class-btn" data-toggle="modal" data-target="#paymentDone">Continue</button--> <input type="submit" class="join-class-btn " value="Make Payment" /> </div> </form> </div> </div> </div> </div> <script> // $("#install").on('change', function() { // //alert("hiii"); // var ins = $(this).val(); // $.ajax({ // type: 'post', // url: '<?php //echo base_url(); ?>Student/get_installdetails', // data: { // inst: ins // }, // success: function(resposne) { // $('.instalments-cover').html(resposne); // amt = $('#feeamount').val(); // $('#courseamount').val(amt); // $('#totalamount').val(amt); // } // }); // }); $("#install").on('change', function() { //alert("hiii"); var install_typeId = $('#install option:selected').val(); var installmentId = $('#installment_id').val(); $.ajax({ type: 'post', url: '<?php echo base_url(); ?>Student/get_installdetails', data: { installment_id: installmentId, install_type: install_typeId }, success: function(resposne) { $('.instalments-cover').html(resposne); amt = $('#feeamount').val(); $('#install_typeid').val(install_typeId); $('#courseamount').val(amt); $('#totalamount').val(amt); } }); }); document.onkeydown = function(e) { if (event.keyCode == 123) { return false; } if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) { return false; } if (e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) { return false; } if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) { return false; } if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) { return false; } } </script> </body>