<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>