<script lang="ts">
import Spacer from "$lib/Layout/Spacer.svelte";
import locale from "$stores/locale";
export let type = "Media";
export let loginSessionError = true;
export let contact = true;
export let list = true;
export let card = false;
export let might = true;
</script>

<div class:card>
  {#if list}
    <ul>
      <li>
        <p>
          {type}
          {might
            ? $locale().errors?.rateLimited?.notLoadedMight
            : $locale().errors?.rateLimited?.notLoadedDefinitely}
          {#if !might}
            {$locale().errors?.rateLimited?.tryAgainOneMinute}
          {/if}
        </p>

        {#if loginSessionError}
          <p>
            {$locale().errors?.rateLimited?.sessionExpired}
          </p>
        {/if}

        <slot />

        {#if contact}
          <Spacer />

          {$locale().errors?.rateLimited?.contactSupport?.split('@fuwn')[0]}
          <a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a>{$locale().errors?.rateLimited?.contactSupport?.split('@fuwn')[1]}
        {/if}
      </li>
    </ul>
  {:else}
    <p>
      {type}
      {might
        ? $locale().errors?.rateLimited?.notLoadedMight
        : $locale().errors?.rateLimited?.notLoadedDefinitely}
      {#if !might}
        {$locale().errors?.rateLimited?.tryAgainOneMinute}
      {/if}
    </p>

    {#if loginSessionError}
      <p>
        {$locale().errors?.rateLimited?.sessionExpired}
      </p>
    {/if}

    <slot />

    {#if contact}
      <Spacer />

      {$locale().errors?.rateLimited?.contactSupport?.split('@fuwn')[0]}
      <a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a>{$locale().errors?.rateLimited?.contactSupport?.split('@fuwn')[1]}
    {/if}
  {/if}
</div>
