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

<style>
    form#extraPurchase {
        text-align: right;
    }

    .priceDetails tr td{
        text-align: right !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">
                            <div class="card-body">
                                <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['transaction']['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['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>{{ number_format($gst_amount, 2) }}</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>{{ number_format($data['transaction']['adjust_amount'], 2) }}</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>{{ number_format($data['transaction']['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['transaction']['payable_amount'], 2) }}</strong></td>
                                            @endif
                                        </tr>
                                        @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
                                    </tbody>
                                </table>
                                
                                <form class="text-right" action="{{ route('extra.purchase.rozorpay.store') }}" method="POST" id="extraPurchase">
                                    @csrf
                                    <input type="hidden" name="transaction_id" value="{{md5($data['transaction']['id'].'#Sescret@#2022')}}" />
                                    @if($data['environment'] == 'production' && $data['transaction']['payable_amount']>0)
                                        <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 RozorPay : {{$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>
                                    @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)
                                            <a class="font-size-14" style="float: left;"><strong>{{ AmountInWords(abs($data['transaction']['payable_amount'])) }}</strong></a>
                                            <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>
                </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#extraPurchase').submit();

        showLoader();
    });

    $("#errorButton").bind("click", function() {
        $('#payment_status').val(2);
        $('form#extraPurchase').submit();
    });
</script>
@endsection