import ButtonBackHeader from "@/components/buttonBackHeader";
import SectionProgress from "@/components/sectionProgress";
import HeaderRightTaskDetail from "@/components/task/headerTaskDetail";
import SectionFileTask from "@/components/task/sectionFileTask";
import SectionMemberTask from "@/components/task/sectionMemberTask";
import SectionTanggalTugasTask from "@/components/task/sectionTanggalTugasTask";
import Styles from "@/constants/Styles";
import { router, Stack, useLocalSearchParams } from "expo-router";
import { SafeAreaView, ScrollView, View } from "react-native";

export default function DetailTaskDivision() {
   const { id, detail } = useLocalSearchParams()


   return (
      <SafeAreaView>
         <Stack.Screen
            options={{
               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
               headerTitle: 'Judul Tugas Divisi',
               headerTitleAlign: 'center',
               headerRight: () => <HeaderRightTaskDetail id={detail} />,
            }}
         />
         <ScrollView>
            <View style={[Styles.p15, Styles.mb100]}>
               <SectionProgress text="Kemajuan Kegiatan 50%" progress={50} />
               <SectionTanggalTugasTask />
               <SectionFileTask />
               <SectionMemberTask />
            </View>
         </ScrollView>
      </SafeAreaView>
   )
}