<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="fas fa-image" :link="{name: 'admin-gallery'}" 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-user-friends" :link="{name: 'admin-customers'}" text="لیست مشتریان"/>
		
		<admin-aside-item icon="fas fa-bags-shopping" :link="{name: 'admin-orders'}" text="لیست سفارشات"/>
		
		<admin-aside-item icon="fas fa-envelope" :badge="$store.state.admin.unread" :link="{name: 'admin-messages'}" text="پیام های ارتباط با ما"/>
		
		<admin-aside-item icon="fa fa-bullhorn"  :link="{name: 'admin-broadcast'}" text="ارسال پیام برای مشتریان"/>
		
		<admin-aside-item icon="far fa-file" :link="{name: 'admin-about'}" 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>
