81 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			81 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
<x-slot:basic>
 | 
						|
    <x-forms.button x-show="selected === 'monthly'" x-cloak aria-describedby="tier-basic" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('basic-monthly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
 | 
						|
    <x-forms.button x-show="selected === 'yearly'" x-cloak aria-describedby="tier-basic" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('basic-yearly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
</x-slot:basic>
 | 
						|
<x-slot:pro>
 | 
						|
    <x-forms.button x-show="selected === 'monthly'" x-cloak aria-describedby="tier-pro" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('pro-monthly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
 | 
						|
    <x-forms.button x-show="selected === 'yearly'" x-cloak aria-describedby="tier-pro" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('pro-yearly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
</x-slot:pro>
 | 
						|
<x-slot:ultimate>
 | 
						|
    <x-forms.button x-show="selected === 'monthly'" x-cloak aria-describedby="tier-ultimate" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('ultimate-monthly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
 | 
						|
    <x-forms.button x-show="selected === 'yearly'" x-cloak aria-describedby="tier-ultimate" class="w-full h-10 buyme"
 | 
						|
        x-on:click="subscribe('ultimate-yearly')"> Subscribe
 | 
						|
    </x-forms.button>
 | 
						|
</x-slot:ultimate>
 | 
						|
<x-slot:other>
 | 
						|
    <script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>
 | 
						|
    <script type="text/javascript">
 | 
						|
        Paddle.Environment.set("{{ isDev() ? 'sandbox' : 'production' }}");
 | 
						|
        Paddle.Setup({
 | 
						|
            seller: {{ config('subscription.paddle_vendor_id') }},
 | 
						|
            checkout: {
 | 
						|
                settings: {
 | 
						|
                    displayMode: "overlay",
 | 
						|
                    theme: "light",
 | 
						|
                }
 | 
						|
            }
 | 
						|
        });
 | 
						|
 | 
						|
        function subscribe(type) {
 | 
						|
            let priceId = null
 | 
						|
            switch (type) {
 | 
						|
                case 'basic-monthly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_basic_monthly') }}"
 | 
						|
                    break;
 | 
						|
                case 'basic-yearly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_basic_yearly') }}"
 | 
						|
                    break;
 | 
						|
                case 'pro-monthly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_pro_monthly') }}"
 | 
						|
                    break;
 | 
						|
                case 'pro-yearly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_pro_yearly') }}"
 | 
						|
                    break;
 | 
						|
                case 'ultimate-monthly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_ultimate_monthly') }}"
 | 
						|
                    break;
 | 
						|
                case 'ultimate-yearly':
 | 
						|
                    priceId = "{{ config('subscription.paddle_price_id_ultimate_yearly') }}"
 | 
						|
                    break;
 | 
						|
                default:
 | 
						|
                    break;
 | 
						|
            }
 | 
						|
            Paddle.Checkout.open({
 | 
						|
                customer: {
 | 
						|
                    email: '{{ auth()->user()->email }}',
 | 
						|
                },
 | 
						|
                customData: {
 | 
						|
                    "team_id": "{{ currentTeam()->id }}",
 | 
						|
                },
 | 
						|
                items: [{
 | 
						|
                    priceId,
 | 
						|
                    quantity: 1
 | 
						|
                }],
 | 
						|
            });
 | 
						|
        }
 | 
						|
    </script>
 | 
						|
</x-slot:other>
 |