<?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');
    }
}