"use-client"

import FormContainer from "@/layouts/form/form-container";
import DriverRoadMapDetails from "../components/validate-roadmap/driver-roadmap-details";
import { Box, Typography, TextField, Button } from "@mui/material";
import DailyRoadMapAccordionCard from "../components/roadmap-list/old-submitted-roadmap/daily-roadmap-accordion-card";

const dates = Array(9).fill("01/03/2023");

export default function OldSubmittedRoadMapDetailsView() {
  return (
    <FormContainer sx={{ backgroundColor: 'transparent', p: 0 }} hasBorder>
      <DriverRoadMapDetails isRouteSheetInValidation={false} />

      <Box m={2}>
        {dates.map((date, index) => (
          <DailyRoadMapAccordionCard key={index} date={date} />
        ))}
      </Box>
    </FormContainer>
  );
}
