@extends('Layouts.Application')

@section('MainContent')

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading"><strong>Student Online Payment</strong></div>
            <div class="panel-body">
                @if (session()->has('errorMessage'))
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Error!</strong> {{ session()->pull('errorMessage') }}
                    </div>
                @endif

                @if (session()->has('successMessage'))
                    <div class="alert alert-success alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <strong>Success!</strong> {{ session()->pull('successMessage') }}
                    </div>
                @endif

                <div class="table-responsive">
                    <table class="table table-condensed table-bordered text-uppercase">
                        <thead>
                            <input type="hidden" id="grand_total_amount" name="total_amount">
                            <input type="hidden" id="head_amount" name="head_amount">
                            <input type="hidden" id="payment_id" name="payment_id">

                            <tr>
                                <td colspan="2">
                                    NAME : <strong> {{ Auth::user()->full_name }} </strong>
                                </td>
                                <td>
                                    ID : <strong> {{ $studentID->system_generated_student_id }} </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    CLASS : <strong>{{ isset($studentID->class_info->ClassName) ? $studentID->class_info->ClassName : '' }}</strong>
                                </td>
                                <td>
                                    SECTION : <strong>{{ isset($studentID->section->SectionName) ? $studentID->section->SectionName : '' }}</strong>
                                </td>
                                <td>
                                    GROUP : <strong>{{ isset($studentID->group->GroupName) ? $studentID->group->GroupName : '' }}</strong>
                                </td>
                            </tr>
                        </thead>
                    </table>

                    <table id="tblbody" class="table table-condensed table-bordered text-uppercase">
                        <thead>
                            <colgroup>
                                <col width="14%">
                                <col width="8%">
                                <col width="70%">
                                <col width="8%">
                            </colgroup>
                            <tr>
                                <th>Head Name<sup><i class="fa fa-asterisk"></i></sup></th>
                                <th>Head Value</th>
                                <th>Month<sup><i class="fa fa-asterisk"></i></sup></th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select class="form-control" name='head_name' id="head_name">
                                        <option value="">----- Select -----</option>
                                        @if (isset($paymentHead))
                                            @foreach ($paymentHead as $ph)
                                                <option value="{{ $ph->thisTableID . '_' . $ph->student_payment_id }}"
                                                {{ $ph->student_payment_id == 6 ? "selected" : "" }}>{{ $ph->student_payment_name ."-".$ph->acc_year }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span class="label label-danger">{{ $errors->payment->first('head_name') }}</span>
                                </td>
                                <td style="text-align: center; vertical-align: middle;">
                                    <span class="head_price">0</span>
                                </td>
                               <td id="payment_months"></td>
                                <td style="text-align: center; vertical-align: middle;">
                                    <span class="total">0</span>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="3" class="text-right">
                                    Online service charge (1.5%)
                                </td>
                                <td style="text-align: center">
                                    <span id="serviceCharge">0</span>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3" class="text-right">
                                    Grand Total
                                </td>
                                <td style="text-align: center">
                                    <span id="gtotal">0</span>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="5" style="text-align:center">
                                    <img src="{{ asset('rsrc/multimedia/pay_with_bkash.png') }}" width="150px" height="34" id="bKash_button" disabled="disabled" style="cursor: pointer;">
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <div id="student_payment_status"></div>
            </div>
        </div>  
    </div>
</div>

@section('script')

 <script src="https://scripts.pay.bka.sh/versions/1.2.0-beta/checkout/bKash-checkout.js"></script> 
<!--<script src="https://scripts.sandbox.bka.sh/versions/1.2.0-beta/checkout/bKash-checkout-sandbox.js"></script>-->

<script>
    $(document).ready(function() {
        var paymentID = '';

        bKash.init({
            paymentMode: 'checkout',
            paymentRequest: {
				amount: '10',
				intent: 'sale'
			},
            createRequest: function(request) {
                $.ajax({
                    url: baseURL + "/!/StudentModule/StudentOnlinePayment/bKash/InitiatePayment",
                    type: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({
                        "amount": request.amount,
                        "_token": "