<template>
  <SKDashboard
    :announcements="announcements"
    :applications="applications"
    :greeting-title="greetingTitle"
    :quick-navs="quickNavs"
    :todos="todos"
    :user-avatar="userAvatar"
  />
</template>

<script setup lang="ts">
import { mdiAccountGroup, mdiBookOpenVariant, mdiCalendarCheck, mdiChartBar, mdiCog, mdiHammerWrench, mdiHome, mdiLayers, mdiLock, mdiMonitorShimmer, mdiSchool, mdiViewDashboard } from '@mdi/js'
import { ref } from 'vue'
import SKDashboard from '@/components/SKDashboard.vue'

const userAvatar = ref(
  'https://avataaars.io/?avatarStyle=Circle&topType=ShortHairShortFlat&accessoriesType=Sunglasses&hairColor=Black&facialHairType=Blank&clotheType=BlazerShirt&clotheColor=Blue01&eyeType=Happy&eyebrowType=Default&mouthType=Smile&skinColor=Light'
)
const greetingTitle = ref('早安，王校長，開始您一天的工作吧！')

const applications = ref([
  {
    name: '校務行政系統',
    icon: mdiSchool,
    desc: '全校教職員工生學籍資料、人事資料、財產管理等核心系統入口。',
    group: '行政組',
    date: '2025-01-05',
    color: 'primary',
  },
  {
    name: '數位學習平台',
    icon: mdiMonitorShimmer,
    desc: '提供線上課程、作業繳交、測驗評量與師生互動討論功能。',
    group: '教學組',
    date: '2025-01-02',
    color: 'success',
  },
  {
    name: '圖書館系統',
    icon: mdiBookOpenVariant,
    desc: '館藏查詢、圖書借閱、還書預約與電子書資源整合平台。',
    group: '圖書館',
    date: '2024-12-28',
    color: 'warning',
  },
  {
    name: '學生請假系統',
    icon: mdiCalendarCheck,
    desc: '學生線上請假申請、導師審核、生輔組備查流程電子化。',
    group: '學務處',
    date: '2024-12-25',
    color: 'error',
  },
  {
    name: '報修系統',
    icon: mdiHammerWrench,
    desc: '校園設施設備故障通報、維修進度查詢與滿意度調查。',
    group: '總務處',
    date: '2024-12-20',
    color: 'purple',
  },
  {
    name: '會議室預約',
    icon: mdiAccountGroup,
    desc: '校內各大型會議室、視聽教室場地查詢與線上預約登記。',
    group: '總務處',
    date: '2024-12-15',
    color: 'teal',
  },
])

const announcements = ref([
  {
    title: '發布全校停課通知 (凱米颱風)',
    author: '教務處',
    time: '1 小時前',
    avatarColor: 'error',
    avatarSrc: null,
  },
  {
    title: '發布 113 學年度行事曆',
    author: '王校長',
    time: '2 天前',
    avatarColor: 'primary',
    avatarSrc: userAvatar.value,
  },
  {
    title: '回覆關於營養午餐的建議',
    author: '總務主任',
    time: '3 天前',
    avatarColor: 'warning',
    avatarSrc: null,
  },
  {
    title: '更新校園防疫規定',
    author: '衛生組長',
    time: '1 週前',
    avatarColor: 'success',
    avatarSrc: null,
  },
])

const quickNavs = ref([
  { title: '首頁', icon: mdiHome, color: 'primary' },
  { title: '控制台', icon: mdiViewDashboard, color: 'error' },
  { title: '組件', icon: mdiLayers, color: 'warning' },
  { title: '系統管理', icon: mdiCog, color: 'success' },
  { title: '權限', icon: mdiLock, color: 'purple' },
  { title: '圖表', icon: mdiChartBar, color: 'info' },
])

const todos = ref([
  { title: '審查期末考題', due: '今天 11:00', done: false },
  { title: '簽核採購申請單', due: '今天 14:00', done: false },
  { title: '校務會議', due: '明天 09:00', done: false },
  { title: '教學巡堂', due: '週五 10:00', done: true },
])
</script>
