investbrain/resources/views/profile/localization-form.blade.php

<?php

use App\Models\Currency;
use App\Models\User;
use Illuminate\Support\Collection;
use Livewire\Volt\Component;

new class extends Component
{
    // props

    public Collection $currencies;

    public string $display_currency;

    public ?string $locale;

    public ?User $user;

    // methods
    public function rules()
    {
        return [
            'locale' => ['required', 'in:'.implode(',', Arr::pluck(config('app.available_locales'), 'locale'))],
            'display_currency' => ['required', 'exists:currencies,currency'],
        ];
    }

    public function mount()
    {
        $this->currencies = Currency::get();
        $this->display_currency = auth()->user()->getCurrency();
        $this->locale = auth()->user()->getLocale();
        $this->user = auth()->user();
    }

    public function updateProfileInformation()
    {
        $this->resetErrorBag();

        $this->validate();

        $this->user->setOption([
            'locale' => $this->locale,
            'display_currency' => $this->display_currency,
        ]);

        $this->user->save();

        cache()->tags(['metrics-'.$this->user->id])->flush();

        $this->dispatch('saved');

        // $this->js('window.location.reload();');
    }
}; ?>

<x-forms.form-section submit="updateProfileInformation">
    <x-slot name="title">
        {{ __('Locale Options') }}
    </x-slot>

    <x-slot name="description">
        {{ __('Adjust localization options for your preferred region.') }}
    </x-slot>

    <x-slot name="form">

        <div class="col-span-6 sm:col-span-4">
            <x-ui.select 
                label="{{ __('Locale') }}"
                class=""
                :options="config('app.available_locales')"
                option-value="locale"
                option-label="label"
                placeholder="Choose a locale"
                wire:model="locale"
                id="locale"
                required
            />
            
        </div>

        <div class="col-span-6 sm:col-span-4">
            <x-ui.select 
                label="{{ __('Display Currency') }}"
                class=""
                :options="$currencies"
                option-value="currency"
                option-label="label"
                placeholder="Choose a display currency"
                wire:model="display_currency"
                id="display_currency"
                required
            />
            
        </div>

    </x-slot>

    <x-slot name="actions">
        <x-forms.action-message class="me-3" on="saved">
            {{ __('Saved.') }}
        </x-forms.action-message>

        <x-ui.button type="submit">
            {{ __('Save') }}
        </x-ui.button>
    </x-slot>
</x-forms.form-section>