// Central pessoal de responsabilidades e, para a Direcao, visao da equipe.
function MinhasAcoes({ currentUser, onNavigate }) {
  const [tasks, setTasks] = React.useState([]);
  const [loading, setLoading] = React.useState(true);
  const [tab, setTab] = React.useState('hoje');
  const [teamView, setTeamView] = React.useState(false);
  const isDirection = currentUser?.role === 'admin' || currentUser?.department === 'admin';

  const load = React.useCallback(async () => {
    setLoading(true);
    await sb.rpc('generate_task_deadline_notifications');
    const { data } = await sb.from('tasks').select('*, events!tasks_event_id_fkey(id,name,client_name,event_date,event_time,status), responsavel:app_users!tasks_assignee_user_id_fkey(id,name,email)').order('due_on', { ascending: true });
    setTasks(data || []); setLoading(false);
  }, []);
  React.useEffect(() => { load(); }, [load]);

  const mine = tasks.filter(t => t.assignee_user_id === currentUser?.id || (!t.assignee_user_id && mesmaPessoa(t.assignee, currentUser?.name)));
  const source = teamView && isDirection ? tasks : mine;
  const today = hojeISO();
  const groups = {
    hoje: source.filter(t => t.column_key !== 'done' && t.due_on === today),
    proximas: source.filter(t => t.column_key !== 'done' && t.due_on > today),
    pendentes: source.filter(t => t.column_key !== 'done'),
    atrasadas: source.filter(t => t.column_key !== 'done' && t.due_on < today),
    concluidas: source.filter(t => t.column_key === 'done'),
  };
  const defs = [['hoje','Hoje'],['proximas','Próximas'],['pendentes','Pendentes'],['atrasadas','Atrasadas'],['concluidas','Concluídas']];
  const status = t => t.column_key === 'done' ? 'Concluída' : t.column_key === 'doing' ? 'Em andamento' : 'Pendente';
  const variant = t => t.column_key === 'done' ? 'success' : (t.due_on < today ? 'danger' : t.due_on === today ? 'warning' : 'default');
  const openAction = t => { localStorage.setItem('events_prefill_open_id', String(t.event_id || t.events?.id || '')); onNavigate?.('events'); };

  return <div>
    <div style={{ display:'flex', justifyContent:'space-between', gap:16, marginBottom:24, alignItems:'flex-start' }}>
      <div><h1 style={{fontSize:24,fontWeight:700,margin:0,color:DS.colors.text}}>Minhas Ações</h1><p style={{fontSize:13,color:DS.colors.textSec,margin:'4px 0 0'}}>Quem faz, o que deve fazer e quando entregar.</p></div>
      {isDirection && <div style={{display:'flex',gap:4,background:'#F1F5F9',padding:3,borderRadius:8}}>{[['mine','Minhas'],['team','Painel da Direção']].map(([v,l]) => <button key={v} onClick={()=>setTeamView(v==='team')} style={{border:0,borderRadius:6,padding:'7px 12px',fontWeight:600,cursor:'pointer',background:(teamView?'team':'mine')===v?'#fff':'transparent',color:DS.colors.text}}>{l}</button>)}</div>}
    </div>
    <div style={{display:'grid',gridTemplateColumns:'repeat(5, minmax(110px, 1fr))',gap:8,marginBottom:18}}>{defs.map(([k,l]) => <button key={k} onClick={()=>setTab(k)} style={{padding:'12px 10px',borderRadius:10,border:`1px solid ${tab===k?DS.colors.primary:DS.colors.border}`,background:tab===k?'#EFF6FF':'#fff',cursor:'pointer',fontFamily:'inherit',color:DS.colors.text}}><div style={{fontSize:20,fontWeight:800,color:k==='atrasadas'&&groups[k].length?'#DC2626':DS.colors.primary}}>{groups[k].length}</div><div style={{fontSize:12,fontWeight:600}}>{l}</div></button>)}</div>
    <Card style={{overflow:'hidden'}}>{loading ? <Spinner/> : groups[tab].length === 0 ? <div style={{padding:44,textAlign:'center',color:DS.colors.textMuted}}>Nenhuma tarefa nesta categoria.</div> : <div style={{overflowX:'auto'}}><table style={{width:'100%',borderCollapse:'collapse',minWidth:760}}><thead><tr style={{background:'#F8FAFC'}}>{['Ação','Tarefa','Prazo','Status','Responsável'].map(h=><th key={h} style={{padding:'12px 14px',textAlign:'left',fontSize:11,color:DS.colors.textMuted,textTransform:'uppercase'}}>{h}</th>)}</tr></thead><tbody>{groups[tab].map(t=><tr key={t.id} style={{borderTop:`1px solid ${DS.colors.border}`}}><td onClick={()=>openAction(t)} style={{padding:14,fontSize:13,fontWeight:700,color:DS.colors.primary,cursor:'pointer'}}>{t.events?.name||t.event_name||'—'}<div style={{fontSize:11,fontWeight:400,color:DS.colors.textMuted}}>{t.events?.client_name||''}</div></td><td style={{padding:14,fontSize:13,color:DS.colors.text}}>{t.title}</td><td style={{padding:14,fontSize:13,fontWeight:600,color:t.due_on<today&&t.column_key!=='done'?'#DC2626':DS.colors.text}}>{t.due_on?new Date(t.due_on+'T00:00:00').toLocaleDateString('pt-BR'):'—'}</td><td style={{padding:14}}><Badge variant={variant(t)}>{status(t)}</Badge></td><td style={{padding:14,fontSize:13}}><div style={{display:'flex',alignItems:'center',gap:7}}><Avatar name={t.responsavel?.name||t.assignee||'?'} size={24}/>{t.responsavel?.name||t.assignee||'—'}</div></td></tr>)}</tbody></table></div>}</Card>
  </div>;
}
Object.assign(window, { MinhasAcoes });