<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing")} class="tab" > <.icon name="hero-cog-6-tooth" class="w-4 h-4 mr-2" /> General <.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing/providers")} class="tab tab-active" > <.icon name="hero-credit-card" class="w-4 h-4 mr-2" /> Payment Providers <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/currencies")} class="tab" > <.icon name="hero-currency-dollar" class="w-4 h-4 mr-2" /> Currencies <.link navigate={PhoenixKit.Utils.Routes.path("/admin/billing/subscription-types")} class="tab" > <.icon name="hero-clipboard-document-list" class="w-4 h-4 mr-2" /> Subscription Types

<%!-- Stripe Provider --%>

<.icon name="hero-credit-card" class="w-6 h-6 text-primary" />

Stripe

Cards, Apple Pay, Google Pay

Secret Key <%= if has_credentials?(@stripe_secret_key) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Publishable Key <%= if has_credentials?(@stripe_publishable_key) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook Secret <%= if has_credentials?(@stripe_webhook_secret) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook URL

<%!-- PayPal Provider --%>

<.icon name="hero-currency-dollar" class="w-6 h-6 text-info" />

PayPal

PayPal, Venmo, Cards

Mode

Client ID <%= if has_credentials?(@paypal_client_id) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Client Secret <%= if has_credentials?(@paypal_client_secret) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook ID <%= if has_credentials?(@paypal_webhook_id) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook URL

<%!-- Razorpay Provider --%>

<.icon name="hero-banknotes" class="w-6 h-6 text-secondary" />

Razorpay

India payments (UPI, Cards)

Key ID <%= if has_credentials?(@razorpay_key_id) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Key Secret <%= if has_credentials?(@razorpay_key_secret) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook Secret <%= if has_credentials?(@razorpay_webhook_secret) do %> <.icon name="hero-check-circle" class="w-3 h-3 inline" /> Set <% end %>

Webhook URL

Setup Instructions

<.icon name="hero-credit-card" class="w-5 h-5 text-primary" /> Stripe

Create account at stripe.com
Get API keys from Dashboard → Developers
Create webhook with events: checkout.session.completed, payment_intent.*
Copy webhook signing secret

<.icon name="hero-currency-dollar" class="w-5 h-5 text-info" /> PayPal

Create app at developer.paypal.com
Get Client ID and Secret
Configure webhook with events: CHECKOUT.ORDER.*, PAYMENT.*
Copy Webhook ID

<.icon name="hero-banknotes" class="w-5 h-5 text-secondary" /> Razorpay

Create account at razorpay.com
Get Key ID and Secret from Settings → API Keys
Create webhook with events: payment.*, order.paid
Copy webhook secret