@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>
                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="section-title">
                                    <h4 class="rbt-title-style-3"> Pay Now</h4>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            {{-- <a class="rbt-btn btn-sm btn-gradient radius-round " href="{{route('user.prime.plan.phonepe',$prime_plan->slug)}}">
                                <span class="icon-reverse-wrapper">
                                    <span class="btn-text">Phonepe</span>
                                    <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                    <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                </span>
                            </a> --}}
                            @foreach(json_decode($payment_getways->content) as $payment_getway)
                                @if($payment_getway == 'phonepe')
                                    <a class="rbt-btn btn-sm btn-gradient radius-round " href="{{route('user.prime.plan.phonepe',$prime_plan->slug)}}">
                                        <span class="icon-reverse-wrapper">
                                            <span class="btn-text">{{$payment_getway}}</span>
                                            <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                            <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                        </span>
                                    </a>
                                @elseif($payment_getway == 'razorpay')
                                    <a class="rbt-btn btn-sm btn-gradient radius-round " onclick="initiateRazorpay('{{$prime_plan->slug}}')">
                                        <span class="icon-reverse-wrapper">
                                            <span class="btn-text">{{$payment_getway}}</span>
                                            <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                            <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                        </span>
                                    </a>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://checkout.razorpay.com/v1/checkout.js"></script>

    <script>

        function initiateRazorpay(slug){
            $('#loading_div').show();
            $.ajax({
                type    :   'POST',
                url     :   "{{ route('user.prime.plan.initiate.razorpay') }}",
                data: {
                    _token          :   "{{csrf_token()}}",
                    slug            :   slug
                },
                success : function(data) {
                    $(window).scrollTop(0);
                    var options ={
                        "key": "{{env('RAZORPAY_KEY')}}",
                        "name": "{{config('app.name')}}",
                        "description": "Purchase Plan",
                        "image": "{{asset('backend/img/logo.png')}}",
                        "order_id": data.razorpay_order_id,
                        "handler": function(response){
                            $.ajax({
                                type    :   'POST',
                                url     :   "{{ route('user.prime.plan.razorpay.payment') }}",
                                data    :   {
                                    _token              :   "{{csrf_token()}}",
                                    slug                :   slug,
                                    razorpay_payment_id :   response.razorpay_payment_id
                                },
                                success: function(data) {
                                    window.location.replace("{{route('user.prime.plan')}}");
                                },error: function(request, status, error) {
                                    window.location.replace("{{route('user.prime.plan')}}");
                                }
                            });
                        },"prefill": {
                            "email"     :   "{{Auth::guard('web')->user()->email}}",
                            "contact"   :   "{{Auth::guard('web')->user()->phone}}",
                        },"theme":{
                            "color": "#4553c8db"
                        },"modal": {
                            "ondismiss": function() {
                                $('.loader').hide();
                            }
                        }
                    };
                    var rzp1 = new Razorpay(options);
                    rzp1.open();
                },error: function(request, status, error) {
                    window.location.replace("{{route('index')}}");
                }
            });
        }

    </script>

@endsection