<!--
  -   This file is a part of the SteamWar software.
  -
  -   Copyright (C) 2023 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 type {Player} from "@type/data.ts";
    import {astroI18n, t} from "astro-i18n"
    import {statsRepo} from "@repo/stats.ts";

  interface Props {
    user: Player;
  }

  let { user }: Props = $props();

    let request = getRequest();

    function getRequest() {
        return $statsRepo.getUserStats(user.uuid)
    }
</script>

{#await request}
    <p>{t("status.loading")}</p>
{:then data}
    <p>{t("dashboard.stats.playtime", {playtime: new Intl.NumberFormat(astroI18n.locale, {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        }).format(data.playtime)})}h</p>
    <p>{t("dashboard.stats.fights", {fights: data.fights})}</p>
    {#if user.perms.includes("CHECK")}
        <p>{t("dashboard.stats.checked", {checked: data.acceptedSchematics})}</p>
    {/if}
{/await}