import { useIdentity, useCollection, useNotify } from '@deplixo/sdk';
import { HeartIcon, LogoutIcon } from './components/Icons.jsx';
import Welcome from './components/Welcome.jsx';
import Chat from './components/Chat.jsx';
import Admin from './components/Admin.jsx';

function App() {
  const { user } = useIdentity();
  const [view, setView] = useState('welcome'); // welcome | chat | admin
  const [userName, setUserName] = useState('');
  const [conversationId, setConversationId] = useState(null);
  const [toast, setToast] = useState(null);

  const { items: friends, add: addFriend, update: updateFriend } = useCollection('friends');
  const { add: addShare } = useCollection('shares');
  const notify = useNotify();

  const handleStart = async (name) => {
    setUserName(name);
    setConversationId(`conv-${Date.now()}`);

    // Register or update friend record
    const existing = (friends || []).find(f => f.author?.id === user?.id);
    try {
      if (existing) {
        await updateFriend(existing.id, {
          name,
          lastSeen: Date.now(),
          conversations: (existing.value?.conversations || 0) + 1,
        });
      } else {
        await addFriend({
          name,
          lastSeen: Date.now(),
          conversations: 1,
        });
      }
    } catch (err) {
      console.warn('friend registration failed', err);
    }

    setView('chat');
  };

  const handleShare = async (payload) => {
    if (!payload.consent) {
      setToast('Sua conversa permanece privada. 💛');
      setTimeout(() => setToast(null), 3000);
      return;
    }
    try {
      await addShare({
        mood: payload.mood,
        summary: payload.summary,
        messages: payload.messages,
        userName,
      });
      try {
        await notify({
          title: 'Novo compartilhamento',
          body: `${userName} compartilhou um resumo da conversa.`,
        });
      } catch {}
      setToast('Obrigado por compartilhar! 💛');
      setTimeout(() => setToast(null), 3000);
    } catch (err) {
      console.error('share failed', err);
      setToast('Não foi possível compartilhar agora.');
      setTimeout(() => setToast(null), 3000);
    }
  };

  const goHome = () => {
    setView('welcome');
  };

  return (
    <div className="app-shell">
      {view !== 'welcome' && (
        <header className="topbar">
          <div className="brand">
            <div className="brand-logo" aria-hidden="true"><HeartIcon size={20} /></div>
            Meu Psicólogo
          </div>
          <div className="topbar-actions">
            {userName && view === 'chat' && <span className="chip">Olá, {userName}</span>}
            <button className="btn btn-ghost" onClick={goHome} aria-label="Voltar ao início" data-testid="topbar-home-button">
              <LogoutIcon size={16} /> Início
            </button>
          </div>
        </header>
      )}

      {view === 'welcome' && (
        <Welcome
          onStart={handleStart}
          onAdmin={() => setView('admin')}
          user={user}
        />
      )}

      {view === 'chat' && (
        <Chat
          userName={userName}
          conversationId={conversationId}
          onBack={goHome}
          onShare={handleShare}
        />
      )}

      {view === 'admin' && <Admin onBack={goHome} />}

      {toast && <div className="toast" role="status" aria-live="polite">{toast}</div>}
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);