Initial commit

app/Http/Livewire/Profile/LanguagesDropdown.php

@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Http\Livewire\Profile;
+
+use Illuminate\Support\Arr;
+use Illuminate\Support\Facades\DB;
+use Livewire\Component;
+
+class LanguagesDropdown extends Component
+{
+    public $state = [];
+    public $langSelected = [];
+    public $langSelectedOptions = [];
+    public $langOptions;
+    public $languages;
+    public string $label;
+
+    /**
+     * Prepare the component.
+     *
+     * @return void
+     */
+    public function mount($languages)
+    {
+        // Create a language options collection that combines all language and competence options
+        $langOptions = DB::table('languages')->get(['id','name']);
+        $compOptions = DB::table('language_competences')->get(['id','name']);
+        $langOptions = collect(Arr::crossJoin($langOptions, $compOptions));
+        $this->langOptions = $langOptions->Map(function ($language, $key) {
+            return [
+                'id' => $key,   // index key is needed to select values in dropdown (option-value)
+                'langId' => $language[0]->id,
+                'compId' => $language[1]->id,
+                'name' => trans($language[0]->name) . ' - ' . trans($language[1]->name),
+            ];
+        });
+
+        $this->langSelectedOptions = $languages;
+        $this->langSelected = $this->langSelectedOptions->pluck('id');
+
+        $type = getActiveProfileType();
+        if ( $type == 'Organization') {
+            $this->label = __('What language(s) does your organization use?');
+        } elseif ( $type == 'Bank') {
+            $this->label = __('What language(s) does your bank use?');
+        } else {
+            // Users, or other types
+            $this->label = __('What language(s) do you speak?');
+        }
+    }
+
+
+    /**
+     * When component is updated, create a selected language collection that holds the selected languages with their selected competences
+     *
+     * @return void
+     */
+    public function updated()
+    {
+        // Get selected options
+        $selected = collect($this->langOptions)->whereIn('id', $this->langSelected);
+
+        // Group by langId and keep only the one with the lowest compId for each language
+        $filtered = $selected
+            ->groupBy('langId')
+            ->map(function ($group) {
+                return $group->sortBy('compId')->first();
+            })
+            ->values();
+
+        // Update selected options and selected ids
+        $this->langSelectedOptions = $filtered;
+        $this->langSelected = $filtered->pluck('id')->toArray();
+
+        $this->dispatch('languagesToParent', $this->langSelectedOptions);
+    }
+
+
+    public function render()
+    {
+        return view('livewire.profile.languages-dropdown');
+    }
+}