<template>
  <ul>
    <admin-aside-item icon="fas fa-home" :link="{name: 'admin'}" text="صفحه اصلی"/>

    <admin-aside-item icon="fas fa-presentation" :link="{name: 'admin-slider'}" text="اسلایدر"/>

    <admin-aside-item icon="fa fa-gift" text="محصولات" :hasChild="true">
      <admin-aside-item :link="{name: 'admin-products'}" text="لیست محصولات"/>
      <admin-aside-item :link="{name: 'admin-products-category'}" text="دسته بندی محصولات"/>
    </admin-aside-item>

    <admin-aside-item icon="fa fa-newspaper" text="بلاگ" :hasChild="true">
      <admin-aside-item :link="{name: 'admin-blog'}" text="لیست بلاگ"/>
      <admin-aside-item :link="{name: 'admin-blog-category'}" text="دسته بندی بلاگ"/>
    </admin-aside-item>

    <admin-aside-item icon="fas fa-bags-shopping" :link="{name: 'admin-projects'}" text="پروژه ها"/>

    <admin-aside-item icon="fas fa-history" :link="{name: 'admin-history'}" text="تاریخچه"/>

    <admin-aside-item icon="fas fa-envelope" :badge="$store.state.admin.unread" :link="{name: 'admin-messages'}" text="پیام های ارتباط با ما"/>

    <admin-aside-item icon="fas fa-file-pdf" :link="{name: 'admin-catalog'}" text="آپلود فایل کاتالوگ"/>

  </ul>
</template>

<script>
export default {
  mounted() {
    if (this.$auth.loggedIn) {
      this.$axios.get('/api/private/contact')
          .then(response => {
            let unread = response.data.filter(item => {
              return !item.read
            })
            this.$store.commit('admin/unreadCount', unread.length)
          })
    }
  }
}
</script>
