@extends('frontend.amazy.layouts.app')

@php

    if(app('general_setting')->seller_wise_payment && session()->has('seller_for_checkout')){
        $credential = getPaymentInfoViaSellerId(session()->get('seller_for_checkout'), 4);
    }else{
        $credential = getPaymentInfoViaSellerId(1, 4);
    }

    $version = '?v=' . filemtime(module_path('Subscription', 'Public/js/subscription.js')) . md5_file(module_path('Subscription', 'Public/js/subscription.js'));

    $paypal_enabled = (boolean) getPaymentInfoViaSellerId(1, 3)->status;

@endphp

@push('styles')
<link rel="stylesheet" href="{{asset('Modules/Subscription/Public/css/subscription.css')}}">
<link rel="stylesheet" href="{{asset('Modules/Subscription/Resources/assets/css/primeicons.css')}}">
@endpush
@section('content')
<div class="amazy_dashboard_area dashboard_bg section_spacing6">
    <div class="container">
        <div class="row">
            <div class="col-xl-3 col-lg-4">
                @include('frontend.amazy.pages.profile.partials._menu')
            </div>
            <div class="col-xl-9 col-lg-8" id="productShow">
                <div class="dashboard_white_box style2 bg-white mb_25">
                    <div id="subscription"></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
(function(global) {
    global.Subscription = {
        STRIPE_PUBLISHABLE_KEY: "{{ @$credential->perameter_1 }}",
        PAYPAL_ENABLED: "{{ @$paypal_enabled }}",
        routes: {
            data: "{{ route('frontend.my-subscription.data') }}",
            authorize: "{{ route('subscription.authorize.funds') }}",
            subscribe: "{{ route('subscription.subscribe') }}",
            cancel: "{{ route('subscription.cancel') }}",
            updateCreditCard: "{{ route('subscription.credit-card.update') }}",
            applyCoupon: "{{ route('subscription.coupons.validate') }}",
            applyPaymentCode: "{{ route('subscription.payment-code.apply') }}",
            validatePaymentCode: "{{ route('subscription.payment-code.validate') }}",
            jobCategories: "{{ route('job_board.settings.category.all') }}"
        }
    };
})(window);
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCu-gEfhthbqjZ3sZaWnVchOcETweUfoKc&libraries=places&v=weekly"></script>
<script src="{{ asset('Modules/Subscription/Public/js/subscription.js'.$version) }}"></script>
<script type="text/javascript">

    // var observer = new MutationObserver(function(mutations) {
    //    if (document.contains($('.pricing-container')[0])) {
    //         //hide the subtle gradient layer (.pricing-list > li::after) when pricing table has been scrolled to the end (mobile version only)
    //         checkScrolling($('.pricing-body'));
    //         $(window).on('resize', function() {
    //             window.requestAnimationFrame(function() {
    //                 checkScrolling($('.pricing-body'))
    //             });
    //         });
    //         $('.pricing-body').on('scroll', function() {
    //             var selected = $(this);
    //             window.requestAnimationFrame(function() {
    //                 checkScrolling(selected)
    //             });
    //         });

    //         function checkScrolling(tables) {
    //             tables.each(function() {
    //                 var table = $(this),
    //                     totalTableWidth = parseInt(table.children('.pricing-features').width()),
    //                     tableViewport = parseInt(table.width());
    //                 if (table.scrollLeft() >= totalTableWidth - tableViewport - 1) {
    //                     table.parent('li').addClass('is-ended');
    //                 } else {
    //                     table.parent('li').removeClass('is-ended');
    //                 }
    //             });
    //         }

    //         //switch from monthly to annual pricing tables
    //         bouncy_filter($('.pricing-container'));

    //         function bouncy_filter(container) {
    //             container.each(function() {


    //                 var pricing_table = $(this);
    //                 var filter_list_container = pricing_table.children('.pricing-switcher'),
    //                     filter_radios = filter_list_container.find('input[type=radio][name=duration]'),
    //                     pricing_table_wrapper = pricing_table.find('.pricing-wrapper');

    //                 //store pricing table items
    //                 var table_elements = {};
    //                 filter_radios.each(function() {
    //                     var filter_type = $(this).val();
    //                     table_elements[filter_type] = pricing_table_wrapper.find('label li[data-type="' + filter_type + '"]');
    //                 });

                    

    //                 //detect input change event
    //                 filter_radios.on('change', function(event) {
    //                     event.preventDefault();
    //                     //detect which radio input item was checked
    //                     var selected_filter = $(event.target).val();

    //                     //console.log($('subscription-plan-'+selected_filter+'-months:last'));


    //                     //give higher z-index to the pricing table items selected by the radio input
    //                     show_selected_items(table_elements[selected_filter]);

    //                     //rotate each pricing-wrapper 
    //                     //at the end of the animation hide the not-selected pricing tables and rotate back the .pricing-wrapper

                        
    //                     pricing_table_wrapper.addClass('is-switched').eq(0).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function() {

    //                         hide_not_selected_items(table_elements, selected_filter);
    //                         pricing_table_wrapper.removeClass('is-switched');
    //                         //change rotation direction if .pricing-list has the .bounce-invert class
    //                         if (pricing_table.find('.pricing-list').hasClass('bounce-invert')) pricing_table_wrapper.toggleClass('reverse-animation');
    //                     });
                        
    //                 });
    //             });
    //         }

    //         function show_selected_items(selected_elements) {
    //             selected_elements.addClass('is-selected');
    //         }

    //         function hide_not_selected_items(table_containers, filter) {
    //             $.each(table_containers, function(key, value) {
    //                 if (key != filter) {
    //                     $(this).removeClass('is-visible is-selected').addClass('is-hidden');

    //                 } else {
    //                     $('input[name="subscription_price_id"]').prop('checked', false);
    //                     $(this).parent().children('input[data-subscription-plan-popular=1]').prop('checked', true)
    //                     $(this).addClass('is-visible').removeClass('is-hidden is-selected');
    //                 }
    //             });
    //         }
    //         observer.disconnect();
    //     }
    // });

    // observer.observe(document, {attributes: false, childList: true, characterData: false, subtree:true});

    // $(document).ready(function() {

    //     $(document).on('DOMNodeInserted', function(e) {

            
    //     });

    // });
</script>
@endpush