@extends('layouts/apply_layout')
@section('title')
@endsection
@section('navContent')
@include('partials/_navUmsProfile')
@endsection
@section('content')

<div class="row add-data-form" style="padding-bottom: 1%;">
    <div class="col-md-12">
        <div class="col-md-2"></div>
        <div class="col-md-8 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                {{-- <a href="{{url('ums/viewAdmissionSubjectsAndMarks/')}}" class="btn btn-info pull-right addViewBtn"><i
                    class="glyphicon glyphicon-th-list viewIcon">
                </i>Subjects And Marks List</a> --}}
            </div>
            <div class="panel panel-default panel-border" >
                <div class="panel-heading">
                    <div class="panel-title">Payment Fee</div>
                </div>
                <div class="panel-body" style="color:black !important;">
                    <div class="col-md-12">
                        <div class="col-md-8" style="padding:0px;padding-bottom:10px;">                          
                            <form>
                                <label>Payment Type</label>
                                <select class="form-control" id="paymentType">
                                    <option value="">Select Payment Type</option>
                                    <option value="1">Online Payment</option>
                                    <option value="2">Check Payment</option>     
                                </select>
                            </form> 
                        </div>

                        <div class="row" style="padding-top:20px;">
                            <div class="col-md-12">
                                <div id="printView">
                                    
                                    <div class="row" style="padding-bottom: 10px; text-align: center; vertical-align: middle; color: black; font-weight: bold; "> 
                                        <span style="text-decoration: underline;  font-size:14px;">Payment Details</span>
                                    </div>
                                    <div class="row" style="padding: 0px 15px;">  
                                        <div style="border:1px solid grey;">
                                            
                                            <table id="voucherInfoTable">
                                                <tbody>
                                                    <tr>
                                                        <td style="font-weight: bold; width: 7%;padding-left:5px;">Name</td>
                                                        <td style="width: 1%;">:</td>
                                                        <td style="width: 36%;">{{$personalInformation->fullName}}</td>
                                                        <td style="font-weight: bold; width: 7%;">Email</td>
                                                        <td style="width: 1%;">:</td>
                                                        <td style="width: 12%;">{{$personalInformation->email}}</td>
                                                    </tr>
                                                    <tr>
                                                        <td style="font-weight: bold;padding-left:5px;"> Phone Number</td>
                                                        <td>:</td>
                                                        <td>{{$personalInformation->mobileNo}}</td>
                                                        <td style="font-weight: bold;">Address</td>
                                                        <td>:</td>
                                                        <td>{{$personalInformation->presentAddress}}</td>
                                                    </tr>
                                                    
                                                </tbody>
                                                
                                            </table> 
                                        </div>
                                        
                                        <table class="table table-bordered" id="voucherView" border="1pt solid ash" style="border-collapse: collapse;width:100%;margin-top:10px; color:black;">
                                            <thead>
                                                <tr>
                                                    <th style="padding:5px;">Fee Name</th>
                                                    <th style="text-align:right; padding:5px;">Amount</th>                                                                      
                                                </tr>                                            
                                            </thead>
                                            <tbody>
                                                @php $feeCount = 0; @endphp
                                                @foreach($feeInformation as $fee)                                                  
                                                <tr style="background-color:white !important;">
                                                    <td class="name" style="padding:5px;">{{$fee->name}}</td>
                                                    <td  style="text-align:right; padding:5px;">{{number_format($fee->amount,2)}}</td>    
                                                </tr>  
                                                @php $feeCount+=$fee->amount; @endphp 
                                                @endforeach
                                                <tr style="background-color:white !important;">                                                                                                                                             
                                                    <td>
                                                        <span style="color: black; font-weight: bold; padding:5px;">Total: </span>
                                                    </td>
                                                    <td class="amount" style="font-weight: bold;text-align:right; padding:5px;">{{number_format($feeCount,2)}}</td>                                                              
                                                </tr>
                                                
                                            </tbody>                                         
                                            
                                        </table>           
                                        
                                    </div> 
                                    
                                    
                                    
                                    <div class="row" style="padding: 20px 14px 10px 14px; ">  
                                        <table style="width:100%;" class="table table-striped table-bordered" id="globalNarrationTable">
                                            <tbody>
                                                <tr>
                                                    <td class="name" >
                                                        <span style="font-weight: bold; text-decoration: underline;">Narration:</span>
                                                        <span>Payment Details</span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                    
                                </div> 
                            </div>
                        </div>
                        
                        
                        
                        {{--  --}}
                        
                        
                    </div>
                    <div class="row" >
                        <div class="col-md-12">
                            <div class="col-md-8" id="onlinePayment">
                                <form id="payment_gw" name="payment_gw" method="POST" action="./initialPaymentBegin">
                                    {{csrf_field()}}
                                    <div class="form-group" style="padding-bottom:10px;">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label>Amount You Need To Pay</label>
                                                <input type="text" class="form-control" name="total_amount" value="{{$feeCount}}"
                                                placeholder="Amount" required="required" readonly="true" />
                                                <input type="hidden" name="store_id" value="ambal5c7bc49ad58ae" />
                                                <input type="hidden" name="store_passwd" value="ambal5c7bc49ad58ae@ssl"/>
                                                <input type="hidden" name="currency" value="BDT" />
                                                <input type="hidden" name="tran_id" value="123456" />
                                                <input type="hidden" name="success_url" value="http://120.50.0.141/uvplus/public/applicant/initialPaymentSuccess" />
                                                <input type="hidden" name="fail_url" value="http://120.50.0.141/uvplus/public/applicant/initialPaymentFail" />
                                                <input type="hidden" name="cancel_url" value="http://120.50.0.141/uvplus/public/applicant/initialPaymentFail" />
                                                <input type="hidden" name="version" value="" />
                                                
                                                <input type="hidden" name="cus_name" value="{{$personalInformation->fullName}}">
                                                <input type="hidden" name="cus_email" value="{{$personalInformation->email}}">
                                                <input type="hidden" name="cus_phone" value="{{$personalInformation->mobileNo}}">
                                                
                                                <input type="hidden" name="value_a" value="{{$personalInformation->userIdFk}}">
                                                <input type="hidden" name="value_b" value="{{$personalInformation->fullName}}">
                                                <input type="hidden" name="value_c" value="{{$personalInformation->email}}">
                                                <input type="hidden" name="value_d" value="{{$personalInformation->mobileNo}}">
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <input type="submit" class="btn btn-info" value="Pay Now" />
                                </form>
                            </div>
                            
                            <div class="col-md-8" id="bankPayment" style="color:black;">
                                <form id="payment_gw" name="payment_gw" method="POST" action="">
                                    <div class="form-group" style="padding-bottom:10px;">
                                        
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label>Bank :</label>
                                                <select class="form-control">
                                                    <option value="Brac Bank">BRAC BANK</option>
                                                    <option value="IFIC Bank">IFIC BANK</option>
                                                    <option value="EXIM Bank">EXIM BANK</option>
                                                </select>
                                            </div>
                                            
                                            <div class="col-md-4">
                                                <label>Check No :</label>
                                                <input type="text" name="checkNo"  class="form-control">
                                            </div>
                                            <div class="col-md-4">
                                                <label>Upload Check</label>
                                                <input type="file" name="pic" accept="image/*" class="form-control">
                                            </div>
                                            
                                        </div>
                                    </div>
                                    <input type="submit" class="btn btn-info" value="Pay Now" />
                                </form>
                            </div>
                            {{-- <div class="col-md-4 emptySpace vert-offset-top-4"><img src="{{ URL::to('/') }}/images/image15.png"
                                width="90%" height="" style="float:left"></div> --}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>
    
    
    
    <script type = "text/javascript" >
        $(document).ready(function () {
            $("#onlinePayment").hide();
            $("#bankPayment").hide();
            $("#paymentType").change(function () {
                var paymentType = $("#paymentType").val();
                if (paymentType == 1) {
                    $("#bankPayment").hide();
                    $("#onlinePayment").show();
                } else if (paymentType == 2) {
                    $("#onlinePayment").hide();
                    $("#bankPayment").show();
                }
            });

        });
    </script>
    @endsection