import { deleteAuth } from '@/core/utils/auth'
import Link from '../Link/Link'
import { useRouter } from 'next/router'
import { signOut, useSession } from 'next-auth/react'
import useAuth from '@/core/hooks/useAuth'

const NavbarUserDropdown = () => {
  const router = useRouter()
  const atuh = useAuth()

  const logout = async () => {
    deleteAuth().then(() => {
      router.push('/login')
    })
  }

  return (
    <div className='navbar-user-dropdown-wrapper'>
      <div className='navbar-user-dropdown'>
        <Link href='/my/quotations'>Daftar Quotation</Link>
        <Link href='/my/transactions'>Daftar Transaksi</Link>
        <Link href='/my/shipments'>Daftar Pengiriman</Link>
        <Link href='/my/invoices'>Invoice & Faktur Pajak</Link>
        <Link href='/my/wishlist'>Wishlist</Link>
        <Link href='/my/address'>Daftar Alamat</Link>
        <Link href='/my/profile'>Profil Saya</Link>
        {!atuh?.external &&
          <Link href='/my/recomendation'>Dashboard Recomendation</Link>
        }
        <button type='button' onClick={logout}>
          Keluar Akun
        </button>
      </div>
    </div>
  )
}

export default NavbarUserDropdown
