import { usePage } from "@inertiajs/inertia-vue3"

window.translations = {}
window.locale = localStorage.getItem('locale') || 'id'

export const getAllDefinedTranslation = () => axios.get(route('api.translation.get', window.locale))
                                                    .then(response => response.data)
                                                    .then(response => window.translations = response)

export const __ = (text, replacements = {}) => {
  if (typeof text === 'string') {
    if (window.translations.hasOwnProperty(text.trim().toLowerCase())) {
      text = window.translations[text.trim().toLocaleLowerCase()]
    } else {
      axios.post(route(
        'api.translation.register', window.locale
      ), { text }).then(getAllDefinedTranslation)
    }

    for (const key in replacements) {
      text = text.replace(new RegExp(`:${key}`, 'g'), replacements[key])
    }
  }

  return text
}

export const can = (abilities) => {
  const { $permissions } = usePage().props.value

  if (Array.isArray(abilities)) {
    for (const ability of abilities) {
      if (can(ability)) {
        return true
      }
    }
  } else if (typeof abilities === 'string') {
    return $permissions.find(permission => permission.name === abilities) !== undefined
  } else if (typeof abilities === 'number') {
    return $permissions.find(permission => permission.id === abilities) !== undefined
  } else {
    return false
  }
}

export const authorization = () => {
  const { $token } = usePage().props.value

  if ($token) {
    axios.defaults.headers.common['Authorization'] = `Bearer ${$token}`
  }

  return $token
}