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



const Event = ({route, navigation}) => {

    const events = [
        {
            id: "1",
            title: "Прибыть на ПГР 20.12.2023 к 10:00 ",
            timeFinished: "2023-12-5T12:00:00.000Z",
            timeTill: "2023-12-5T12:10:00.000Z",
            status: "completed"
        },
        {
            id: "2",
            title: "Поставить ТС к доку №5 ",
            timeTill: "2023-12-5T12:10:00.000Z",
            status: "active"
        },
        {
            id: "3",
            title: "Закончить ПГР",
            timeTill: "2023-12-14T12:10:00.000Z",
            status: "active"
        },
        {
            id: "4",
            title: "Прибыть на ПГР 21.12.2023 к 10:00 ",
            timeTill: "2023-12-21T12:10:00.000Z",
            status: "active",
            navi: {
                lat: "55.784444",
                lon: "37.711261"
            }
        }
    ]

    return (
        <>
                <Text style={{fontSize: 48, fontWeight: 'bold', paddingLeft: 20, paddingTop: 60}}>События</Text>
                <ScrollView style={{padding: 20}}>
                    <Accordion title={"Активные События"} style={{marginBottom: 20}}>
                        {events.filter(elem => elem.status === 'active').map(elem => <Task navigation={navigation} {...elem} />)}
                    </Accordion>
                    <Accordion title={"Архивные События"}>
                        {events.filter(elem => elem.status === 'completed').map(elem => <Task navigation={navigation} {...elem} />)}
                    </Accordion>
                </ScrollView>
        </>
    )
}

export default Event;