@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>

    .pricing-section{
        flex-wrap: wrap;
        overflow-x: auto;    
    }

    form#upgradePlan {
        text-align: right;
    }

    .priceDetails tr td{
        text-align: end !important;
    }

    .razorpay-payment-button {
        font-size: 16px;
        color: white;
        transition: all ease 0.5s;
        text-align: center;
        position: relative;
        z-index: 1;
        overflow: hidden;
        display: inline-flex;
        padding: 12px 30px;
        background-color: #023E8A;
        border-radius: 4px;
        font-weight: 600;
        border: 1px solid #023E8A;
    }

    .single-features-item:hover p{
        color:#023E8A;
    }

    .flex-grow-1 {
        text-align: left;
    }

    h4 {
        margin-bottom: 0;
    }

    .nav{
        background-color: #f1f5fe;
        border-radius: 0.8rem;
    }

    .nav-tabs{
        border-bottom: 0;
    }

    .nav-link{
        padding: 0.7rem 1.5rem;
        font-weight: 500;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
        border-color: unset;
        border: none;
        color: #fff;
        background-color: #0d3674;
        border-radius: 0.6rem;
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
        border-color: unset;
        border: 0;
    }

    .nav-tabs .nav-link{
        border-radius: 0.6rem;
        border: 0;
    }

    td {
        font-size: 15px;
        font-weight: 500;
    }

    .heading td{
        font-weight: 600;
    }

    .row.justify-center {
        justify-content: space-around;
    }

    .d-flex {
        justify-content: space-between;
    }

    td {
        text-align: center;
        vertical-align: middle;
    }

    .col-md-12 .col-md-4.mx-2 {
        border-right: 1px solid #264a9f94;
    }

    .col-md-12 .col-md-4.mx-2:last-child {
        border-right: unset !important;
    }

    .card{
        border-radius: 0.8rem;
    }
</style>

