@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 btn-gradient-2 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-right"></i></span>
                                    <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                </span>
                            </a> --}}
                            @foreach (json_decode($payment_getways->content) as $payment_getway)
                                @if ($payment_getway == 'phonepe')
                                    <a class="rbt-btn btn-sm radius-round"
                                        href="{{ route('user.prime.plan.phonepe', $prime_plan->slug) }}">
                                        {{ $payment_getway }} <i class="feather-arrow-right"></i>
                                    </a>
                                @elseif($payment_getway == 'razorpay')
                                    <a class="rbt-btn btn-sm radius-round"
                                        onclick="initiateRazorpay('{{ $prime_plan->slug }}')">
                                        {{ $payment_getway }} <i class="feather-arrow-right"></i>
                                    </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