@extends('layouts.admin')
@section('content')
<section class="pt-4" id="checkout-body">
    <div class="container">
        <div class="">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="ti-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Payment</li>
                </ol>
            </nav>
        </div>
        <div class="row pt-2">
                        <div class="col-lg-8 col-md-12">
                <div class="checkout-step">
                    <div class="">
                        <h6>Choose Payment Type</h6>
                        <div class="list-group list-group-sm mb-5">
                            @if(!empty($paymentModeList))
                            @foreach($paymentModeList as $payment)
                                                        <div class="list-group-item ">
                                <!-- Radio -->
                                <div class="custom-control custom-radio">
                                    <!-- Input -->
                                    <input class="custom-control-input payment_type" id="{{ $payment->name_en }}" name="payment_type" type="radio" data-toggle="collapse" data-action="hide" aria-expanded="true"  value="{{ $payment->id }}">
                                    <!-- Label -->
                                    <label class="custom-control-label font-size-sm text-body text-nowrap mb-0" for="{{ $payment->name_en }}">{{ $payment->name_en }}</label>
                                </div>
                            </div>
                                                        @endforeach
                            @endif
                        </div>
                    </div>
                    <a class="btn btn-block btn-success mb-2 make_payment" href="javascript:;" id="btnSubmit" data-loading-text="<i class='fa fa-spinner fa-spin '></i> @lang('messages.Processing...')">Make Payment</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <div class="cart_detail_box card mb-4 order_summary_main">
                    @php $product_discount = 0 ; $product_subtotal = 0; @endphp
                    @foreach($order_data->items as $item)
                                        @endforeach
                    <div class="card-header">
                        <div class="list-group-item">
                            <h5 class="mb-0 text-center">Order Summary</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-sm list-group-flush-y list-group-flush-x">
                            <li class="d-flex pb-3">
                                <span>MRP Total</span> <span class="ml-auto font-size-sm order_subtotal"><span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{number_format($product_subtotal,2)}}</span>
                            </li>
                            <!-- <li class="list-group-item d-flex">
                                <span>Tax</span> <span class="ml-auto font-size-sm">₹00.00</span>
                            </li> -->
                            @if(isset($product_discount) && $product_discount > 0)
                            <li class="d-flex pb-3">
                                <span>Product Discount</span> <span class="ml-auto font-size-sm text-danger"> - <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{number_format($product_discount,2)}}</span>
                            </li>
                            @endif
                                                        @if($order_data->promo_code_discount > '0.00')
                            <li class="d-flex pb-3">
                                <input type="hidden" name="promo_code" id="promo_code_session" value="{{$promo_code}}">
                                <span>@lang('messages.Promo Code Discount')</span> <span class="ml-auto font-size-sm text-danger"> - <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{$order_data->promo_code_discount}}</span>
                            </li>
                            @endif
                            @if(isset($order_data->delivery_charge) && $order_data->delivery_charge > '0.00')
                            @php $subtotal += $delivery_charge; @endphp
                            <li class="d-flex pb-3">
                                <span>Delivery Charge</span> <span class="ml-auto font-size-sm">
                            + <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{$order_data->delivery_charge}}</span>
                        </li>
                        @else
                        <li class="d-flex pb-3">
                            <span>Delivery Charge</span> <span class="ml-auto text-success font-size-sm">
                        FREE</span>
                    </li>
                    @endif
                    @if(isset($order_data->promotion_product_total_price) && $order_data->promotion_product_total_price > 0)
                    <li class="d-flex pb-3">
                        <span>Promotion Items Total</span> <span class="ml-auto font-size-sm">
                    + <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{$order_data->promotion_product_total_price}}</span>
                </li>
                @endif
                @if($order_data->gift_to_others == 1)
                @php $subtotal += session()->get('gift_value'); @endphp
                <li class="d-flex pb-3">
                    <span>Gift Amount</span> <span class="ml-auto font-size-sm">
                + <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span> {{$order_data->gift_to_others_amount}}</span>
            </li>
            @endif
            <li class="list-group-item d-flex pb-3">
                <span>Total Amount</span>
                @if($order_data->grand_total > 0)
                <span class="ml-auto"><span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span>{{number_format($order_data->grand_total,2)}}</span>
                @else
                <span class="ml-auto"><span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span>0.00</span>
                @endif
            </li>
            @if ($order_data->wallet_amount != '0.00')
            <li class="d-flex pb-3">
                <span>Wallet Amount</span>
                <span class="ml-auto text-danger">- <span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span>{{ number_format($order_data->wallet_amount,2)}}</span>
            </li>
            @endif
            <li class="list-group-item d-flex font-size-lg font-weight-bold">
                <span class="text-success">Amount Payable</span>
                @if($order_data->grand_total > 0)
                <span class="ml-auto text-success"><span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span>{{number_format($order_data->amount_payable,2)}}</span>
                @else
                <span class="ml-auto text-success"><span class="cur-symbol" > {{ env("CURRENCY_CODE") }} </span>0.00</span>
                @endif
            </li>
        </ul>
    </div>
</div>
</div>
</div>
</div>

    <input type = "hidden" name="amount_payable" id="amount_payable" class="amount_payable" value="{{ $order_data->amount_payable }}">
    <input type = "hidden" name="wallet_amount" class="wallet_amount" value="{{ $wallet_amount }}">
</section>
<script src="https://www.cashfree.com/assets/cashfree.sdk.v1.2.js" type="text/javascript"></script>

