<!--
  -   This file is a part of the SteamWar software.
  -
  -   Copyright (C) 2025 SteamWar.de-Serverteam
  -
  -   This program is free software: you can redistribute it and/or modify
  -   it under the terms of the GNU Affero General Public License as published by
  -   the Free Software Foundation, either version 3 of the License, or
  -   (at your option) any later version.
  -
  -   This program is distributed in the hope that it will be useful,
  -   but WITHOUT ANY WARRANTY; without even the implied warranty of
  -   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  -   GNU Affero General Public License for more details.
  -
  -   You should have received a copy of the GNU Affero General Public License
  -   along with this program.  If not, see <https://www.gnu.org/licenses/>.
  -->

<script lang="ts">
    import { Select, SelectContent, SelectItem, SelectTrigger } from "@components/ui/select";
    import { permissions } from "@stores/stores.ts";
    import { permsRepo } from "@repo/perms.ts";

    const { prefix, uuid }: { prefix: string; uuid: string } = $props();

    let value = $state(prefix);

    $effect(() => {
        value = prefix;
    });

    function onChange(change: string) {
        $permsRepo.setPrefix(uuid, change);

        value = $permissions.prefixes[change].chatPrefix;
    }
</script>

<Select type="single" bind:value onValueChange={onChange}>
    <SelectTrigger>
        {value === "" ? "None" : value}
    </SelectTrigger>
    <SelectContent>
        {#each Object.entries($permissions.prefixes) as prefix (prefix[1].name)}
            <SelectItem value={prefix[0]}>{prefix[1].chatPrefix === "" ? "None" : prefix[1].chatPrefix}</SelectItem>
        {/each}
    </SelectContent>
</Select>
