import {ScrollView, Text} from "react-native";
import Accordion from "../components/acordion";
import Task from "../components/task";
import {useId} from "react";

const Home = ({navigation}) => {

    const tasks = [
        {id: "1",
            title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
            status: "active",
            timeTill: "2023-12-10T23:59:59.000Z"},
        {id: "2",
            title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
            status: "active",
            timeTill: "2024-12-31T23:59:59.000Z"},
        {id: "3",
            title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
            status: "completed",
            timeTill: "2023-12-31T23:59:59.000Z",
            timeFinished: "2023-12-31T23:58:59.000Z",
        },
        {id: "4",
            title: "Автомобиль назначен на маршрут Москва-Омск-Новосибирск",
            status: "completed",
            timeTill: "2023-12-05T23:59:59.000Z",
            timeFinished: "2023-12-06T23:58:59.000Z",
        },
    ]


    return (
        <>
            <Text style={{fontSize: 48, fontWeight: 'bold', paddingLeft: 20, paddingTop: 60}}>Задачи</Text>
            <ScrollView style={{padding: 20}}>
                <Accordion title={"Активные задания"} style={{marginBottom: 20}}>
                    {tasks.filter(elem => elem.status === 'active').map(elem => <Task navigation={navigation} imageType={'chevron'} {...elem} key={elem.id} />)}
                </Accordion>
                <Accordion title={"Архивные задания"}>
                    {tasks.filter(elem => elem.status === 'completed').map(elem => <Task navigation={navigation} imageType={'chevron'} {...elem} key={elem.id} />)}
                </Accordion>
            </ScrollView>
        </>
    )
}

export default Home;