<script>


        $('.use_wallet').on('change', function(e){
            e.preventDefault();
            var amount_payable = $("#amount_payable").val();
            var wallet_amount = $(".wallet_amount").val();
            var total_amount = $(".total_amount").val();
            if($(this).prop("checked") == true)
            {
                $(".payment_type").prop('checked',false);
                $(".wallet_display").show();
                if(amount_payable > 0)
                {
                    $(".payment_type").attr('disabled',false);
                }
                else
                {
                    $(".payment_type").attr('disabled',true);
                }

            }
            else
            {
                $(".wallet_display").hide();
                $(".payment_type").attr('disabled',false);
                if(amount_payable > 0)
                {
                    $(".payment_type").attr('disabled',false);
                }
            }
        });
        $(".payment_type").on('click', function(e){
            var amount_payable = $("#amount_payable").val();
            //alert(amount_payable);
            //alert($('.use_wallet').prop("checked"));
            if(($('.use_wallet').prop("checked") == true) && (amount_payable == 0))
            {
                return false;
            }

        });



    $(".make_payment").click(function(e) {
    e.preventDefault();
    $("#btnSubmit").attr("disabled", true);
    $('#btnSubmit').button('loading');
    var payment_type = $("input:radio.payment_type:checked").val();
    var paymentMode = $("input:radio.payment_type:checked").val();
    var is_wallet = $("input:checkbox.use_wallet:checked").val();



    var token = $('meta[name="csrf-token"]').attr("content");
    var data = {
        payment_type: payment_type,
        paymentMode: paymentMode,
        is_wallet: is_wallet,
    };

    data.appId = "{{ env('cashfree_appId') }}";
    data.notifyUrl = "{{ url('/cashfree-callback') }}";
    data.returnUrl = "{{ url('/cashfree-callback') }}";
    data.orderNote = "";
    data.pc = "";
    data.orderCurrency = "INR";


    var config = {};
    config.layout = {};
    config.checkout = "transparent";
    config.mode = "{{ env('cashfree_env') }}";
    var resp = CashFree.init(config);

    var postPaymentCallback = function (event) {
        console.log(event);
          // Callback method that handles Payment
          if (event.name == "PAYMENT_RESPONSE" && event.status == "SUCCESS") {
            // Handle Success
        }
        else if (event.name == "PAYMENT_RESPONSE" && event.status == "CANCELLED") {
            // Handle Cancelled
        }
        else if (event.name == "PAYMENT_RESPONSE" && event.status == "FAILED") {
            // Handle Failed
        }
        else if (event.name == "VALIDATION_ERROR") {
            $.ajax({
            url: "{{url('retry-payment')}}", // This is an open endpoint.
            data:{
                "_token": "{{ csrf_token() }}",
                "orderId": "{{$order_data->order_id}}",
            },
            type: "POST",
            success: function(response){
                if(response.http_code == 200)
                { console.log(response.data);
                    $(location).attr("href", response.data);
                }

            }
        });
        }
    };

    var url = "{{url('place-order')}}";
    var payCard = null;
    var payBank = null;
    var payWallet = null;
    var payUpi = null;


            if(payment_type == 8)
            {
                data.paymentToken = "{{$paymentToken}}";
                data.orderId = "{{$order_data->order_id}}";
                data.orderAmount = "{{$order_data->amount_payable}}";
                data.customerName = "{{$customer_name}}";
                data.customerPhone = "{{$customer_data->phone}}";
                data.customerEmail = "{{$customer_data->email}}";
                data.paymentOption = "card";
                data.card = {};
                data.card.number = document.getElementById("card-num").value;
                data.card.expiryMonth = document.getElementById("card-mm").value;
                data.card.expiryYear = document.getElementById("card-yyyy").value;
                data.card.holder = document.getElementById("card-name").value;
                data.card.cvv = document.getElementById("card-cvv").value;
                CashFree.paySeamless(data,postPaymentCallback);
                return false;
            }
            else if(payment_type == 9)
            {
                console.log(resp);
                data.paymentToken = "{{$paymentToken}}";
                data.orderId = "{{$order_data->order_id}}";
                data.orderAmount = "{{$order_data->amount_payable}}";
                data.customerName = "{{$customer_name}}";
                data.customerPhone = "{{$customer_data->phone}}";
                data.customerEmail = "{{$customer_data->email}}";
                data.paymentOption = "upi";
                data.upi = {};
                data.upi.vpa = document.getElementById("upi-vpa").value;
                CashFree.paySeamless(data,postPaymentCallback);
                return false;
            }
            else if(payment_type == 10)
            {
                data.paymentOption = "nb";
                data.paymentToken = "{{$paymentToken}}";
                data.orderId = "{{$order_data->order_id}}";
                data.orderAmount = "{{$order_data->amount_payable}}";
                data.customerName = "{{$customer_name}}";
                data.customerPhone = "{{$customer_data->phone}}";
                data.customerEmail = "{{$customer_data->email}}";
                data.nb = {};
                data.nb.code = document.getElementById("bank-code").value;
                CashFree.paySeamless(data,postPaymentCallback);
                return false;
            }
            else if(payment_type == 11)
            {
                data.paymentOption = "wallet";
                data.paymentToken = "{{$paymentToken}}";
                data.orderId = "{{$order_data->order_id}}";
                data.orderAmount = "{{$order_data->amount_payable}}";
                data.customerName = "{{$customer_name}}";
                data.customerPhone = "{{$customer_data->phone}}";
                data.customerEmail = "{{$customer_data->email}}";
                data.nb = {};
                data.nb.code = document.getElementById("wallet-code").value;
                CashFree.paySeamless(data,postPaymentCallback);
                return false;
            }
            $('.preloader').hide();
    });

</script>
@endsection