import { Logo } from '@/components/Logo'
import { logout } from '@/lib/auth'
import { useMe } from '@/lib/useMe'

const PUBLIC_SITE = (import.meta.env.VITE_PUBLIC_SITE_URL as string | undefined) ?? 'https://test.food-market.kz'

/** Fallback-экран для AppUser без активного Employee в живой Organization.
 * Возможные причины: его org удалена SuperAdmin'ом, его Employee
 * деактивирован (уволен), либо аккаунт никогда не был привязан к орге.
 *
 * Не делаем тут wizard «создай новую org» — публичный /signup на маркетинговом
 * сайте уже умеет создавать org для существующего email через тот же
 * AuthSignupController. Просто отправляем туда. */
export function NoOrganizationPage() {
  const me = useMe()
  const email = me.data?.email
  return (
    <div className="min-h-screen flex items-center justify-center bg-slate-50 dark:bg-slate-900 p-4">
      <div className="w-full max-w-md bg-white dark:bg-slate-800 rounded-xl shadow-lg p-8 space-y-5">
        <Logo />
        <div className="space-y-2">
          <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-50">У вас нет активных организаций</h1>
          <p className="text-sm text-slate-600 dark:text-slate-400">
            Аккаунт {email ? <strong>{email}</strong> : null} не связан ни с одной активной организацией.
            Это происходит если организация удалена или администратор отозвал ваш доступ.
          </p>
        </div>
        <div className="space-y-2">
          <a
            href={`${PUBLIC_SITE}/signup`}
            className="block w-full text-center rounded-md bg-[var(--color-brand)] hover:bg-[var(--color-brand-hover)] text-white font-medium py-2.5 text-sm transition-colors"
          >
            Создать новую организацию
          </a>
          <a
            href="mailto:support@food-market.kz?subject=Просьба%20о%20доступе%20к%20организации"
            className="block w-full text-center rounded-md border border-slate-300 dark:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-200 font-medium py-2.5 text-sm transition-colors"
          >
            Попросить пригласить меня
          </a>
        </div>
        <button
          onClick={logout}
          className="block w-full text-center text-xs text-slate-500 hover:text-slate-700 underline pt-2"
        >
          Выйти из аккаунта
        </button>
      </div>
    </div>
  )
}
