import ProjectTasksList from "@/components/ProjectTasksList";
import PageContainer from "@/components/ui/PageContainer";
import PageHeader from "@/components/ui/PageHeader";
import Button from "@/components/ui/Button";
import Link from "next/link";

export default function ProjectTasksPage() {
	return (
		<PageContainer>
			<PageHeader
				title="Zadania"
				description="Zarządzaj zadaniami projektów"
				actions={[
					<Link href="/tasks/templates" key="templates">
						<Button variant="secondary" size="md">
							<svg
								className="w-4 h-4 mr-2"
								fill="none"
								stroke="currentColor"
								viewBox="0 0 24 24"
							>
								<path 
									strokeLinecap="round" 
									strokeLinejoin="round" 
									strokeWidth={2} 
									d="M4 7v10c0 2.21 1.79 4 4 4h8c2.21 0 4-1.79 4-4V7M4 7c0-2.21 1.79-4 4-4h8c2.21 0 4 1.79 4 4M4 7h16M9 11v4m6-4v4" 
								/>
							</svg>
							Szablony zadań
						</Button>
					</Link>,
					<Link href="/task-sets" key="task-sets">
						<Button variant="secondary" size="md">
							<svg
								className="w-4 h-4 mr-2"
								fill="none"
								stroke="currentColor"
								viewBox="0 0 24 24"
							>
								<path
									strokeLinecap="round"
									strokeLinejoin="round"
									strokeWidth={2}
									d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
								/>
							</svg>
							Zestawy zadań
						</Button>
					</Link>
				]}
			/>
			<ProjectTasksList />
		</PageContainer>
	);
}