// src/components/TaskBoard.tsx — сгенерировано Lovable.dev
import { useState, useEffect } from "react";
import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
import { supabase } from "@/integrations/supabase/client";

type Task = { id: string; title: string; status: "todo" | "in_progress" | "done" };

export function TaskBoard() {
  const [tasks, setTasks] = useState<Task[]>([]);

  const columns = [
    { id: "todo", title: "📋 To Do" },
    { id: "in_progress", title: "⚡ In Progress" },
    { id: "done", title: "✅ Done" }
  ];

  useEffect(() => {
    const channel = supabase
      .channel("tasks")
      .on("postgres_changes", { event: "*", schema: "public", table: "tasks" },
        (payload) => { /* real-time sync */ }
      ).subscribe();
    return () => { supabase.removeChannel(channel); };
  }, []);

  const onDragEnd = async (result) => {
    if (!result.destination) return;
    const taskId = result.draggableId;
    const newStatus = result.destination.droppableId;
    await supabase.from("tasks").update({ status: newStatus }).eq("id", taskId);
  };

  return (
    <DragDropContext onDragEnd={onDragEnd}>
      <div className="grid grid-cols-3 gap-4">
        {columns.map(col => (
          <Droppable droppableId={col.id} key={col.id}>
            {(provided) => (
              <div ref={provided.innerRef} {...provided.droppableProps} className="bg-muted p-4 rounded-lg">
                <h3 className="font-semibold mb-3">{col.title}</h3>
                {tasks.filter(t => t.status === col.id).map((task, i) => (
                  <Draggable draggableId={task.id} index={i} key={task.id}>
                    {(p) => (
                      <div ref={p.innerRef} {...p.draggableProps} {...p.dragHandleProps} className="bg-card p-3 rounded shadow-sm mb-2">
                        {task.title}
                      </div>
                    )}
                  </Draggable>
                ))}
                {provided.placeholder}
              </div>
            )}
          </Droppable>
        ))}
      </div>
    </DragDropContext>
  );
}

-- supabase/migrations/001_create_tasks.sql
CREATE TABLE tasks (
  id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id uuid REFERENCES auth.users(id) ON DELETE CASCADE,
  title text NOT NULL,
  status text NOT NULL DEFAULT 'todo',
  created_at timestamptz DEFAULT now()
);

-- RLS политики — генерируются автоматически
ALTER TABLE tasks ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can view own tasks"
  ON tasks FOR SELECT USING (auth.uid() = user_id);

CREATE POLICY "Users can insert own tasks"
  ON tasks FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update own tasks"
  ON tasks FOR UPDATE USING (auth.uid() = user_id);