import { useNavigate } from 'react-router-dom';
import { formatJalaliDate } from '../utils/date';
import { pwaTaskPriorityLabels, pwaTaskStatusLabels } from './pwaTaskMeta';

export default function PwaProjectTaskPreview({ tasks = [] }) {
  const navigate = useNavigate();
  if (!tasks.length) return <div className="pwa-empty-inline">تسکی برای این پروژه نمایش داده نمی‌شود.</div>;

  return (
    <div className="pwa-project-task-preview">
      {tasks.map((task) => (
        <button key={task.id} type="button" onClick={() => navigate(`/pwa/tasks/${task.id}`)}>
          <strong>{task.title}</strong>
          <span>{pwaTaskStatusLabels[task.status] || task.status || 'نامشخص'} · {pwaTaskPriorityLabels[task.priority] || 'معمولی'}</span>
          <small>{task.assignee?.name || 'بدون مسئول'} · {formatJalaliDate(task.due_date, 'بدون موعد')}</small>
        </button>
      ))}
    </div>
  );
}
