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

const ListSendDocument = (props) => {
   const [activeTab, setActiveTab] = useState("all")
      const [dataListTabView, setDataListTabView] = useState([
          {
              key:"all",
              title_status:"Tất cả",
          },
          {
              key:"restrict",
              title_status:"Đã hạn chế",
          },
          {
              key:"public",
              title_status:"Công khai"
          }
      ])
  
      const handleTabKey = (tabKey) =>{
          setActiveTab(tabKey)
      }
  
      const [dataList,setDataList] = useState([
          {
              id:'1',
              title:'Văn bản thông báo lịch nộp thời khoá biểu của học kì 2 năm 2025',
              symbol_number:'123456789',
              term:'29/07/2025',
              number_entry_book:'12493-fh544',
              status:'Chờ xét duyệt',
              regime:'Hạn chế',
          },
          {
              id:'2',
              title:'Văn bản thông báo lịch nộp thời khoá biểu của học kì 2 năm 2025',
              symbol_number:'123456789',
              term:'29/07/2025',
              number_entry_book:'12493-fh544',
              status:'Cần chỉnh sửa',
              regime:'Hạn chế',
              },
          {
            id:'3',
            title:'Văn bản thông báo lịch nộp thời khoá biểu của học kì 2 năm 2025',
            symbol_number:'123456789',
            term:'29/07/2025',
            number_entry_book:'12493-fh544',
            status:'Đã phê duyệt', 
            regime:'Hạn chế',
        },
        {
            id:'4',
            title:'Văn bản thông báo lịch nộp thời khoá biểu của học kì 2 năm 2025',
            symbol_number:'123456789',
            term:'29/07/2025',
            number_entry_book:'12493-fh544',
            status:'Dự thảo', 
            regime:'Công khai',
        },
      ])
  
      const [searchQuery, setSearchQuery] = useState("")
  
      const filterData = dataList.filter((item) =>{
          const matchTab = activeTab == 'all' || item.status == activeTab;
          const matchSearch = item.title.toLowerCase().includes(searchQuery.toLowerCase());
          return matchTab && matchSearch;
      })
  
  return (
    <ListSendDocumentView 
        activeTab={activeTab}
        dataListTabView={dataListTabView}
        dataList={filterData}
        searchQuery={searchQuery}
        setSearchQuery={setSearchQuery}
        handleTabKey={handleTabKey}
    />
  );
};

export default ListSendDocument;