<div class="page-content">
    <div class="row justify-content-end">
        <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
            <i class="mdi mdi-youtube"></i>
        </a>
    </div>

    <section class="pricing-area pt-50 pb-50">
        <div class="my-3 mx-3">
            <div class="row">
                <div class="col-lg-12">
                    <div class="text-center">
                        <div class="card pricing-section">
                            <div class="card-body">
                                <table class="table table-bordered table-sm">
                                    <h2 class="py-2"><strong><span id="titleUpgradation" style="text-transform: capitalize;"></span> Plan Invoice Details</strong></h2>
                                    <thead>
                                        <tr>
                                            <td scope="col" rowspan="2"><strong>Sr no.</strong></td>
                                            <td scope="col" rowspan="2"><strong>Plan Name</strong></td>
                                            <td scope="col"><strong>Qty</strong></td>
                                            <td scope="col"><strong>Rate</strong></td>
                                            <td scope="col"><strong>Ass.Value</strong></td>
                                            <td scope="col" colspan="2"><strong>SGST</strong></td>
                                            <td scope="col" colspan="2"><strong>CGST</strong></td>
                                            <td scope="col" colspan="2"><strong>IGST</strong></td>
                                        </tr>
                                        <tr>
                                            <th scope="col">Nos</th>
                                            <th scope="col">Amount</th>
                                            <th scope="col">Amount</th>
                                            <th scope="col">Rate</th>
                                            <th scope="col">Amount</th>
                                            <th scope="col">Rate</th>
                                            <th scope="col">Amount</th>
                                            <th scope="col">Rate</th>
                                            <th scope="col">Amount</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $index = 1;
                                        @endphp
                                        @foreach ($data['transaction']['subscription_items'] as $key => $value)
                                            <tr>
                                                <th scope="row">{{ $index }}</th>
                                                <th scope="col"><span class="font-size-14">{{ $data['new_plan']['name'] }}<span class="font-size-12"> / {{ $data['new_plan_mode']}}</span></span> </th>
                                                <th scope="col">{{ $value['qty'] }}</th>
                                                <th scope="col">{{ number_format($value['item_price'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['item_price_total'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['sgst'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['sgst_amount'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['cgst'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['cgst_amount'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['igst'], 2) }}</th>
                                                <th scope="col">{{ number_format($value['igst_amount'], 2) }}</th>

                                            </tr>
                                            @php
                                                $index++;
                                            @endphp
                                        @endforeach

                                        @if ($data['transaction']['dynamic_late_id'] != 0)
                                            <tr>
                                                <th scope="row">{{ $index }}</th>
                                                <th scope="col">Late Fee (<strong>{{ $data['transaction']['late_fee_item']['days']. " Days" }}</strong>)</th>
                                                <th scope="col">1</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['item_price'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['item_price_total'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['sgst'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['sgst_amount'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['cgst'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['cgst_amount'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['igst'], 2) }}</th>
                                                <th scope="col">{{ number_format($data['transaction']['late_fee_item']['igst_amount'], 2) }}</th>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>   

                                <table class="table table-sm">
                                    <tbody class="priceDetails">
                                        <tr>
                                            <td>Ass.Value : </td>
                                            @php
                                                $item_price_total = $data['transaction']['item_price_total'];

                                                $gst_amount = $data['transaction']['sgst_amount'] + $data['transaction']['cgst_amount'] + $data['transaction']['igst_amount'];
                                                if ($data['transaction']['dynamic_late_id'] != 0){
                                                    $item_price_total = $item_price_total + $data['transaction']['late_fee_item']['item_price_total'];
                                                    $gst_amount = $gst_amount + $data['transaction']['late_fee_item']['sgst_amount'] + $data['transaction']['late_fee_item']['cgst_amount'] + $data['transaction']['late_fee_item']['igst_amount'];
                                                }
                                            @endphp
                                            <td >{{ number_format( $item_price_total, 2)}}</td>
                                        </tr>
                                        <tr>
                                            <td>GST : </td>
                                            <td>{{ $gst_amount }}</td>
                                        </tr>
                                        @if ($data['transaction']['previous_credit_note_amount'] > 0)
                                            <tr>
                                                <td><strong>Less Credit Note Amount : </strong></td> 
                                                <td><strong>{{ number_format($data['transaction']['previous_credit_note_amount'], 2) }}</strong></td>
                                            </tr>
                                        @endif

                                        @if ($data['transaction']['adjust_amount'] < 0)     
                                            <tr>
                                                <td>Less :- Credit Balance Adjustable : </td>
                                                <td>{{ $data['transaction']['adjust_amount'] }}</td>
                                            </tr>
                                            <tr>
                                                <td>Add :- Debit Balance Adjustable : </td>
                                                <td>0.00</td>
                                            </tr>
                                        @elseif ($data['transaction']['adjust_amount'] > 0)
                                            <tr>
                                                <td>Less :- Cr.Balance Adjustable :</td>
                                                <td>0.00</td>
                                            </tr>
                                            <tr>
                                                <td>Add :- Dr.Balance Adjustable : </td>
                                                <td>{{ $data['transaction']['adjust_amount'] }}</td>
                                            </tr>
                                        @else
                                            <tr>
                                                <td>Less :- Cr.Balance Adjustable : </td>
                                                <td>0.00</td>
                                            </tr>
                                            <tr>
                                                <td>Add :- Dr.Balance Adjustable : </td>
                                                <td>0.00</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td><strong>Net Payable Amount : </strong></td> 
                                            @if ($data['transaction']['payable_amount']==0 || $data['transaction']['payable_amount'] < 0)
                                                <td><strong>0.00</strong></td>
                                            @else
                                                <td><strong>{{ number_format($data['transaction']['payable_amount'], 2) }}</strong></td>
                                            @endif
                                        </tr>
                                        @if(request('transaction_id') == "")
                                            @if ($data['transaction']['payable_amount'] < 0)
                                                <tr>
                                                    <td><strong style="color:#c90000;">You will get refund in the same bank details from which you have Purchased.</strong> | <span>Refund Amount :</span> </td>
                                                    <td>{{ number_format(abs($data['transaction']['payable_amount']),2) }}</td>
                                                </tr>
                                            @endif
                                        @endif
                                    </tbody>
                                </table>
                                @if($data['testtransaction'])
                                    <table class="table table-bordered table-sm">
                                        <h2 class="py-2"><strong><span id="titleUpgradation" style="text-transform: capitalize;"></span>Purchase Invoice Details</strong></h2>
                                        <thead>
                                            <tr>
                                                <td scope="col" rowspan="2"><strong>Sr no.</strong></td>
                                                <td scope="col" rowspan="2"><strong>Feature Name</strong></td>
                                                <td scope="col" rowspan="2"><strong>Quantity / Price</strong></td>
                                                <td scope="col" rowspan="2"><strong>Qty</strong></td>
                                                <td scope="col" rowspan="2"><strong>Amount</strong></td>
                                                <td scope="col" colspan="2"><strong>SGST</strong></td>
                                                <td scope="col" colspan="2"><strong>CGST</strong></td>
                                                <td scope="col" colspan="2"><strong>IGST</strong></td>
                                            </tr>
                                            <tr>
                                                <th scope="col">Rate</th>
                                                <th scope="col">Amount</th>
                                                <th scope="col">Rate</th>
                                                <th scope="col">Amount</th>
                                                <th scope="col">Rate</th>
                                                <th scope="col">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $index = 1;
                                            @endphp
                                            @foreach ($data['testtransaction']['subscription_items'] as $key => $value)   
                                                <tr>
                                                    <th>{{ $key + $index }}</th>
                                                    <th>{{ $value['product_features']['name'] }}</th>
                                                    <th>{{ $value['product_features']['min_unit'] }}/{{ $value['product_features']['single_unit_price'] }}</th>
                                                    <th>{{ $value['qty'] }}</th>
                                                    <th>{{ number_format($value['item_price_total'], 2) }}</th>
                                                    <th>{{ $value['sgst'] }}</th> 
                                                    <th>{{ number_format($value['sgst_amount'], 2) }}</th>
                                                    <th>{{ $value['cgst'] }}</th> 
                                                    <th>{{ number_format($value['cgst_amount'], 2) }}</th>
                                                    <th>{{ $value['igst'] }}</th> 
                                                    <th>{{ number_format($value['igst_amount'], 2) }}</th>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    <table class="table table-sm">
                                        <tbody class="priceDetails">
                                            <tr>
                                                <td>Total Amount : </td>
                                                @php
                                                    $item_price_total = $data['testtransaction']['item_price_total'];

                                                    $gst_amount = $data['testtransaction']['sgst_amount'] + $data['testtransaction']['cgst_amount'] + $data['testtransaction']['igst_amount'];
                                                    if ($data['testtransaction']['dynamic_late_id'] != 0){
                                                        $item_price_total = $item_price_total + $data['testtransaction']['late_fee_item']['item_price_total'];
                                                        $gst_amount = $gst_amount + $data['testtransaction']['late_fee_item']['sgst_amount'] + $data['testtransaction']['late_fee_item']['cgst_amount'] + $data['testtransaction']['late_fee_item']['igst_amount'];
                                                    }
                                                @endphp
                                                <td >{{ number_format( $item_price_total, 2)}}</td>
                                            </tr>
                                            <tr>
                                                <td>GST : </td>
                                                <td>{{ number_format($gst_amount, 2) }}</td>
                                            </tr>
                                            @if ($data['testtransaction']['previous_credit_note_amount'] > 0)
                                                <tr>
                                                    <td><strong>Less Credit Note Amount : </strong></td> 
                                                    <td><strong>{{ number_format($data['testtransaction']['previous_credit_note_amount'], 2) }}</strong></td>
                                                </tr>
                                            @endif

                                            @if ($data['testtransaction']['adjust_amount'] < 0)     
                                                <tr>
                                                    <td>Less :- Credit Balance Adjustable : </td>
                                                    <td>{{ number_format($data['testtransaction']['adjust_amount'], 2) }}</td>
                                                </tr>
                                                <tr>
                                                    <td>Add :- Debit Balance Adjustable : </td>
                                                    <td>0.00</td>
                                                </tr>
                                            @elseif ($data['testtransaction']['adjust_amount'] > 0)
                                                <tr>
                                                    <td>Less :- Cr.Balance Adjustable :</td>
                                                    <td>0.00</td>
                                                </tr>
                                                <tr>
                                                    <td>Add :- Dr.Balance Adjustable : </td>
                                                    <td>{{ number_format($data['testtransaction']['adjust_amount'], 2) }}</td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td>Less :- Cr.Balance Adjustable : </td>
                                                    <td>0.00</td>
                                                </tr>
                                                <tr>
                                                    <td>Add :- Dr.Balance Adjustable : </td>
                                                    <td>0.00</td>
                                                </tr>
                                            @endif
                                            <tr>
                                                <td><strong>Net Payable Amount : </strong></td> 
                                                @if ($data['transaction']['payable_amount']==0 || $data['transaction']['payable_amount'] < 0)
                                                    <td><strong>0.00</strong></td>
                                                @else
                                                    <td><strong>{{ number_format($data['testtransaction']['payable_amount'], 2) }}</strong></td>
                                                @endif
                                            </tr>
                                            @if ($data['testtransaction']['payable_amount'] < 0)
                                                <tr>
                                                    <td><strong style="color:#c90000;">You will get refund in the same bank details from which you have Purchased.</strong> | <span>Refund Amount :</span> </td>
                                                    <td>{{ number_format(abs($data['testtransaction']['payable_amount']),2) }}</td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                @endif
                                @if($data['testtransaction'])
                                <table class="table table-sm">
                                    <tbody class="priceDetails">
                                        <tr>
                                            @if($data['transaction']['payable_amount'] < 0)
                                                <td><strong style="color:#c90000;">You will get refund in the same bank details from which you have Purchased.</strong> | <span>Refund Amount :</span> </td>
                                            @else
                                                <td><strong>Grand Payable Amount :</strong></td>
                                            @endif
                                            @if ($data['transaction']['payable_amount'] < 0)
                                                <td><strong>{{ number_format(abs($data['transaction']['payable_amount']) - $data['testtransaction']['payable_amount'], 2) }}</strong></td>
                                            @else
                                                <td><strong>{{ number_format($data['transaction']['payable_amount'] + $data['testtransaction']['payable_amount'], 2) }}</strong></td>
                                            @endif
                                        </tr>
                                    </tbody>
                                </table>
                                @endif

                                <form class="text-right" action="{{ route('upgrade.plan.rozorpay.store') }}" method="POST" id="upgradePlan">
                                    @csrf
                                    <input type="hidden" name="transaction_id" value="{{ md5($data['transaction']['id'].'#Sescret@#2022') }}" />
                                    <input type="hidden" name="plan_selection" value="{{ $data['plan_selection'] }}" />
                                    <input type="hidden" name="plan_type" value="{{ $data['plan_type'] }}" />
                                    <input type="hidden" name="type" value="{{ $data['type'] }}" />
                                    <input type="hidden" name="testtransaction_id" value="{{ request('transaction_id') }}" />
                                    @if($data['environment'] == 'production' && $data['transaction']['payable_amount']>0)
                                        @if(empty($data['testtransaction']))
                                            <script src="https://checkout.razorpay.com/v1/checkout.js" data-key="{{ env('RAZORPAY_KEY') }}" data-amount="{{$data['transaction']['payable_amount']*100}}" data-buttontext="Pay with RazorPay : {{$data['transaction']['payable_amount']}} INR" data-name="Reachassuree" data-description="#{{ $data['transaction']['id'] }}" data-image="{{ asset('rassets/images/logo.png') }}" data-prefill.contact="{{ $data['agent_detail']->mobile_number}}" data-prefill.email="{{ $data['agent_detail']->email}}" data-theme.color="#023E8A;"></script>
                                        @else
                                            <script src="https://checkout.razorpay.com/v1/checkout.js" data-key="{{ env('RAZORPAY_KEY') }}" data-amount="{{($data['transaction']['payable_amount'] + $data['testtransaction']['payable_amount']) *100}}" data-buttontext="Pay with RazorPay : {{$data['transaction']['payable_amount'] + $data['testtransaction']['payable_amount']}} INR" data-name="Reachassuree" data-description="#{{ $data['transaction']['id'] }}" data-image="{{ asset('rassets/images/logo.png') }}" data-prefill.contact="{{ $data['agent_detail']->mobile_number}}" data-prefill.email="{{ $data['agent_detail']->email}}" data-theme.color="#023E8A;"></script>
                                        @endif
                                    @endif
                                    
                                    @if($data['transaction']['payable_amount']==0 || $data['transaction']['payable_amount'] < 0)
                                        <button type="submit" class="btn btn-primary my-2 px-5 btn-bg">Confirm Process</button>
                                    @endif
                                    
                                    @if($data['environment'] != 'production')
                                    
                                        <input type="hidden" name="payment_status" id="payment_status" value="" />
                                        
                                        @if($data['transaction']['payable_amount'] > 0)
                                            @if(empty($data['testtransaction']))
                                                <a class="font-size-14" style="float: left;"><strong>{{ AmountInWords(abs($data['transaction']['payable_amount'])) }}</strong></a>
                                            @else
                                                <a class="font-size-14" style="float: left;"><strong>{{ AmountInWords(abs($data['transaction']['payable_amount'] + $data['testtransaction']['payable_amount'])) }}</strong></a>
                                            @endif
                                            <button type="button" class="btn btn-success my-2 mx-1" id="successButton">Success Payment Test</button>
                                            <button type="button" class="btn btn-danger my-2 mx-1" id="errorButton">Error Payment Test</button>
                                        @endif    
        
                                    @endif
                                </form>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>Current Plan</strong></h6> 
                                                <span class="font-size-18">{{ $data['current_plan']['name']}}<span class="font-size-14"> /{{ $data['mode']}}</span></span> 
                                            </div>
                                            <div class="flex-shrink-0 align-self-center ">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="mdi mdi-calendar-star font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>Current Plan Remain Days</strong></h6> 
                                                <span class="font-size-18">{{$data['current_plan']['remain_days']}}<span class="font-size-12">/Days</span></span> 
                                            </div>
                                            <div class="flex-shrink-0 align-self-center">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="bx bx-calendar font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>CreditNote Amount</strong></h6> 
                                                <span class="font-size-18">{{ number_format($data['transaction']['previous_credit_note_amount'] ,2) }}</span> 
                                            </div>
                                            <div class="flex-shrink-0 align-self-center">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="bx bx bx-rupee font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>Upgrade Plan</strong></h6> 
                                                <span class="font-size-18">{{ $data['new_plan']['name']}}<span class="font-size-14"> /{{ $data['new_plan_mode']}}</span></span> 
                                            </div>
                                            <div class="flex-shrink-0 align-self-center">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="mdi mdi-calendar-check-outline font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>Plan Activate Date</strong></h6> 
                                                <span class="font-size-18">{{ $data['activate_date'] }}</span>
                                            </div>
                                            <div class="flex-shrink-0 align-self-center">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="mdi mdi-calendar-start font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="card mini-stats-wid">
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="flex-grow-1">
                                                <h6 class="text-uppercase" ><strong>Plan Expiry Date</strong></h6> 
                                                <span class="font-size-18">{{ $data['expiry_date']  }}</span>
                                            </div>
                                            <div class="flex-shrink-0 align-self-center">
                                                <div class="avatar-sm rounded-circle bg-primary mini-stat-icon"><span class="avatar-title rounded-circle bg-primary"><i class="mdi mdi-calendar-remove-outline font-size-24"></i></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}?v=2"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>

<script type="text/javascript">
    $("#successButton").bind("click", function() {
        $('#payment_status').val(1);
        $('form#upgradePlan').submit();

        showLoader();
    });
    
    $("#errorButton").bind("click", function() {
        $('#payment_status').val(2);
        $('form#upgradePlan').submit();
    });

    var params = new window.URLSearchParams(window.location.search);
    $('#titleUpgradation').html(params.get('type'));
</script>
@endsection