<template>
  <header>
    <div class="header-c">
      <i class="ico-c ico-mobile-menu" @click="SideMenu">
        <svg>
          <use href="@/assets/images/icons.svg#mobilemenu" />
        </svg>
      </i>
      <a href="/" class="logo-header">
        <img
            src="@/assets/images/cekilisevi-logo-n.png"
            alt="MPI Çekiliş Evi"/>
      </a>
    </div>
    <div class="header-c">
      <!--i
        class="ico-c ico-notification badge-have panel-open"
        data-panelopen="notification"
        @click="OpenNotification">
        <span class="badge-c badge-notification"></span>
        <svg>
          <use href="@/assets/images/icons.svg#notification" />
        </svg>
      </!--i-->
      <profile-menu />
    </div>
  </header>
</template>
<script setup lang="ts">
  import ProfileMenu from '@/layouts/admin-inc/ProfileMenu.vue'
  import { useGlobalStore } from '@/stores/globalStore'
  const globalStore = useGlobalStore()

  const OpenNotification = () => {
    globalStore.profileMenu = false
    globalStore.notificationPanel = !globalStore.notificationPanel
  }
  const SideMenu = () => {
    globalStore.sideMenu = !globalStore.sideMenu
  }
</script>
