add stripe subscription

resources/views/livewire/subscription/actions.blade.php

@@ -1,31 +1,48 @@
 <div>
-    <div>Status: {{ currentTeam()->subscription->lemon_status }}</div>
-    <div>Type: {{ currentTeam()->subscription->lemon_variant_name }}</div>
-    @if (currentTeam()->subscription->lemon_status === 'cancelled')
-        <div class="pb-4">Subscriptions ends at: {{ getRenewDate() }}</div>
-        <div class="py-4">If you would like to change the subscription to a lower/higher plan, <a
-                class="text-white underline" href="https://docs.coollabs.io/contact" target="_blank">please
-                contact
-                us.</a></div>
-    @else
-        <div class="pb-4">Renews at: {{ getRenewDate() }}</div>
+    @if (subscriptionProvider() === 'stripe')
+        @if (currentTeam()->subscription->stripe_cancel_at_period_end)
+            <div>Subscription is active but on cancel period.</div>
+        @else
+            <div>Subscription is active. Last invoice is
+                {{ currentTeam()->subscription->stripe_invoice_paid ? 'paid' : 'not paid' }}.</div>
+        @endif
+
+        @if (currentTeam()->subscription->stripe_cancel_at_period_end)
+            <a class="hover:no-underline" href="{{ route('subscription') }}"><x-forms.button>Subscribe
+                    again</x-forms.button></a>
+        @endif
+        <x-forms.button wire:click='stripeCustomerPortal'>Manage My Subscription</x-forms.button>
     @endif
-    <div class="flex flex-col gap-2">
-        <div class="flex gap-2">
-            @if (currentTeam()->subscription->lemon_status === 'cancelled')
-                <x-forms.button class="bg-coollabs-gradient" wire:click='resume'>Resume Subscription
+    @if (subscriptionProvider() === 'lemon')
+        <div>Status: {{ currentTeam()->subscription->lemon_status }}</div>
+        <div>Type: {{ currentTeam()->subscription->lemon_variant_name }}</div>
+        @if (currentTeam()->subscription->lemon_status === 'cancelled')
+            <div class="pb-4">Subscriptions ends at: {{ getRenewDate() }}</div>
+            <div class="py-4">If you would like to change the subscription to a lower/higher plan, <a
+                    class="text-white underline" href="https://docs.coollabs.io/contact" target="_blank">please
+                    contact
+                    us.</a></div>
+        @else
+            <div class="pb-4">Renews at: {{ getRenewDate() }}</div>
+        @endif
+        <div class="flex flex-col gap-2">
+            <div class="flex gap-2">
+                @if (currentTeam()->subscription->lemon_status === 'cancelled')
+                    <x-forms.button class="bg-coollabs-gradient" wire:click='resume'>Resume Subscription
+                    </x-forms.button>
+                @else
+                    <x-forms.button wire:click='cancel'>Cancel Subscription</x-forms.button>
+                @endif
+            </div>
+            <div>
+                <x-forms.button><a class="text-white hover:no-underline" href="{{ getPaymentLink() }}">Update Payment
+                        Details</a>
                 </x-forms.button>
-            @else
-                <x-forms.button wire:click='cancel'>Cancel Subscription</x-forms.button>
-            @endif
+                <a class="text-white hover:no-underline"
+                    href="https://app.lemonsqueezy.com/my-orders"><x-forms.button>Manage My
+                        Subscription</x-forms.button></a>
+            </div>
         </div>
-        <div>
-            <x-forms.button><a class="text-white hover:no-underline" href="{{ getPaymentLink() }}">Update Payment
-                    Details</a>
-            </x-forms.button>
-            <a class="text-white hover:no-underline"
-                href="https://app.lemonsqueezy.com/my-orders"><x-forms.button>Manage My
-                    Subscription</x-forms.button></a>
-        </div>
-    </div>
+    @endif
+
 </div>

resources/views/livewire/subscription/pricing-plans.blade.php

@@ -0,0 +1,63 @@
+<x-pricing-plans>
+    @if (config('subscription.provider') === 'stripe')
+        <x-slot:basic>
+            <x-forms.button x-show="selected === 'monthly'" x-cloak aria-describedby="tier-basic"
+                class="w-full h-10 buyme" wire:click="subscribeStripe('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" wire:click="subscribeStripe('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" wire:click="subscribeStripe('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"
+                wire:click="subscribeStripe('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" wire:click="subscribeStripe('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" wire:click="subscribeStripe('ultimate-yearly')"> Subscribe
+            </x-forms.button>
+        </x-slot:ultimate>
+    @endif
+    @if (config('subscription.provider') === 'paddle')
+        <x-paddle />
+    @endif
+    @if (config('subscription.provider') === 'lemon')
+        <x-slot:basic>
+            <x-forms.button x-show="selected === 'monthly'" x-cloak aria-describedby="tier-basic"
+                class="w-full h-10 buyme" wire:click="getSubscriptionLink('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" wire:click="getSubscriptionLink('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" wire:click="getSubscriptionLink('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"
+                wire:click="getSubscriptionLink('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" wire:click="getSubscriptionLink('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" wire:click="getSubscriptionLink('ultimate-yearly')"> Subscribe
+            </x-forms.button>
+        </x-slot:ultimate>
+    @endif
+</x-pricing-plans>