<!--
  -   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 {Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
    import EventEdit from "./event/EventEdit.svelte";
    import {ArrowLeftOutline} from "flowbite-svelte-icons";
    import FightList from "./event/FightList.svelte";
    import TeamList from "./event/TeamList.svelte";
    import {eventRepo} from "@repo/event.ts";
    import RefereesList from "@components/admin/pages/event/RefereesList.svelte";

  interface Props {
    params: { id: number };
  }

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

    let id = params.id;
    let event = $eventRepo.getEvent(id.toString());
</script>

{#await event}
    <div class="h-screen w-screen grid place-items-center">
        <Spinner size={16}/>
    </div>
{:then data}
    <Navbar  >
        {#snippet children({ hidden, toggle })}
        <NavBrand href="#">
              <ArrowLeftOutline></ArrowLeftOutline>
              <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
                  {data.event.name}
              </span>
          </NavBrand>
            {/snippet}
    </Navbar>

    <Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass="">
        <TabItem open>
            {#snippet title()}
            <span >Event</span>
          {/snippet}
            <EventEdit {data}/>
        </TabItem>
        <TabItem>
            {#snippet title()}
            <span >Teams</span>
          {/snippet}
            <TeamList {data}/>
        </TabItem>
        <TabItem>
            {#snippet title()}
            <span >Schiedsrichter</span>
          {/snippet}
            <RefereesList {data}/>
        </TabItem>
        <TabItem>
            {#snippet title()}
            <span >Kämpfe</span>
          {/snippet}
            <FightList {data}/>
        </TabItem>
    </Tabs>
{:catch error}
    <p>
        {error.message}
    </p>
{/await}
