- Add comprehensive billing page with current subscription display and transaction history - Integrate Polar.sh customer portal for subscription management - Fix Polar API endpoint from /customer-portal to /customer-sessions - Use Polar's direct customer_portal_url response for seamless redirect - Add responsive button layout with cursor-pointer styling - Implement human-readable timestamps using diffForHumans() - Add subscription sync functionality with 30-minute recheck window - Include subscription cancellation with modal confirmation - Support activation key provider with pending activation display - Add proper error handling and user feedback messages
22 lines
957 B
PHP
22 lines
957 B
PHP
<div class="flex items-start max-md:flex-col">
|
|
<div class="me-10 w-full pb-4 md:w-[220px]">
|
|
<flux:navlist>
|
|
<flux:navlist.item :href="route('settings.profile')" wire:navigate>{{ __('Profile') }}</flux:navlist.item>
|
|
<flux:navlist.item :href="route('settings.billing')" wire:navigate>{{ __('Billing') }}</flux:navlist.item>
|
|
<flux:navlist.item :href="route('settings.password')" wire:navigate>{{ __('Password') }}</flux:navlist.item>
|
|
<flux:navlist.item :href="route('settings.appearance')" wire:navigate>{{ __('Appearance') }}</flux:navlist.item>
|
|
</flux:navlist>
|
|
</div>
|
|
|
|
<flux:separator class="md:hidden" />
|
|
|
|
<div class="flex-1 self-stretch max-md:pt-6">
|
|
<flux:heading>{{ $heading ?? '' }}</flux:heading>
|
|
<flux:subheading>{{ $subheading ?? '' }}</flux:subheading>
|
|
|
|
<div class="mt-5 w-full max-w-lg">
|
|
{{ $slot }}
|
|
</div>
|
|
</div>
|
|
</div>
|