@extends('web.layouts.container')

@section('content')
        <div class="page-heading">
            <div class="overlay"></div>
            <div class="container">
                <div class="text text-center">
                    <h4>{{__('main.subscription')}}</h4>
                </div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="#">{{__('main.home_page')}}</a>
                            <i class="far fa-dot-circle"></i>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{$header_title}}</li>
                    </ol>
                </nav>
            </div>
        </div>
        <section class="packages-pg">
            <div class="container">
                <div class="text-heading">
                    <div class="text">
                        <span class="title">{{$title}}</span>
                        <span class="bg">{{__('main.subscription')}}</span>
                        <h3>{{__('main.subscription')}}</h3>
                    </div>
                </div>

                <form action="{{route('paymentStatus')}}" class="paymentWidgets" data-brands="VISA MASTER MADA"></form>
            </div>
        </section>
@endsection

@section('inner_js')

        <script type="text/javascript">
            var wpwlOptions = {
                paymentTarget:"_top",
                locale: "en"
            }
        </script>
        <script src="{{$url}}"></script>


{{--    <script>--}}
{{--        $(document).ready(function(){--}}
{{--            $('.payment_button').click(async function (e) {--}}
{{--                e.preventDefault();--}}

{{--                let form = $('.payment_form'),--}}
{{--                    data = new FormData(form[0]),--}}
{{--                    url = form.attr('action'),--}}
{{--                    method = form.attr('method');--}}

{{--                const response=await ajax({--}}
{{--                    url,--}}
{{--                    data,--}}
{{--                    dataType: 'json',--}}
{{--                    method--}}
{{--                });--}}

{{--                if (response.errors) {--}}
{{--                    toasterError(response.errors);--}}
{{--                }--}}
{{--                if (response.message) {--}}
{{--                    toasterSuccess(response.message);--}}
{{--                    setTimeout(function(){--}}
{{--                        window.location.href = response.url;--}}
{{--                    }, 500)--}}

{{--                }--}}

{{--            });--}}
{{--        })--}}
{{--    </script>--}}
@endsection