<script setup lang="ts">
import ChangeLogEntry from '@/components/ChangeLogEntry.vue'
import { ref } from 'vue'

const entries20240120 = ref([
  'Added text to the landing page',
  'Cleaned up some styling across the site',
  'Added a default sort to all of the tables',
  'Added a couple of icons, and started working on adding tooltips'
])
</script>

<template>
  <v-sheet class="flex-fill pa-2">
    <h1 class="pa-2">ISL Item Value Calculator</h1>
    <v-sheet :elevation="1" class="ma-2 my-4">
      <h2>How to Use</h2>
      <p>
        Select the type of items you want to add up from the menu, then add how many of each item
        you have under the "owned" column. Totals will automatically be calculated for you as you
        update. This also attempts to save your values in your browser automatically.
      </p>
    </v-sheet>
    <v-sheet :elevation="1" class="ma-2 my-4">
      <h2>Missing Features</h2>
      <v-list>
        <v-list-item>
          <v-list-item-title>Syncing</v-list-item-title>
          <v-list-item-subtitle>
            Currently all data is stored in your browser and cannot be moved to another device
            easily.
          </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>Refreshing Data</v-list-item-title>
          <v-list-item-subtitle>
            The list of available items is only loaded when you first access the page. If they are
            updated, you will need to manually refresh in order to fetch new items.
          </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>Missing Data</v-list-item-title>
          <v-list-item-subtitle>
            Some items may be missing! I'll figure out what to put to contact me with fixes soon!
          </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>Missing Icons</v-list-item-title>
          <v-list-item-subtitle> I'd love to add icons for everything </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>Sorting and Grouping</v-list-item-title>
          <v-list-item-subtitle>
            More grouping and sorting options will be added as I figure out how.
          </v-list-item-subtitle>
        </v-list-item>
      </v-list>
    </v-sheet>
    <v-sheet :elevation="1" class="ma-2 my-4">
      <h2>Changelog</h2>
      <v-list>
        <v-list-item>
          <v-list-item-title>2024-01-16</v-list-item-title>
          <v-list-item-subtitle>
            <p>The inital build, looked like hell, but mostly worked</p>
          </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>2024-01-17</v-list-item-title>
          <v-list-item-subtitle>
            <p>Cleaned up my build process a bit, and fixed a few bugs</p>
          </v-list-item-subtitle>
        </v-list-item>
        <v-list-item>
          <v-list-item-title>2024-01-20</v-list-item-title>
          <v-list-item-subtitle>
            <p>First pass that I'm comfortable letting other people see</p>
          </v-list-item-subtitle>
        </v-list-item>
        <ChangeLogEntry date="2024-01-20" :entries="entries20240120"> </ChangeLogEntry>
      </v-list>
    </v-sheet>
    <v-sheet :elevation="1" class="ma-2 my-4">
      <h2>Thanks</h2>
      <p>
        Special thanks to <span class="font-weight-bold">@marstache</span> from
        <span class="font-weight-bold">S-183</span> for sharing her version of this in Google Sheets
        and inspiring me to create this.
      </p>
      <p>
        Thanks to <span class="font-weight-bold">@kathinja</span> for her assistance with flavor
        text and proof reading.
      </p>
      <p>
        Thanks <span class="font-weight-bold">@werewaffle</span> for all of his help with
        proofreading and design.
      </p>
    </v-sheet>
  </v-sheet>
</template>
