Untitled

import React from "react";
import {
    Box,
    Text,
    VStack,
    HStack,
    Flex,
    UnorderedList,
    ListItem,
} from "@chakra-ui/react";
import moment from "moment/moment";

export const CreateOfferLetter = ( props ) => {
    const {
        userData,
        studentData,
        courseDetail,
        course,
        batchDetail,
        studentPaymentLists,
        feeData,
        currentBranchData
    } = props;
    const refNumber=`${currentBranchData?.name}/${courseDetail.name}/${studentData.registrationNumber}`

    return (
        <Box bgColor={"white"}>
            <Box p={6} mx={"10"}   m="auto" fontFamily="Arial, sans-serif">
                <Box textAlign="right" mb={1}>
                    <Box display="inline-block" textAlign="right" padding={2}>
                        <Text fontSize="6xl" fontWeight="bold" lineHeight="1.2">
                            ICAD
                        </Text>
                        <Text fontSize="sm">Creating & Nurturing Talent</Text>
                        <Text mt={3} fontWeight={'bold'}>
                            Date: {moment().format('DD MMM YYYY')}
                        </Text>
                    </Box>
                </Box>
                <Box mb={4}>
                    <HStack justifyContent={'right'}>
                        <Text fontSize={'sm'} fontWeight={'bold'}> Ref. No:</Text>
                        <Text fontWeight="bold">{refNumber || "refNumber"}</Text>
                    </HStack>
                    <HStack>
                        <Text>Dear</Text>
                        <Text fontWeight="bold">{studentData?.name || "Candidate"}</Text>
                    </HStack>
                </Box>
                <Box mb={4} mt={4}>
                    <Text fontSize="2xl" fontWeight="bold">
                        CONGRATULATIONS!
                    </Text>
                    <Text fontSize={'sm'} mt={4}>
                        We are glad to inform you that based on your performance in  <span style={{ color: 'black', fontWeight: 'bold' }}>
                            {studentData?.testName || "Test"}
                        </span> you have been qualified for our <span style={{ color: 'black', fontWeight: 'bold' }}>
                            {courseDetail?.name || "Course"}
                        </span>. ICAD’s Advisory Members & Management have decided to provide you a scholarship in the form of a certain percentage waiver in the charges at ICAD, for our <span style={{ color: 'black', fontWeight: 'bold' }}>
                            {studentData?.testName || "Test"}
                        </span>.
                    </Text>
                </Box>
                <Box mb={4} overflowX="auto" border="1px solid #000" p={2}>
                    Table
                </Box>
                <Box mb={4}>
                    <Box display="flex" alignItems="center" justifyContent="space-between" mb={2}>
                        <Text fontWeight="bold">Notes:</Text>
                    </Box>
                    <VStack align="start" spacing={2}>
                        <UnorderedList fontSize={'sm'}>
                            <ListItem>
                                The charges cover Tuition Fee, Books, Study Material and the GST wherever applicable as on today. GST amount is subject to change and applicable, as per any Govt. amendments in the future.
                            </ListItem>
                            <ListItem>
                                ICAD Online App requires a compulsory tablet with the necessary specifications. Student can purchase from ICAD or other sources. ICAD will charge modest operator’s charges for locking the tablet. Installation of ICAD Online App is free.
                            </ListItem>
                            <ListItem>
                                Tuition classes and providing study material, books are separate services.
                            </ListItem>
                            <ListItem>
                                Registration charges, 1st, 3rd & 5th Installment is towards tuition fees to be paid in ICAD Technologies Pvt. Ltd.
                            </ListItem>
                            <ListItem>
                                2nd & 4th Installment is towards books, Lecture plans & exam booklets to be paid in ICAD Publications Pvt. Ltd.
                            </ListItem>
                        </UnorderedList>
                    </VStack>
                </Box>
                <Box mb={4}>
                    <Box display="flex" alignItems="center" justifyContent="space-between" mb={2}>
                        <Text fontWeight="bold">Terms & Conditions:</Text>
                    </Box>
                    <VStack align="start" spacing={2}>
                        <UnorderedList fontSize={'sm'}>
                            <ListItem>
                                You can confirm your seat by paying registration charges of Rs.21000/- before <span style={{ color: 'black', fontWeight: 'bold' }}>
                                    {feeData?.lastDate || "30th Jan 2025"}
                                </span>. Registration charges are nonrefundable but adjustable (at your name only) at other Centers of ICAD.
                            </ListItem>
                            <ListItem>
                                Kindly submit two passport-size photographs along with a photocopy of the student&apos;s Aadhaar card at the time of registration.
                            </ListItem>
                            <ListItem>
                                Postdated installment cheques (PDCs) must be submitted at the time of admission.
                            </ListItem>
                            <ListItem>
                                The amount must be paid strictly as per the prescribed installment pattern.
                            </ListItem>
                            <ListItem>
                                ICAD reserves the right of admission.
                            </ListItem>
                        </UnorderedList>
                    </VStack>
                </Box>
                <Box border={'2px dotted gray'} mt={7} style={{ pageBreakBefore: 'always' }}></Box>
                <Box mt={4}>
                    <Text fontWeight={'bold'}>Sarang Upganlawar</Text>
                    <Text color={'gray.600'} mt={3}>Founder & Director</Text>
                    <Text color={'gray.600'}>ICAD Group of Institutes</Text>
                </Box>
                <Box border={'2px dotted gray'} mt={7}></Box>
                <Box textAlign="left" fontSize="sm" mt={6}>
                    <Text mt={2} fontWeight={'bold'}>For Office Use Only</Text>
                    <Flex>
                        <HStack>
                            <Text>Course :</Text>
                            <Text fontWeight={'bold'}>{courseDetail?.name || "courseName"}</Text>
                        </HStack>
                        <HStack ml={3}>
                            <Text>Roll No :</Text>
                            <Text fontWeight={'bold'}>{course?.rollNumber || "rollNumber"}</Text>
                        </HStack>
                    </Flex>
                    <Flex>
                        <HStack>
                            <Text>Date of Admission :</Text>
                            <Text fontWeight={'bold'}>{studentData?.admissionDate || "admissionDate"}</Text>
                        </HStack>
                        <HStack ml={3}>
                            <Text>Software Id :</Text>
                            <Text fontWeight={'bold'}>{userData?.softwareId || "softwareId"}</Text>
                        </HStack>
                    </Flex>
                    <Text fontSize="xs" mt={4} color="gray.500">
                        © 2024 ICAD. All Rights Reserved.
                    </Text>
                </Box>
            </Box>
        </Box>
    );
};