Add the ability to choose the currency symbol (#280)

* Add the ability to choose the currency symbol

* Update wave/database/migrations/2025_10_14_143501_add_currency_column.php

* Plan currency with 3 characters max

* List 4 currency symbols when editing a plan

Author: PatBriPerso

app/Filament/Resources/Plans/PlanResource.php

@@ -79,6 +79,14 @@ public static function form(Schema $schema): Schema
                             ->maxLength(191),
                         TextInput::make('onetime_price')
                             ->maxLength(191),
+                        Select::make('currency')
+                            ->default('$')
+                            ->options([
+                                '$' => '$',
+                                '€' => '€',
+                                '£' => '£',     
+                                '¥' => '¥',
+                            ]),
                     ])->columns(2),
                 Section::make('Plan Status')
                     ->description('Make the plan default or active/inactive and set the sort order')
@@ -130,6 +138,8 @@ public static function table(Table $table): Table
                     ->sortable(),
                 BooleanColumn::make('active')
                     ->sortable(),
+                TextColumn::make('currency')
+                    ->toggleable(isToggledHiddenByDefault: true),
                 TextColumn::make('created_at')
                     ->dateTime()
                     ->sortable()

resources/themes/anchor/components/marketing/sections/pricing.blade.php

@@ -59,7 +59,7 @@ class="flex-1 px-0 mx-auto mb-6 w-full md:max-w-lg lg:mb-0" x-cloak>
                         </div>
 
                         <div class="px-8 mt-5">
-                            <span class="text-5xl font-bold">$<span x-text="billing == 'Monthly' ? '{{ $plan->monthly_price }}' : '{{ $plan->yearly_price }}'"></span></span>
+                            <span class="text-5xl font-bold">{{ $plan->currency }}<span x-text="billing == 'Monthly' ? '{{ $plan->monthly_price }}' : '{{ $plan->yearly_price }}'"></span></span>
                             <span class="text-xl font-bold text-zinc-500"><span x-text="billing == 'Monthly' ? '/mo' : '/yr'"></span></span>
                         </div>
 

wave/database/migrations/2025_10_14_143501_add_currency_column.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('plans', function (Blueprint $table) {
+            $table->string('currency', 3)->default('$');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('plans', function (Blueprint $table) {
+            $table->dropColumn('currency');
+        });
+    }
+};

wave/resources/views/livewire/billing/checkout.blade.php

@@ -39,7 +39,7 @@ class="w-full max-w-full px-0 mx-auto group">
 
                                 <div class="my-3 space-y-2 md:my-5">
                                     <div class="relative">
-                                        <span class="text-3xl font-bold lg:text-4xl dark:text-neutral-200">$<span x-text="billing_cycle_selected == 'month' ? '{{ $plan->monthly_price }}' : '{{ $plan->yearly_price }}'"></span></span>
+                                        <span class="text-3xl font-bold lg:text-4xl dark:text-neutral-200">{{ $plan->currency }}<span x-text="billing_cycle_selected == 'month' ? '{{ $plan->monthly_price }}' : '{{ $plan->yearly_price }}'"></span></span>
                                         <span class="inline-block text-xl font-bold text-gray-500 dark:text-neutral-200 -translate-y-0.5 lg:text-2xl"><span x-text="billing_cycle_selected == 'month' ? '/mo' : '/yr'"></span></span>
                                     </div>
                                     <p class="text-sm leading-7 text-gray-500 dark:text-neutral-300 lg:text-base">{{ $plan->description }}</p>