Files
sure/app/views/subscriptions/upgrade.html.erb
Juan José Mata 8e36c8e736 Rename billing to payment throughout the codebase (#726)
* Rename billing to payment throughout the codebase

This change updates terminology from "billing" to "payment" to better
reflect that these are contributions/payments rather than bills.

Changes include:
- Rename BillingsController to PaymentsController
- Rename billing_email to payment_email
- Rename next_billing_date to next_payment_date
- Rename create_billing_portal_session_url to create_payment_portal_session_url
- Update routes from billing to payment
- Update all 12 locale files with new terminology
- Update views, helpers, and tests

* Update app/views/subscriptions/upgrade.html.erb

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Juan José Mata <jjmata@jjmata.com>

---------

Signed-off-by: Juan José Mata <jjmata@jjmata.com>
Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2026-01-21 19:06:00 +01:00

63 lines
2.1 KiB
Plaintext

<div class="flex flex-col h-full justify-between bg-surface">
<nav class="p-4">
<h1 class="sr-only">Upgrade</h1>
<div class="flex justify-end gap-2">
<%= render DS::Link.new(
text: "Account Settings",
icon: "settings",
variant: "ghost",
href: settings_profile_path,
) %>
<%= render DS::Button.new(
text: "Sign out",
icon: "log-out",
icon_position: :right,
variant: "ghost",
href: session_path(Current.session),
method: :delete
) %>
</div>
</nav>
<div class="grow flex flex-col items-center justify-center">
<%= image_tag "logo-color.png", class: "w-16 mb-6" %>
<% if Current.family.trialing? %>
<p class="text-xl lg:text-3xl text-primary font-display font-medium">Your trial has <%= Current.family.days_left_in_trial %> days remaining</p>
<% else %>
<p class="text-xl lg:text-3xl text-primary font-display font-medium">Your trial is over</p>
<% end %>
<h2 class="text-xl lg:text-3xl font-display font-medium mb-2">
<span class="text-secondary">Unlock</span>
<span class="bg-gradient-to-r from-[#EABE7F] to-[#957049] bg-clip-text text-transparent">Sure</span>
<span class="text-secondary">today</span>
</h2>
<p class="text-sm text-secondary mb-8">To continue using Sure pick a plan below.</p>
<%= form_with url: new_subscription_path, method: :get, class: "max-w-xs", data: { turbo: false } do |form| %>
<div class="space-y-4 mb-6">
<%= render "subscriptions/plan_choice", form: form, plan: "annual", checked: @plan == "annual" %>
<%= render "subscriptions/plan_choice", form: form, plan: "monthly", checked: @plan == "monthly" %>
</div>
<div class="text-center space-y-2">
<%= render DS::Button.new(
text: "Subscribe and unlock Sure",
variant: "primary",
full_width: true
) %>
<p class="text-xs text-secondary">
In the next step, you'll be redirected to Stripe which handles our payments.
</p>
</div>
<% end %>
</div>
<%= render "layouts/shared/footer" %>
</div>