@extends('pay_online.master')

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center mt-3">
            <div class="col-11">
                <div class="card">
                    <div class="card-body">
                        <h4 class="header-title mt-0 mb-3">Order Summary | {{ $transaction->invoice_no }}</h4>
                        <div class="table-responsive shopping-cart">
                            <table class="table mb-0">
                                <thead>
                                    <tr>
                                        <th>Product</th>
                                        <th>Quantity</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($transaction->sell_lines as $item)
                                        <tr>
                                            <td>
                                                <img src="{{ $item->product->image_url }}" alt="" height="40">
                                                <p class="d-inline-block align-middle mb-0 product-name">
                                                    {{ $item->product->name }}</p>
                                            </td>
                                            <td>
                                                {{ $item->quantity }}
                                            </td>
                                            <td>Rs
                                                {{ number_format($item->quantity * $item->unit_price_inc_tax, 2) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <td>
                                            <h6>Total :</h6>
                                        </td>
                                        <td></td>
                                        <td class="text-dark"><strong>Rs
                                                {{ number_format($transaction->total_before_tax, 2) }}</strong>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div id="previous_due_invoices" hidden>
                            <hr>
                            <h4 class="header-title mt-0 mb-3">Previous Due Invoices</h4>
                            <div class="table-responsive shopping-cart">
                                <table class="table mb-0">
                                    <thead>
                                        <tr>
                                            <th>Invoice No</th>
                                            <th>Total</th>
                                            <th>Paid</th>
                                            <th>Balance</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($with_due_invoices['previous_due_invoices'] as $previous_due_invoice)
                                            <tr>
                                                <td>
                                                    {{ $previous_due_invoice->invoice_no }}
                                                </td>
                                                <td>
                                                    Rs{{ number_format($previous_due_invoice->final_total, 2) }}
                                                </td>
                                                <td>Rs
                                                    {{ !empty($previous_due_invoice->paid_amount) ? number_format($previous_due_invoice->paid_amount, 2) : '0.00' }}
                                                </td>
                                                <td>Rs
                                                    {{ !empty($previous_due_invoice->balance) ? number_format($previous_due_invoice->balance, 2) : number_format($previous_due_invoice->final_total, 2) }}
                                                </td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <td>
                                                <h6>Total :</h6>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td class="text-dark"><strong>Rs
                                                    {{ !empty($with_due_invoices['previous_due_invoices']->sum('balance')) ? number_format($with_due_invoices['previous_due_invoices']->sum('balance'), 2) : number_format($with_due_invoices['previous_due_invoices']->sum('final_total'), 2) }}</strong>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--end re-table-->
                        <div class="total-payment">
                            <table class="table mb-0">
                                <tbody>
                                    <tr>
                                        <td class="payment-title text-right">Subtotal</td>
                                        <td></td>
                                        <td class="text-right">Rs
                                            <input type="hidden" id="old_sub_total"
                                                value="{{ number_format($transaction->total_before_tax, 2) }}">
                                            <input type="hidden" id="old_total"
                                                value="{{ number_format($transaction->final_total + ($transaction->final_total * 2.5) / 100, 2) }}">
											<input type="hidden" id="all_total_with_conversion"
                                                value="{{ number_format($all_total_with_conversion, 2) }}">
                                            <span
                                                id="sub_total">{{ number_format($transaction->total_before_tax, 2) }}</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="payment-title text-right">Discount</td>
                                        <td></td>
                                        <td class="text-right">Rs
                                            {{ number_format($transaction->discount_amount, 2) }} @if ($transaction->discount_type == 'percentage')
                                                {{ '%' }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="payment-title text-right">Shipping
                                            <small>
                                                @if ($transaction->shipping_details)
                                                    <br>
                                                    ({{ $transaction->shipping_details }})
                                                @endif
                                            </small>
                                        </td>
                                        <td></td>
                                        <input type="hidden" id="old_shipping_charges"
                                            value="{{ number_format($transaction->shipping_charges, 2) }}">
										<input type="hidden" id="total_shipping_charges"
                                            value="{{ number_format($with_due_invoices['shipping_charges'] + $transaction->shipping_charges, 2) }}">
                                        <td class="text-right">
                                            Rs <span id="shipping_charges">
                                                {{ number_format($transaction->shipping_charges, 2) }} </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="payment-title text-right">Conversion Fee (+2.5%)</td>
                                        <td>
											<input type="hidden" id="old_conversion_fee"
                                            value="{{ number_format($transaction->final_total * 2.5 / 100, 2) }}">
											<input type="hidden" id="total_conversion_fee"
                                            value="{{ number_format($total_conversion_fee, 2) }}">
										</td>
                                        <td class="text-right">
											Rs 
											<span id="span_conversion_fee">
											{{ number_format($transaction->final_total * 2.5 / 100, 2) }}
											</span>	
										</td>
                                    </tr>
                                    <tr>
                                        <td class="payment-title text-right">Total</td>
                                        <td></td>
                                        <td class="text-dark text-right">
                                            <strong>
                                                Rs <span
                                                    id="total">{{ number_format($transaction->final_total + ($transaction->final_total * 2.5) / 100, 2) }}</span>
                                            </strong>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!--end table-->
                        </div>
                        <!--end total-payment-->
                    </div>
                    <!--end card-body-->
					
					
					<div class="card-footer">
                            <input type="hidden" id="merchantPgIdentifier" name="merchantPgIdentifier" value="PG00017233">
                            <input type="hidden" id="chargeTotal" name="chargeTotal"
                                value="{{ number_format($transaction->final_total + ($transaction->final_total * 2.5) / 100, 2) }}"><br><br>
                            <input type="hidden" id="actual_pay_amount"
                                value="{{ number_format($final_amount + ($transaction->final_total * 2.5) / 100, 2) }}">
                            <input type="hidden" id="oldChargeTotal"
                                value="{{ $transaction->final_total + ($transaction->final_total * 2.5) / 100 }}">
                            <input type="hidden" id="currency" name="currency" value="LKR">
                            <input type="hidden" id="paymentMethod" name="paymentMethod" value="Genie">
                            <input type="hidden" id="orderId" name="orderId" value="{{ $transaction->id }}">
                            <input type="hidden" id="invoiceNumber" name="invoiceNumber"
                                value="{{ $transaction->invoice_no }}">
                            <input type="hidden" id="successUrl" name="successUrl" value="{{ route('genie') }}">
                            <input type="hidden" id="errorUrl" name="errorUrl" value="{{ route('genieerror') }}">
                            <input type="hidden" id="storeName" name="storeName" value="MCO0011038">
                            {{--                   MCO0002398                                     --}}
                            <input type="hidden" id="transactionType" name="transactionType" value="SALE">
                            <input type="hidden" id="timeout" name="timeout" value="">
                            <input type="hidden" id="transactionDateTime" name="transactionDateTime"
                                value="{{ $date_time }}">
                            <input type="hidden" id="language" name="language" value="en">
                            <input type="hidden" id="txnToken" name="txnToken" value="{{ $genie_token }}">
                            <input type="hidden" id="oldTxnToken" value="{{ $genie_token }}">
                            <input type="hidden" id="itemList" name="itemList" value="">
                            <!--added new-->
                            <input type="hidden" id="otherInfo" name="otherInfo"
                                value="{{ $with_due_invoices['other_info'] }}">
                            <input type="hidden" id="oldOtherInfo" value="{{ $with_due_invoices['other_info'] }}">
                            <input type="hidden" id="merchantCustomerPhone" name="merchantCustomerPhone"
                                value="">
                            <input type="hidden" id="merchantCustomerEmail" name="merchantCustomerEmail"
                                value="">
                            <input type="hidden" id="disableWebCheckoutQr" name="disableWebCheckoutQr" value="N">
                            <input type="hidden" id="disableWebCheckoutGuest" name="disableWebCheckoutGuest"
                                value="N">
                            <input type="hidden" id="disableWebCheckoutSignIn" name="disableWebCheckoutSignIn"
                                value="N">
                            <input type="hidden" id="discountCode" name="discountCode" value="">

                            @if ($with_due_invoices['flag'] == false)
                                <div class="form-group">
                                    <div class="">
                                        <label>
                                            <input id="invoice_dues" type="checkbox"> Previous
                                            Invoice Dues
                                        </label>
                                    </div>
                                </div>
                            @endif

                            <button type="button" class="btn btn-success px-3 btn-block" id="pay_button">Pay
                                Now
                            </button>
                            <input type="hidden" id="genie_url" value="{{ $genie_url }}">
                            <input type="hidden" id="genie_url_with_due" value="{{ $genie_url_with_due }}">
                            <div class="text-center" style="margin-top: 10px;">
                                {{-- <img src="{{ asset('img/genie.png') }}" class="img-fluid" class="im"
                                alt="visa-master" style="width: 400px; height: 138px;"> --}}
                                <img src="{{ asset('img/PaymentMethods.jpg') }}" class="img-fluid" class="im"
                                    alt="visa-master" style="height: 59px; width: 268px;">
                            </div>
                        </div>
					
					
                </div>
                <!--end card-->
            </div>
            {{-- <div class="col-1"></div> --}}
        </div>
    </div><!-- container -->
@endsection

@section('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('click', '#pay_button', function() {
                var transaction_id = $('#orderId').val();
                var url = '';
                var pay_due = 0;
                if ($('#invoice_dues').is(':checked')) {
                    if ($('#genie_url_with_due').val() != null) {
                        // firimi_msg();
                        url = $('#genie_url_with_due').val();
                        // window.open($('#genie_url_with_due').val());
                    }
                    pay_due = 1;
                } else {
                    if ($('#genie_url').val() != null) {
                        // firimi_msg();
                        url = $('#genie_url').val();
                        // window.open($('#genie_url').val());
                    }
                }

                $.ajax({
                    method: 'post',
                    url: '/online_payment/update_genie_details',
                    data: {
                        "_token": "{{ csrf_token() }}",
                        transaction_id: transaction_id,
                        url: url,
                        pay_due: pay_due,
                    },
                    success: function(res) {
                        if (res == 'done') {
                            // window.open(url);
                            location.href = url;
                        }
                    }
                });

            });

            let status = "{{ $transaction->payment_status }}";
            if (status === 'paid') {
                Swal.fire({
                    title: 'Payment Completed',
                    text: 'All of your payment completed',
                    type: 'warning',
                    allowOutsideClick: false,
                    confirmButtonColor: '#1ECAB8',
                    showConfirmButton: false
                })
            }

            $(document).on('change', '#invoice_dues', function() {

                let status = $(this).is(':checked');
                let orderId = $('#orderId').val();
                let old_sub_total = $('#old_sub_total').val();
                let old_total = $('#old_total').val();
                let old_txn_total = $('#oldChargeTotal').val();
                let old_txn_token = $('#oldTxnToken').val();
                let old_other_info = $('#oldOtherInfo').val();
                let old_shipping_charges = $('#old_shipping_charges').val();
				let total_shipping_charges = $('#total_shipping_charges').val();
				let all_total_with_conversion = $('#all_total_with_conversion').val();

                if (status) {
                    $('#sub_total').text("{{ number_format($with_due_invoices['final_total'], 2) }}");
					$('#span_conversion_fee').text($('#total_conversion_fee').val());
                    $('#total').text(all_total_with_conversion);
                    $('#chargeTotal').val("{{ $with_due_invoices['final_total'] }}");
                    $('#txnToken').val("{{ $with_due_invoices['all_genie_token'] }}");
                    $('#pay_button').text("Pay With Due");
                    $('#otherInfo').val("multiple.{{ $transaction->id }}");
                    //$('#shipping_charges').text(total_shipping_charges);
                    $('#previous_due_invoices').attr('hidden', false);
                } else {
                    $('#sub_total').text(old_sub_total);
					$('#span_conversion_fee').text($('#old_conversion_fee').val());
                    $('#total').text(old_total);
                    $('#chargeTotal').val(old_txn_total);
                    $('#txnToken').val(old_txn_token);
                    $('#pay_button').text("Pay Now");
                    $('#otherInfo').val(old_other_info);
                    //$('#shipping_charges').text(old_shipping_charges);
                    $('#previous_due_invoices').attr('hidden', true);
                }


                

            });

        });

        $('#frimi').submit(function(e) {
            e.preventDefault();
            if ($('#frimi_mobile').val() && $('#frimi_id').val()) {
                $('#frimi_mobile').addClass('is-valid');
                $('#frimi_id').addClass('is-valid');
                firimi_msg();
                $.ajax({
                    method: 'post',
                    url: "{{ route('frimi', $transaction->id) }}",
                    data: $(this).serialize(),
                    success: function(res) {

                        //Payment Alart


                        console.log(res);
                    }
                });

            } else {
                $('#frimi_mobile').addClass('is-invalid');
                $('#frimi_id').addClass('is-invalid');
            }
        });

        function frimiStatus() {
            var url = '';
            var pay_due = 0;
            if ($('#invoice_dues').is(':checked')) {
                if ($('#genie_url_with_due').val() != null) {
                    url = $('#genie_url_with_due').val();
                }
                pay_due = 1;
            } else {
                if ($('#genie_url').val() != null) {
                    url = $('#genie_url').val();
                }
            }
            var transaction_id = $('#orderId').val();
            $.ajax({
                method: 'GET',
                url: "{{ route('frimi_status') }}",
                data: {
                    transaction_id: transaction_id,
                    url: url,
                    pay_due: pay_due,
                },
                success: function(res) {
                    if (res == 'approved') {
                        success_msg()
                    } else if (res == 'processing') {
                        firimi_msg();
                    } else {
                        error_msg(res);
                    }

                }
            });
        }

        //Frimi Confirmation
        function firimi_msg() {
            swal.fire({
                title: 'Payment Still Processing',
                text: "Once you proceed payment on App, Click Button below to process payment with meatdeal.lk. Do not close or refresh page.",
                imageUrl: 'https://www.frimi.lk/api/img_desktop.png',
                imageHeight: 300,
                // type: 'warning',
                showCancelButton: false,
                confirmButtonText: 'Yes, Payment Completed',
                confirmButtonColor: '#1ECAB8',
                reverseButtons: true,
                allowOutsideClick: false
            }).then((result) => {
                if (result.value) {
                    frimiStatus();
                }
            })
        }

        function success_msg() {
            Swal.fire({
                title: 'Thank You!',
                text: 'Your Payment has been received.',
                type: 'success',
                allowOutsideClick: false,
                confirmButtonColor: '#1ECAB8',
                showConfirmButton: false
            })
        }

        function error_msg(msg) {
            Swal.fire({
                title: 'Payment Not Completed',
                text: '',
                type: 'error',
                allowOutsideClick: false,
                confirmButtonColor: '#1ECAB8',
            })
        }
    </script>
@endsection