import React, {useState} from 'react';
import {Text, View, StyleSheet} from 'react-native';
import DetailListWorkView from './view';

const DetailListWork = props => {
  const [data, setData] = useState({
    id: 1,
    title: 'Tạo thời khóa biểu cho sinh viến khai giảng và học kỳ 2 năm 2025',
    status: 'Chờ duyệt',
    deadline: '2025-09-04',
    supervisor: [
      {
        id: 1,
        name: 'Trần Văn Hùng',
      },
      {
        id: 2,
        name: 'Nguyễn Văn A',
      },
    ],
    implementer: [
      {
        id: 1,
        name: 'Trần Văn Hùng',
      },
      {
        id: 2,
        name: 'Nguyễn Văn A',
      },
    ],
    document: 'Văn bản thông báo lịch nộp thời khóa biểu của học kỳ 2 năm 2025',
    content:
      'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
  });

  const [dataList, setDataList] = useState([
    {id: 1, name: 'Nguyễn Minh Đức'},
    {id: 2, name: 'Trần Văn Hùng'},
    {id: 3, name: 'Lê Thị Mai'},
    {id: 4, name: 'Phạm Quốc Khánh'},
    {id: 5, name: 'Hoàng Anh Tuấn'},
    {id: 6, name: 'Vũ Thị Hằng'},
    {id: 7, name: 'Ngô Văn Nam'},
    {id: 8, name: 'Đinh Thị Lan'},
    {id: 9, name: 'Bùi Văn Phúc'},
    {id: 10, name: 'Lý Thị Hoa'},
    {id: 11, name: 'Phan Minh Hoàng'},
    {id: 12, name: 'Tạ Thị Hương'},
    {id: 13, name: 'Đoàn Văn Dũng'},
    {id: 14, name: 'Nguyễn Thị Vân'},
    {id: 15, name: 'Trương Văn Long'},
    {id: 16, name: 'Mai Thị Ngọc'},
    {id: 17, name: 'Huỳnh Quốc Việt'},
    {id: 18, name: 'Lâm Thị Thu'},
    {id: 19, name: 'Nguyễn Hữu Tài'},
    {id: 20, name: 'Phạm Thị Kim'},
  ]);

  const [dataReport, setDataReport] = useState([
    {
      id:1,
      title:'Báo cáo lần 1',
      time:'16:00',
      date:'2025-07-24',
      content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
      fileTitle:'Quyết định thông báo đào tạo - QD347583',
      responder:[
        {
          id:1,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
        {
          id:2,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
        {
          id:3,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
      ]
    },
    {
      id:2,
      title:'Báo cáo lần 2',
      time:'16:00',
      date:'2025-07-24',
      content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
      fileTitle:'Quyết định thông báo đào tạo - QD347583',
      responder:[
        {
          id:1,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
        {
          id:2,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
        {
          id:3,
          name:'Bùi tiến dũng',
          code:'08569',
          time:'16:00',
          date:'2025-07-24',
          content:'Ban lãnh đạo yêu cầu hoàn thành thời khóa biểu trong tháng cho các đơn vị chuyên môn sắp xếp các công việc và lịch liên quan',
        },
      ]
    }
  ])

  return <DetailListWorkView data={data} dataList={dataList} dataReport={dataReport} />;
};

export default DetailListWork;
