@extends('parents.layouts.master')
@section('title')
{{$title}}
@stop
@section('head')
@parent
<style type="text/css">
     /*  checkout page */

.pay{
    background-color: #0E4D95;
}
.pay img{
    margin: auto;
    display: block;
        padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.themecolor {
    color: #0E4D95;
    margin-bottom: 0px;
    margin-top: 28px;
    font-size: 24px;
}
.panel-body {
    padding: 15px;
    padding-top: 0px;
}
.panel-heading {
    padding-left: 15px;
}
.table-bordered thead{
background-color: #0E4D95;
color: #fff;
    border: 3px solid #0E4D95;
}
input.lg-btn.lg-btn-success {
    padding: 9px 20px;
    text-transform: uppercase;
    font-size: 16px;
     border: 1px solid #929395; 
     background-color: #929395;
     color: #fff !important;
}
 input.md-btn.md-btn-success {
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 16px;
    background-color:#0E4D95;
    color: #fff !important;
    border: 1px solid #0E4D95; 
}
.adv-table table.display thead th {
    border-bottom: 1px solid #0E4D95;
    border-right: 1px solid #0E4D95;
    padding: 10px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}
.adv-table table tr td {
    padding: 10px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}
a{
    padding: 6px 20px;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #30313170;
    color: #fff !important;
    border: 1px solid #30313100;
    }
.adv-table table tr {
    border-right: 2px solid #ddd;
}
.payy{
    background: #fff;
}
.panel-body {
    padding: 30px;
    padding-top: 0px;
}
 
   </style>
   @endsection
@section('content')
  <div class="pay">
    <div class="row">
      <div class="col-md-4"></div>
      <div class="col-md-4">
        <img src="{{ asset('front-assets/images/jgu_logo_new.png') }}">
      </div>
    </div>
</div>
<div class="payy">

        <div class="row">
            <div class="col-md-12">
                <!--breadcrumbs start -->
              <!--   <ul class="breadcrumb">
                    <li><a href=""><img src="http://www.payanyfee.com/jgu/public/jgu_logo.png" height="30" width="45"> OP Jindal Global University</a></li>
                    <li class="active">{{$opname}}</li>
                </ul> -->
                <!--breadcrumbs end -->
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                    <section class="panel">
                        <header class="panel-heading">
                        @if(session('success'))
                            <div class="alert alert-success alert-block fade in">
                                <button data-dismiss="alert" class="close close-sm" type="button">
                                    <i class="fa fa-times"></i>
                                </button>
                                <p>{{session('success')}}</p>
                            </div>
                        @endif
                        @if(session('error'))
                            <div class="alert alert-danger alert-block fade in">
                                <button data-dismiss="alert" class="close close-sm" type="button">
                                    <i class="fa fa-times"></i>
                                </button>
                                <p>{{ session('error') }}</p>
                            </div>
                        @endif


                        <h4 class="themecolor">Fee Checkout</h4>
                        </header>
                        <div class="panel-body">
                        <div class="row">
                          <div class="adv-table">


                          <!--for payment only-->
                       
                          <!--for payment only-->
                      <form role="form" id=""  method="post" action="{{ route('parent.paymentfee') }}">
                                     {{ csrf_field() }}
        

                            <table  class="display table table-bordered table-striped" id="managefeemastertbl">
                                <thead>
                                <tr>
                                    <th>Payment Mode</th>
                                    <th>Fee Description</th>
                                    <th>Amount(INR)</th>
                                    <th>Bank charges</th>
                                    <th>Sub Total(INR)</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                  <td>
                                    <label for="debit_card" class="inline-label"><input checked type="radio" name="radio_demo" id="debit_card" value="debit_card" class="payment_option" data-md-icheck />
                                    Debit Card</label>
                                  </td>
                
                                  <td>Admission Fee</td>
                                  <td>{{$tot_amount}}</td>
                                  <td>{{$debit}}</td>
                                  <td>{{$tot_amount+$debit}}</td>
                                </tr>
                                <tr>
                                  <td>
                                    <label for="credit_card" class="inline-label"><input type="radio" name="radio_demo" id="credit_card" value="credit_card" class="payment_option" data-md-icheck />
                                    Credit Card</label>
                                  </td>
                
                                  <td>Admission Fee</td>
                                  <td>{{$tot_amount}}</td>
                                  <td>{{$credit}}</td>
                                  <td>{{$tot_amount+$credit}}</td>
                                </tr>
                                {{-- <tr>
                                  <td>
                                    <input type="radio" name="radio_demo" id="hdfc_nb" value="hdfc_nb" class="payment_option" data-md-icheck />
                                    <label for="radio_demo_2" class="inline-label">HDFC NB</label>
                                  </td>
                
                                  <td>Admission Fee</td>
                                  <td>{{$tot_amount}}</td>
                                  <td>{{$hdfc_nb}}</td>
                                  <td>{{$tot_amount+$hdfc_nb}}</td>
                                </tr> --}}
                                <tr>
                                  <td>
                                    <label for="netbanking" class="inline-label"><input type="radio" name="radio_demo" id="netbanking" value="netbanking" class="payment_option" data-md-icheck />
                                    Net Banking</label>
                                  </td>
                
                                  <td>Admission Fee</td>
                                  <td>{{$tot_amount}}</td>
                                  <td>{{$netbanking}}</td>
                                  <td>{{$tot_amount+$netbanking}}</td>
                                </tr>
                                <tr>
                                  <td>
                                    <label for="incredit_card" class="inline-label"><input type="radio" name="radio_demo" id="incredit_card" value="incredit_card" class="payment_option" data-md-icheck />
                                    International Payment</label>
                                  </td>
                
                                  <td>Admission Fee</td>
                                  <td>{{$tot_amount}}</td>
                                  <td>{{$incredit}}</td>
                                  <td>{{$tot_amount+$incredit}}</td>
                                </tr>
                                </tbody>
                            </table>
                              
                              <input type="hidden" name="debit_card" value="{{$tot_amount+$debit}}">
                              <input type="hidden" name="credit_card" value="{{$tot_amount+$credit}}">
                              <input type="hidden" name="incredit_card" value="{{$tot_amount+$incredit}}">
                              {{-- <input type="hidden" name="hdfc_nb" value="{{$tot_amount+$hdfc_nb}}"> --}}
                              <input type="hidden" name="netbanking" value="{{$tot_amount+$netbanking}}">
                              
                              <input type="hidden" name="actualamount" value="{{$tot_amount}}" />

                              

                              <input type="hidden" name="name" value="{{$name}}">
                              <input type="hidden" name="email" value="{{$email}}">
                              <input type="hidden" name="phone" value="{{$phone}}">
                              <input type="hidden" name="fee_id" value="{{$fee_id}}">
                              <input type="hidden" name="student_id" value="{{$student_id}}">
                              <input type="hidden" name="college" value="{{$college}}">
                              
                              <div class="col-md-12" style="text-align: right;">
                             
                             <!--  <a href="{{url('admission/payfee')}}" style="margin-right: 10px;" class="lg-btn lg-btn-success">Cancel </a> -->
                               <a href="" style="margin-right: 10px;" class="lg-btn lg-btn-success cancelpayment">Cancel </a>
                           
                               <input type="submit" class="md-btn md-btn-success" id="" value="PAY NOW">
                             <!--  <input type="submit" class="lg-btn lg-btn-success" id="" value="Cancel"> -->

                              </div>
                              </form>

                        </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>  
  </div>
  @endsection
@section('footer')
    <!-- Placed js at the end of the document so the pages load faster -->

    <!--Core js-->
    <script src="{{asset('assests/js/jquery.js')}}"></script>
    <script src="{{asset('assests/bs3/js/bootstrap.min.js')}}"></script>
      <script>
                              // $(document).ready(function(){
                              //   $('.cancelpayment').click(function(e){
                              //      e.preventDefault();
                              //       window.history.back();
                              //   });
                              // })
 </script>
  @endsection